How to display your favicon in search results, Updated 20th August 2020 – In this article I will show you how to display your favicon in search results.
In my case, the favicon was showing in the browser tab when visiting my website but it would not show in Google search results pages (SERPs).
The solution I am offering was tested on a WordPress website but it’s applicable to really any website.
If you have the same problem and need help, make sure you check our web maintenance services.
This is the definition of ‘favicon’ as you can find it in Wikipedia (source: wikipedia.org):
A favicon (; short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons, associated with a particular website or web page. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar (sometimes in the history as well) and next to the page’s name in a list of bookmarks.
A favicon is important because it’s part of your branding. It makes your website look professional and trustworthy.
It’s used by most businesses and brands.
According to some, the opposite is true if you don’t show a favicon (source: quora.com):
If you do not have a favicon, visitors will subconsciously equate it with untrustworthy, run-out-of-garage website
A favicon does not affect your search engine rankings directly. Having said that, it might have an indirect effect on metrics such as bounce rate, dwell time, number of pages visited, etc. that are part of the so-called ‘page experience’.
Google has been pushing the importance of page experience for years now and lately with the introduction of its Core Web Vitals.
If you want to know more about it, make sure you read my article on Core Web Vitals & Page Experience FAQs.
Besides from simply looking at your browser tab and see if your favicon is displayed, you can use the favicon test tool by SEO Site Checkup.
To display your favicon in search results, you should add the following <link> tag to your header file:
<link rel=”shortcut icon” href=”/path/to/favicon.ico”>
Where ‘/path/to/favicon.ico’ needs to be recplaced with your favicon URL.
Additionally, to display your favicon in search results it will need to be compliant with the following guidelines by Google:
Please note that this is not a guarantee that you will display your favicon in search results. Google again:
You must follow these guidelines to be eligible for a favicon next to your search results. Note that a favicon isn’t guaranteed in search results even if all guidelines are met.