{"id":1250,"date":"2023-10-20T04:47:29","date_gmt":"2023-10-20T04:47:29","guid":{"rendered":"https:\/\/wpconsults.com\/?p=1250"},"modified":"2024-03-31T15:24:55","modified_gmt":"2024-03-31T15:24:55","slug":"show-website-icon-in-google-search","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/en_gb\/show-website-icon-in-google-search\/","title":{"rendered":"How to show website icon in Google search (Fixed)"},"content":{"rendered":"

Want your website icon or favicon to appear in Google search results? Here’s how you can do it in a few easy steps<\/p>\n\n\n\n

Updated Note:<\/strong> 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.<\/em><\/p>\n\n\n\n

\"website<\/figure>\n\n\n\n

Step 1: Create Your Website Icon<\/strong> \/ Favicon<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

Generate or convert Your Favicon free from Favicon.io<\/a>. You must need to follow the provided guidelines<\/a><\/p>\n\n\n\n

Step 2: Save Your Favicon<\/strong> \/ Website Icon<\/strong><\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

Step 3: Add the Favicon to Your Website<\/strong><\/h2>\n\n\n\n

Insert a simple line of code in the <head><\/code> section of your website’s homepage. This code tells Google where your icon is located. Here\u2019s the code:<\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
<link rel=<\/span>"icon"<\/span> href=<\/span>"<\/span>\/path\/to\/favicon.ico<\/span>"<\/span>><\/span><\/span><\/code><\/pre>Logo<\/span><\/div>\n\n\n\n
Replace “\/path\/to\/favicon.ico”<\/strong> with the actual file path where your icon is stored on your website. or use an absolute url: “https:\/\/example.com\/favicon.ico”<\/strong><\/p>\n\n\n\n
\n
Skip Step 3 and Follow this If you have a WordPress Website.<\/strong><\/h3>\n\n\n\n
If you have a WordPress website, then skip step 3 and Follow – How to add favicon in WordPress<\/a><\/p>\n<\/div>\n\n\n\n
\"Hostinger<\/a><\/figure>\n\n\n\n
Step 4: Request Reindexing<\/h2>\n\n\n\n
\"Website<\/figure>\n\n\n\n
Open Google Search Console type your website homepage URL (ex: https:\/\/example.com<\/strong>) then click on “REQUEST INDEXING”<\/strong>. Now wait for the next crawl. As per my experience it can take 15 – 30 days.<\/p>\n\n\n\n
You Must Need to Follow These Guideline:<\/strong><\/h2>\n\n\n\n
Must be Crawlable.<\/h3>\n\n\n\n
The favicon file and the homepage must be accessible for Googlebot-Image<\/sup><\/em><\/strong> and Googlebot crawlers<\/sup>;<\/kbd><\/em><\/strong> they cannot be restricted from being crawled.<\/p>\n\n\n\n
One favicon per Site:<\/strong> <\/h3>\n\n\n\n
Google Search allows each website to have only one favicon. A website is defined by its hostname. For instance, both “https:\/\/www.example.com\/<\/mark>” and “https:\/\/code.example.com\/<\/mark>” are considered different websites, so they can have distinct favicons. However, if a website has subdirectories, such as “https:\/\/www.example.com\/sub-site<\/mark>” it shares the same favicon as the main site and all its subdirectories.<\/p>\n\n\n\n
To clarify:<\/strong><\/p>\n\n\n\n