How to show website icon in Google search (Fixed)
Want your website icon or favicon to appear in Google search results? Here's how you can do it in a few easy steps
Updated Note: When I was writing this post my website's icon was not showing in Search Results Page. So, I wrote the practical process how I was able to achieve the success, you can see now the icon is visible on SERPs.
Step 1: Create Your Website Icon / Favicon
First, design a small, square image that represents your website. It could be your logo or any symbol associated with your site. Make sure it's clear and recognizable, even at a small size.
Generate or convert Your Favicon free from Favicon.io. You must need to follow the provided guidelines
Step 2: Save Your Favicon / Website Icon
Save your icon in a standard image format such as .ico, .png, or .jpg. Ensure the image dimensions are a multiple of 48 pixels, like 48x48px, 96x96px, and so on. SVG files are also acceptable.
Step 3: Add the Favicon to Your Website
Insert a simple line of code in the <head> section of your website's homepage. This code tells Google where your icon is located. Here’s the code:
<link rel="icon" href="/path/to/favicon.ico">Replace "/path/to/favicon.ico" with the actual file path where your icon is stored on your website. or use an absolute url: "https://example.com/favicon.ico"
Skip Step 3 and Follow this If you have a WordPress Website.
If you have a WordPress website, then skip step 3 and Follow - How to add favicon in WordPress
Step 4: Request Reindexing
Open Google Search Console type your website homepage URL (ex: https://example.com) then click on "REQUEST INDEXING". Now wait for the next crawl. As per my experience it can take 15 - 30 days.
You Must Need to Follow These Guideline:
Must be Crawlable.
The favicon file and the homepage must be accessible for Googlebot-Image and Googlebot crawlers; they cannot be restricted from being crawled.
One favicon per Site:
Google Search allows each website to have only one favicon. A website is defined by its hostname. For instance, both "https://www.example.com/" and "https://code.example.com/" are considered different websites, so they can have distinct favicons. However, if a website has subdirectories, such as "https://www.example.com/sub-site" it shares the same favicon as the main site and all its subdirectories.
To clarify:
- Supported: "https://example.com" (domain-level home page)
- Supported: "https://news.example.com" (subdomain-level home page)
- Not supported: "https://example.com/news" (subdirectory-level home page)
Make It Easily Identifiable:
Design your icon so that it clearly represents your website or brand. This helps users recognize your site quickly in search results.
Stable URL:
Keep the URL of your icon stable. Avoid changing it frequently.
Avoid Inappropriate Content:
Google won't display icons containing inappropriate or offensive imagery. Create something respectful and relevant to your website.
How to Add a Favicon / Website icon in WordPress
If you are using WordPress for your website, adding a favicon to your website is super easy. Here is how to do it:
- Log in to your WordPress dashboard.
- Click Appearance > Customize.
- Click on Site Identity.
- Click On site Icon
- Upload your favicon
- Save the changes.
Remember, if your icon is not showing in SERPs you must need to follow Step1 - Step 4 skipping Step 3.
Proven Result
WpConsults' favicon was not showing in google search result page when it indexed first time, I wrote this article exactly showing what I did to fix it and now you can see it's appearing on Google SERPs.
Final Note
Remember, even if you follow all the guidelines, Google doesn’t guarantee your favicon will appear in search results. But by following these steps, you increase the chances of your website having a distinctive presence when people search for it.
Recent Posts
- How to Move ReCAPTCHA V3 Badge to Left in WordPressGoogle reCAPTCHA v3 is a powerful tool to protect your WordPress site from bots and spam without user interaction. However, its default badge often appears in the bottom right corner, which may conflict with UI elements or custom designs. The solution is to move ReCAPTCHA V3 Badge to Left side If you'd prefer to show...
- How to Setup WordPress Heatmaps (3 Simple Ways) Free + PremiumIf you’re struggling to understand what’s helping (or hurting) your website’s performance, WordPress heatmaps can reveal exactly how people interact with your pages — from the elements they click to how far they scroll. Over time, I’ve tested multiple heatmapping solutions. Today, I’ll Walk you through 3 simple and effective methods to set up heatmaps...
- WordPress Images Not Loading After Migration (Fixed)Migrating a WordPress website to a new host or domain is a common process, but it can sometimes lead to issues, including images not loading properly. This problem can occur due to incorrect file paths, SSL issues, or missing thumbnails. But don't worry, there are several easy & effective solutions to fix this. Causes of...
Discover more from WpConsults
Subscribe to get the latest posts sent to your email.
English 
Français du Canada 
Deutsch
I am sorry, that I interrupt you, but you could not paint little bit more in detail.
Let me know in which area you need more in details; I’ll be happy to update the blog
You have hit the mark. Thought good, I support.
This topic is simply matchless :), it is very interesting to me.