Favicon in tab and google search is different

Store Design
,

Topic summary

A user is experiencing a favicon discrepancy: the new favicon displays correctly in browser tabs, but Google search results still show the old version.

Root Cause:
This occurs because browsers and Google cache favicons separately from the live site. Even after updating the favicon in Shopify, Google’s cached index may retain the old version.

Recommended Solutions:

  • Clear browser cache and verify the new favicon appears in incognito mode
  • Use Google Search Console’s URL Inspection Tool to request re-indexing of the homepage, which prompts Google to update the cached favicon
  • Verify in Shopify theme settings (Online Store → Themes → Customize → Theme settings → Favicon) that only the new favicon is uploaded and remove any old versions from theme assets

Timeline:
Google search results typically update within a few days to a week after re-indexing is requested.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi, my favicon when you search up my webpage is the old favicon while the favicon that shows up on the tab is the new one. Does anyone know why? My website is junojane.co

Thank you for your help!

Screenshot 2025-10-31 at 10.31.30 PM

Screenshot 2025-10-31 at 10.31.17 PM
Screenshot 2025-10-31 at 10.31.17 PM582×254 15.5 KB

1 Like
2

Hey @kkayleighh

Thanks for posting this to the Shopify Community.

This usually happens because browsers (and Google search results) cache favicons separately from your live site. Even if you updated your favicon in Shopify, Google might still be displaying the old version from its cached index.

How to fix it:

  1. Clear browser cache and test your site in an incognito window — you should see the new favicon there.

  2. Force Google to re-crawl your site:

    • Go to Google Search Console → URL Inspection Tool.

    • Enter your homepage URL → click Request Indexing.

    • This will prompt Google to update your favicon in search results within a few days.

  3. Double-check your theme settings:

    • Go to Online Store → Themes → Customize → Theme settings → Favicon

    • Make sure only the new favicon is uploaded (remove any older one from your theme files under Assets).

It may take a few days to a week for the new favicon to show up in Google search results once Google updates its cache.

Waiting to hear back from you.
If this was helpful, don’t forget to like it and mark it as a solution.

Thanks

3

Hi kkayleighh,

This usually happens because search engines (like Google) cache favicons for a while, even after you update them on Shopify.

:white_check_mark: Here’s what you can do:

  1. Go to Online Store → Themes → Customize → Brand and confirm your new favicon is uploaded there.

  2. In a new tab, visit:

    https://junojane.co/favicon.ico

    — If it shows your new icon, your Shopify side is fine.

  3. Now, wait for Google to re-crawl your site, which can take a few days to a few weeks.

:light_bulb: Tip: You can speed it up slightly by submitting your site for re-indexing in Google Search Console → URL Inspection → Request indexing.

The new favicon will replace the old one automatically once Google updates its cache.

Hope this helps!
If you ever need help with Shopify SEO or theme customization, I provide professional and friendly services at affordable rates. :blush:
– Hammad | Shopify Developer with SEO and CRO expertise.

4

Hi @kkayleighh

This usually happens because Google (and other search engines) cache your old favicon and take some time to update it — even if your browser tab already shows the new one.

Here’s how you can fix it faster :backhand_index_pointing_down:

1. Confirm Shopify is serving your new favicon

  • In Online Store → Themes → Customize → Theme settings → Favicon, make sure you’ve uploaded the new one and saved it.
  • Then visit your site directly (e.g., https://junojane.co/favicon.ico) and refresh.
    • If it shows your new favicon, Shopify is serving it correctly.

2. Clear local and Google cache

  • Clear your browser cache or try in an incognito window.
  • Google updates the favicon from your site automatically, but it may take a few days or weeks.
    • You can speed it up by reindexing your homepage:
      1. Go to Google Search Console.
      2. Paste your homepage URL.
      3. Click “Request indexing.”

3. Ensure favicon tags are correct in theme.liquid

Double-check your <head> section in theme.liquid includes the line:

<link rel="icon" href="{{ 'favicon.ico' | asset_url }}" type="image/x-icon">

If you’re using a .png favicon, make sure the file name and extension match.

If my assistance was helpful to you, please like and accept all my solutions. :white_check_mark:
Best regards,
Devcoder :laptop: