Error Favicon!!

[JPCancino]

 

No one saw that shopify is having favicon problems?

My store are not showing the favicon since days. 

I looked for other shopify stores and they have the same issue.

No one knows?

[Ollie]

Hey, @JPCancino.

Thanks for reaching out and bringing this to our attention. 

Just to gather some additional context, did you recently add a favicon to your online store or make changes to the store's favicon? The reason I am asking is because it may take a bit for the favicon to display accurately from Google Search Results. You will need to allow Google to collect the sitemap from your Shopify store to have the favicon accurately reflected. Since Shopify does not have any control over how long this may take - you can attempt to speed up the process by finding and submitting your sitemap.

Looking forward to your response. 

[JPCancino]

Hi Ollie,

No I did no change in favicon image before this disappear from google and the web page. After I realize this, see that the icon is not showing in browser and google I change the file to try if it fix the error. It works for a while, less than a day, and it disappear again from google and the web page, but the icon is charged in the theme and selected as a favicon.

See https://cozy.cl I just charge a new icon but it has before the same icon with other name. I also request again the indexation of the home page.

Other example https://www.greenglass.cl/ apparently the fix the google problem but in their web page their favicon disappear again. As i said you before the solution works for a while, less than a day.

Other example https://haciendola.com No google icon and browser icon neither.

[Shay]

Thanks for following up with those additional details @JPCancino 

I recommend reviewing Google's help documents for more details about the requirements for favicons and also make sure that your robots.txt file is not blocking them either. You can check out this resource from Google for more information on troubleshooting this: Google favicon for website. 

[JPCancino]

They say that have the same problem and nothing is working: 

I have the exact same issue on my website: https://www.cosewa.jp

I would say is major bug that it's affecting many websites, there're many users in the community reporting the exact same issue.

I don't think changing dimensions and re-submitting would work, I've been trying for months with different file types, sizes, etc. and nothing works at this time.

---

There is a problem with shopify

[JPCancino · Accepted solution]

The solution was to change manually the favicon file.

In my case from svg or png (I tried both) to .ico file.

This needs to be done in the theme.liquid (Dawn theme).

With this you need to request your homepage indexation again in google search console. In my case google update the favicon in an hour. 

The steps are:

1. Upload the .ico image file in Shopify Admin>content>files

2. Copy the address that the .ico file has in Shopify. Then you get something like this https://cdn.shopify.com/s/files/1/0532/5442/2725/files/Logo-Cozy-Kids-MR.ico?v=1722801614. 
In my case I make a change because I read that google needs the same domain that your web has (correct me if I’m wrong) yo accomplish their favicon policies. Then I use this https://cozy.cl/cdn/shop/files/Logo-Cozy-Kids-MR.ico

3. You need to replace this line: 

<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 48, height: 48 }}">

for this:

<link rel="icon" href="https://cozy.cl/cdn/shop/files/Logo-Cozy-Kids-MR.ico">

Your ico image file need to be 48x48, 96x96 or 144x144.

4. Request your homepage indexation in Google Search Console again. 

5. Wait until google displays your favicon again.

Best,

JP