Fix WordPress Site Icon Not Showing on Google or Bing Search Results

Are you struggling with getting your WordPress site icon to show up in Google or Bing search results? Despite removing and adding it back, the issue persists, which can be frustrating and impact your site’s brand visibility as shown example below.

How to Fix Your WordPress Site Icon Not Showing on Google Search Results

Fortunately, tools like RealFaviconGenerator can come to the rescue. In this guide, we’ll walk you through the process of using RealFaviconGenerator to fix this issue and ensure your site icon is displayed correctly across all platforms.

Step-by-Step Guide

Step 1. Diagnose the Issue

Before you jump into solving the problem, it’s essential to understand why your site icon (also known as a favicon) isn’t appearing on Google. The common issues could include:

  • The site icon size doesn’t comply with Google’s standards.
  • There are cache issues either on your server or your browser.
  • Your website’s HTML code is missing appropriate link tags for the favicon.

Step 2. Create Your Favicon with RealFaviconGenerator

Navigate to RealFaviconGenerator. This tool generates favicons compatible with all browsers and platforms. Here’s how you use it:

How to Fix Your WordPress Site Icon Not Showing on Google Search Results
  1. Click on the Select your Favicon image button to upload an image that you want to use as your favicon.
  2. Customize your favicon according to your preferences or use the defaults suggested by the tool.
  3. In Favicon Generator Options, choose “App Name” and add the specific app name (e.g. Linuxbeast) to override the page title.
  4. Once satisfied with the preview, click on the Generate your Favicons and HTML code button.

Step 3. Implement the Generated Code and Files

After creating your favicon, RealFaviconGenerator will provide you with a set of files to download and a snippet of HTML code.

Download the favicon package from the website.

How to Fix Your WordPress Site Icon Not Showing on Google Search Results

Upload the favicon files to the root directory of your WordPress website using an FTP client or file manager in your hosting control panel.

How to Fix Your WordPress Site Icon Not Showing on Google or Bing Search Results

Copy the HTML code provided by RealFaviconGenerator:

<head>
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="apple-mobile-web-app-title" content="Linuxbeast">
	<meta name="application-name" content="Linuxbeast">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="theme-color" content="#ffffff">
	# other config...
</head>

Go to the WordPress admin dashboard, navigate to Appearance > Theme Editor, and open your header.php file for editing.

Paste the HTML code inside the <head> section of your header.php file.

How to Fix Your WordPress Site Icon Not Showing on Google or Bing Search Results
Site header configuration to fix favicon issue on Google and Bing

Save your changes and clear any caches that might be present.

Step 4. Clear Browser and Server Cache

To ensure that your new favicon is loaded, you should:

  1. Clear your server cache if you have caching enabled via plugins or server settings.
  2. Clear your browser cache to refresh the site information.

Note:

If you’re utilizing Google Search Console, it’s good practice to inspect your URL to determine its appearance in Google search results. While some changes may be picked up automatically by Google’s crawling process, requesting indexing can expedite the process and ensure that your updated favicon and any other changes are reflected accurately in Google’s search results; note that it may take some time for Google to recrawl your website and update its index with the changes.

To ensure your favicon displays correctly in Bing search results, follow the required guidelines for favicon implementation. After making the necessary changes, use Bing Webmaster Tools to delete outdated cached data for your site.

For detailed steps and requirements, visit the Microsoft Answers page and Google favicon requirements

Step 5. Test Your Favicon

Finally, test to see if your favicon appears in Google search results:

  1. Open Google Chrome or any other browser.
  2. Type site:yourwebsite.com replacing yourwebsite.com with your actual domain name.
  3. Check to see if the site icon shows up next to the site name.


You can also run an analysis using https://realfavicongenerator.net/favicon_checker to validate your favicon compatibility with all platforms, as shown below:

How to Fix Your WordPress Site Icon Not Showing on Google Search Results
Favicon Issues Resolved on LinuxBeast.com

Conclusion

By following this guide and utilizing RealFaviconGenerator, you can resolve the annoying issue of your WordPress site icon not displaying in Google and Bing search results. Remember, a well-defined favicon is not just about aesthetics; it also contributes to user recognition and trust in your brand. If you’ve found this guide helpful, implement these steps and give your website the visual identity it deserves in search engine result pages.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.