Favicon: The Small Icon With a Small but Real SEO Role
A favicon is the small icon (commonly 16x16 or 32x32, referenced via `<link rel="icon">`) shown in browser tabs, bookmarks, and next to a site's listing in Google's mobile search results.
Why it matters
A favicon won't move your ranking at all. But a missing or broken one makes your result look unfinished in search results and browser tabs. Google has specific requirements on size, format, and crawlability before it'll show the icon at all.
In the browser, a favicon is just visual identification in tabs and bookmarks. In Google's mobile search results, it does more work: a site icon looks like an established, legitimate site next to an ad or low-quality copy. That doesn't affect ranking, but it affects how users read your result.
How it works
A favicon is declared with a <link rel="icon"> tag in the <head> element, pointing to an image file (commonly ICO, PNG, SVG, or WEBP). Google fetches it when crawling your page, so the file must be crawlable (not blocked by robots.txt) and return an HTTP 200 status code.
Google respects multiple icon sizes declared via sizes attributes for cross-device support (browser tab at 16x16, bookmark menu at 32x32, iOS home screen at 180x180). You may also declare an apple-touch-icon separately for iOS devices. If multiple sizes are available, the browser chooses the best match for its context.
What does not matter
A favicon carries no ranking weight whatsoever. Google will not promote or demote a page based on whether it has one, its size, format, or artistry. The entire purpose is trust and visual distinction in the browser UI and search results.
SVG and PNG each have trade-offs. SVG scales infinitely and is usually smaller; PNG is more compatible with older browsers. Pick based on what your audience actually uses. A slow or broken favicon is worse than a slightly larger PNG that works.
Code example
Standard favicon declaration in <head>:
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
A common mistake: favicon returning a 404 error:
<!-- Do not do this -->
<link rel="icon" href="/favicon.ico">
<!-- If /favicon.ico does not exist or returns 404, Google flags it -->
How Scalpel shows it
Scalpel SEO's Meta panel confirms whether a favicon is declared and resolves without error. The extension flags a 404 response, a missing declaration, or a favicon blocked by robots.txt directives, alerting you to fix the problem before Google discovers it missing.