Favicon disappeared from google search results

Hi all,

Just wondering if anyone has had this issue, just last week my Favicon disappeared from google search results pages. I’m using Dawn. Now I’m getting the default icon. I haven’t change anything related to the favicon in a year.

fav - shop.png

I’ve been looking into what might be the issue.

It seems google prefers 48 x 48px favicons.

https://developers.google.com/search/docs/appearance/favicon-in-search

Shopify resizes anything above 32 x 32 px and forcibly scales them down. when it does this you get get added parameters in the favicon link:

What’s strange is my favicon is 32 x 32px and shopify still forces the parameters in the link :confused:

It could also be the fact that the href starts with // instead or http: or https: but I don’t know how to force shopify to change this.

Any ideas would be hugely appreciated.

Thanks in advance

Hi JibberJabber,

It’s likely that Google isn’t recognizing your favicon due to Shopify’s dynamic URL parameters and the protocol-relative link (//). Google prefers a 48x48 favicon served over a full HTTPS URL without extra query strings. Try uploading a 48x48 version and manually specifying a clean, absolute URL in your theme’s head.

Re-submit your homepage in Search Console after making the change.

Thanks

Hi @Jibberjabber . Here’s a breakdown of what you can do to fix it:

1. Host a Clean, Direct Favicon

  • Upload a static 48x48 PNG (or SVG) favicon manually.

  • Host it at a direct, clean URL, ideally:

  • https://cpi.com.ar/cdn/shop/files/favicon.png
    
  • No query strings, no resizing.

2. Edit theme.liquid Head Section:

  • In your theme.liquid file, override Shopify’s default with something like (depends on the name of your previously uploaded favicon):

  • <link rel="icon" href="https://cpi.com.ar/cdn/shop/files/favicon.png" sizes="48x48" type="image/png">
    
  • Make sure this is before Shopify’s dynamic favicon code, or it will get overridden.

3. Force HTTPS

  • Even if the URL starts with //, force it to be https:// when hardcoding your link.

4. Request Reindex

After you’ve made changes:

  • Use Google Search Console
  • Inspect the homepage and request reindexing.

That’s all. If this solved your problem, please like and mark Solved.

Hello @Jibberjabber

I have carefully read your question and from the URL you mentioned in this topic, I notice one sentence from Google which may be able to resolve your issue shared here:

Your favicon must be a square (1:1 aspect ratio) that’s at least 8x8px. While the minimum size requirement is 8x8px, we recommend using a favicon that’s larger than 48x48px so that it looks good on various surfaces. Any valid favicon format is supported.

You said the size of your favicon is 32 x 32px, which is lower than what Google recommends. Under this situation, I suggest you here recreate a favicon larger than 48 x 48px and upload again from Shopify backend. Then let Google reindex your store page URLs by submitting sitemap again and wait to see if favicon will display properly. Thank you!

Thank you,

Your second suggestion did the trick, I had to overwrite shopify’s code in the theme.liquid file. My take on it is google did not like the extra parameters shopify was placing within the link:

<link rel=“icon” type=“image/png"href=”//cpi.com.ar/cdn/shop/files/favicon.pngcrop=center&height=32&v=1746637800&width=32">

Shopify, if you’re listening, google recommends favicons 48 x 48 and you are forcing 32 x 32 (even if the favicon is 32 x 32! )… come on Shopify. That’s embarrassing.

Edit theme.liquid Head Section:

  • In your theme.liquid file, override Shopify’s default with something like (depends on the name of your previously uploaded favicon):

  • <link rel="icon" href="https://cpi.com.ar/cdn/shop/files/favicon.png" sizes="48x48" type="image/png">
    
  • Make sure this is before Shopify’s dynamic favicon code, or it will get overridden.

Thanks Jenny6,

In the end the the size was not the main problem. Shopify was placing within the link and google did not like that.

1 Like

I see Jibberjabber, if so, the link within the favicon may be the main cause code. Hope you can resolve this issue earlier!

We are experiencing same issue on Dawn theme. Trying the solutions here, can you clarify this:

  • Make sure this is before Shopify’s dynamic favicon code, or it will get overridden.

What does that code look like? I’m in the theme liquid file but not sure what the default code is…