Webflow's favicon doesn't follow Google's guidelines

Hi guys! We’re having an issue where our website’s favicon isn’t showing up on Google search results. These icons are usually displayed on mobile search and our website has the generic “non-icon” image.

Please see the following image:

I read Google’s guidelines for favicons (Define Website Favicon for Search Results | Google Search Central  |  Documentation  |  Google Developers) and I noticed that webflow is asking for a 32px square image while Google asks for a multiple of 48px. I’m guessing this is why the icon is not being displayed correctly. What do you think?

Has anyone else experienced this same issue?

Our icon is being displayed correctly in the browser tabs. Our website: www.amplifica.io

Please help!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

The Webflow favicon formats I’m using are appearing in search results fine.
You’ve added a few formats. I’d try removing this one;

<link rel="icon" type="image/png" sizes="16x16" href="https://uploads-ssl.webflow.com/610096e9692dfe06770b0d75/633b1eda35a0e43b488a5cd8_favicon-16x16.png">

Because of this Google stipulation;

Define Website Favicon for Search Results | Google Search Central  |  Documentation  |  Google Developers.

1 Like