Home / Core Health / Add a favicon
On-Page SEO · Scan Check Guide

Add a favicon

20 min Impact: medium Effort: low ✓ Scan-verified — no manual checkbox

A favicon is the small icon shown in browser tabs, bookmarks, and browser history — a missing one looks unpolished and unfinished, a small but real trust signal, especially now that favicons also appear directly in Google's mobile search results next to your listing.

Google has shown favicons in mobile search results since 2019 — a missing one is a small, visible gap in how your site presents itself right in the search results page.

The full picture

A favicon — the small icon appearing in browser tabs, bookmarks, and various other browser interface elements — provides genuine, if subtle, brand recognition and professional polish that its absence noticeably undermines, particularly for visitors who keep multiple tabs open and rely partly on these visual icons for quick tab identification.

Beyond the direct browser tab presentation, favicons appear across numerous other contexts including bookmark lists, browser history, and increasingly in search result presentations on some platforms and devices — comprehensive favicon implementation ensures consistent, professional brand presentation across this full range of contexts rather than leaving some to browser default, generic icon presentation.

Modern favicon implementation genuinely benefits from providing multiple icon sizes and formats to properly support the range of contexts and device types where this icon might display — a single, low-resolution icon may present acceptably in a browser tab but poorly in other contexts requiring higher resolution, like certain mobile home screen bookmark presentations.

While representing a relatively minor individual element compared to some other technical checks discussed throughout this broader work, a missing favicon creates a genuinely noticeable, unprofessional impression precisely because its absence is immediately visible across virtually every interaction a visitor has with your site through their browser interface.

How to fix it

  1. 1
    Create a favicon file
    A simple, recognizable icon — often a simplified version of your logo — exported at the standard sizes (16x16, 32x32, plus larger sizes for modern devices).
  2. 2
    Add it to your site root and reference it
    Place favicon.ico at your domain root, and/or add explicit <link rel="icon"> tags in your head for more control over sizes and formats.
  3. 3
    Test across browser tabs and bookmarks
    Confirm it displays correctly, not as a broken image icon.

Common mistakes

How you'll know it's done

A favicon displays correctly in browser tabs across major browsers.

H.I.V.E. checks this automatically

Fix it, then re-scan — the check confirms itself. No manual checkbox, the scan is the truth.

Run this check in H.I.V.E. →