Site Icon / Favicon

Site Icon / Favicon (short for “favorite icon”) is the small logo or graphic that represents a website in browser tabs, bookmark bars, mobile search results, and app shortcut icons.

Why It’s Important

  • Brand Recognition & Usability: When users have dozens of tabs open, the favicon is the primary visual anchor that helps them locate your site instantly.
  • Search Engine Visibility: Modern search engines (like Google on mobile and desktop) display your favicon right next to your site name in search results, increasing visual prominence.
  • Click-Through Rate (CTR): A clear, distinct icon builds immediate brand trust in search results, encouraging users to click your link over competitors with generic default icons.
  • Professional Polish: Lacking a custom favicon leaves a site with a generic browser or web-server icon, which makes the website look incomplete or untrustworthy.

Ideal Image Specs

  • Format: PNG or ICO formats (SVG is also widely supported for crisp scaling).
  • Dimensions: Standard square dimensions—512 × 512 pixels is recommended for WordPress and app shortcuts, which automatically resizes down to standard 32 × 32 or 16 × 16 browser display sizes.
  • Design: Simple, high-contrast, bold geometry. Detailed complex logos disappear or turn into unrecognizable blur at tiny 16×16 pixel scales.

How It Works

  • HTML Tag: Web browsers look for a specific icon declaration in the website’s <head> code (e.g., <link rel="icon" href="favicon.png" sizes="32x32">).
  • Search Engine Crawling: Google’s favicon crawler looks for this icon tag during regular site indexing and caches it to display alongside your domain name in search listings.
More JuiceBox Website Analyser

What Is Important About An Author Bio?

An Author Bio is a short summary on your website that explains who wrote an article…

What Is GEO / AI Citation Readiness?

GEO stands for Generative Engine Optimization. Just like traditional SEO helps your website rank high on…

WP JuiceBox

SEO, content and website health tools for WordPress.

Contact Signals

Contact Signals refer to clear, verifiable contact details—such as phone numbers, professional email addresses, physical business…

Privacy Policy

A Privacy Policy is a legally required document on a website that explains how a business…

Homepage Ping

Homepage Ping (or Homepage Response Time) measures the exact amount of time—in milliseconds—it takes for your…

PHP Version

PHP Version refers to the specific release of the PHP scripting language running on your web…

WP_DEBUG

WP_DEBUG is a built-in PHP constant in WordPress that toggles the developer “debug” mode across a…

WordPress REST API

The WordPress REST API is an interface that allows external applications and scripts to communicate directly…

XML Sitemap

An XML Sitemap is a structured file (formatted in XML) that lists all the important URLs…

Robots.txt

Robots.txt is a plain text file placed in a website’s root directory that provides instructions to…

Currently Reading

Site Icon / Favicon

Site Icon / Favicon (short for “favorite icon”) is the small logo or graphic that represents…

HTTPS Redirect

HTTPS Redirect (or SSL Redirection) is an automatic server rule that forwards visitors and search engines…

Structured Data

Structured Data (commonly implemented via Schema.org markup in JSON-LD format) is standardized code added to a…

Page Layout (Headings)

Page Layout (Headings) refers to the structural hierarchy of a web page using HTML heading tags…

Word Count

Word Count is the total number of words contained within a single article, blog post, or…

Image ALT Text

Featured Image ALT Text (Alternative Text) is a short descriptive tag added to a webpage’s primary…

Social Share Preview

A Social Share Preview (often powered by Open Graph tags or Twitter Cards) is the visual…

About Meta Description

A Meta Description is a brief summary of a webpage that appears directly under the SEO…

About The SEO Title

An SEO Title (often called a Title Tag) is the title of a webpage that appears…

What Is an Expired HTTPS Certificate and How Do You Fix It?

An HTTPS certificate helps create a secure connection between your website and its visitors. Certificates are…

How to Fix Missing Security Headers (Without Being a Developer)

You may have run a security check on your WordPress website and received a warning saying…