Your site has no favicon — that small icon in browser tabs, bookmarks, and search results. Without it, your brand looks incomplete and less trustworthy.
Why This Matters
A favicon (site icon) appears in:
- Browser tabs — helps users identify your site among many open tabs
- Bookmarks bar — visual recognition for returning visitors
- Google search results — mobile search shows favicons next to URLs
- Social media link previews — some platforms use it as a fallback icon
Sites without favicons display a generic globe or blank icon, making them look unfinished or untrustworthy.
How to Fix It
Method 1: WordPress Customizer (Easiest)
- Go to Appearance → Customize → Site Identity
- Click "Select site icon"
- Upload a square image (minimum 512×512 pixels)
- Crop if needed
- Click Publish
WordPress automatically generates all the sizes needed for different devices.
Method 2: Theme Settings
Some themes have their own favicon settings. Check your theme's options panel.
What Image to Use
- Size: 512×512 pixels minimum (WordPress scales down from this)
- Format: PNG (supports transparency) or SVG
- Design: Simple, recognizable at 16×16 pixels. Usually your logo mark or first letter.
- Background: Transparent or solid color that contrasts with browser chrome
Tools to Create a Favicon
- Favicon.io — generate from text, image, or emoji
- RealFaviconGenerator — most comprehensive, generates all formats
- Canva — design a 512×512 icon and export as PNG
What to Watch For
- After adding a favicon, you may need to clear your browser cache to see it (or try an incognito window).
- Some older browsers cache the old (missing) favicon aggressively. Use a cache-busting URL if needed.
- If you change your favicon later, the update may take time to propagate to bookmarks and search results.
