Favicons in Webflow

Troubleshooting Favicons

Overview
What is a Favicon?
100
Where Do Favicons Appear?
101
Favicons in Google Search Results
102
Webflow & Favicons
What Favicons Does Webflow Support?
200
Creating Favicons
Creating a Favicon
300
Resources
References
600
Troubleshooting Favicons
601
What Favicons Does Google See?
601
Advanced
Technical Notes
800
Favicon formats
801
Advanced Favicons use
810
Expert Favicons use
820
No items found.
Published
November 10, 2022
Updated
in lightbox

Common problems I see in the Webflow forums;

Why isn't my favicon showing in my tab?

Assuming you've uploaded your favicons in your General site config, and published your site, you should be fine.

If you're still not seeing it, clear your browser cache.

Why isn't Google showing my Favicon in search results?

Sometimes it can be difficult to get Google to pickup your Webflow favicon, and it may be that Google dislikes Webflow's 32x32 and 256x256 options ( which technically doesn't match Google's requirements ).

I've had busy sites who for years would not pick up the favicon on Google search results.

Here are some approaches that may help-

  • Setup a Google Business Profile, and add your icon as your business logo. Although this is typically associated with Google Maps and local listing, you do not need an address to do this.  
  • Setup Google Adwords, and add your icon as your business logo. You likely do not need to actually run Ads for this.
  • Create a favicon sized at a multiple of 48x48, and add it to your site-wide head.
  • Create an SVG icon and add it to your site-wide head.
  • Create an Organization JSON-LD with your company name and a 48x multiple icon for your logo.

What does Google see?

Google has a special URL that allows you to see the favicon it has cached for your domain.

https://www.google.com/s2/favicons?domain=DOMAIN&sz=SIZE

Replace the domain and icon size ( in pixels ) with your own, e.g.

https://www.google.com/s2/favicons?domain=sygnal.com&sz=48

Why isn't Google showing my Favicon on mobiles?

In 99% of the situations I've seen, most likely, you have a 16x16 icon specified in your favicons. Google doesn't like this, and ends up not showing any favicon at all.

Warning on Google's dev site, Oct-22.

Google looks for and updates your favicon whenever it crawls your home page. If you make changes to your favicon and want to inform Google about the changes, you can request indexing of your site's homepage. Updates can take a few days or longer to appear in search results.

Why isn't my favicon showing for password-protected sites / pages?

SOLUTION: Most likely, you can define your favicon directly in the HEAD of your login page. [ untested ]

https://discourse.webflow.com/t/make-title-favicon-and-share-image-of-a-password-protected-page-visible-when-sharing-the-link/176185

https://discourse.webflow.com/t/my-password-protect-sites-favicon-image-not-showing-when-link-is-shared-through-messages/158341

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.