Html Question posted in
Some basic documentation can be found here.

Html – Favicon doesn't show on Google Search

So the favicon for my website (a 256×256 .ico file) doesn’t show up on Google Search. It shows the vercel logo, but when you click on the website, the correct favicon shows up in the browser tab. Even on search console, the vercel logo shows up as the favicon. I have no clue why.

Already checked other threads/forums. What could be the issue?

I have registered the domain on google search console. The page is indexed. The favicon fits search guidelines (double checked using favicon checker).

Where I define the Favicon

Search Console Crawl

Browser Tab – Correct Favicon

Vercel Favicon on Google Search

Tags:

2

Answers


  1. 0

    Clear your browser cache or try accessing your website in incognito mode to see if the updated favicon appears.

    Login or Signup to reply.
  2. 0

    The reason for not showing the configured Favicon in the Google Search results can be due to multiple issues

    1. Google performs site crawling with a queue. So, even if Google mentions that they have done with the crawling and indexing, it might take a couple of days (rarely) to reflect the changes. So, it will be good to make another round of indexing request, so that we can ensure that they have crawled and indexed the sites properly

    2. Try accessing the Favicon URL from the browser and see if the icon is getting received as expected. If not, then the path you have configured is not the correct one to fetch required favicons.

    3. The Favicon aspect ratio and sizes. If you are using a SVG as your icon, then you need to maintain a 1:1 (square) aspect ratio and it needs to be configured in your sites reflecting the image type with type="image/svg+xml" . For example:

      <link rel="icon" type="image/svg+xml"  href="https://example.com/image.svg">

      Therefore, please check whether you can update your existing icon with a SVG and see if that works. Since you are using an ico, from my experience, it is better to have a 64×64 sized icon configured.

      Furthermore, try adding the rel tag with shortcut icon, rather specifying only icon as the value.

    4. If you are using Vercel to build your application, try purging the cache and the building the production build. Purging the cache will remove any existing links to the Vercel icon if you have recently updated them.

    5. Try performing a hard-refresh in your browser, and also try accessing your site using different browsers (Firefox, Edge, Safari and Incognito versions).

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search