Favicon is present and properly configured
Why it matters
The favicon appears in browser tabs, bookmark bars, history menus, the Android home screen when a user adds the site, iOS home screen when the user adds to home screen, and — increasingly — in Google search results next to the domain name. A missing favicon displays a generic globe icon or a blank square, which signals "unfinished" to every visitor and reduces the likelihood that a user recognizes your tab among ten others. It is a five-minute fix that contributes to every single session's brand recall.
Severity rationale
Low because the site still functions without a favicon — only brand recognition and tab/bookmark UX are degraded.
Remediation
In Next.js App Router, drop named files directly into the app/ directory — the framework auto-generates the correct <link> tags. For broader device coverage, supply multiple sizes including an Apple touch icon.
app/
favicon.ico (32x32, for legacy browsers)
icon.png (32x32 PNG, modern browsers)
apple-icon.png (180x180, iOS home screen)
For other frameworks, place the files in public/ and add <link rel="icon" href="/favicon.ico"> plus <link rel="apple-touch-icon" href="/apple-touch-icon.png"> to your root template.
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the SEO Fundamentals Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
Taxons
History
- 2026-04-18·v1.0.0·Initial import from seo-fundamentals·automated