How to Change Your Website’s Favicon in WordPress

In this knowledgebase article, we’re going to walk you through how to change your website’s favicon in WordPress.

A favicon is generally just thought to be the small icon that appears next to website names in browser tabs. However, while that’s certainly the most familiar place we see them – they have also appeared in Google Search, also appear in bookmarks, mobile device home screens buttons, and more. All in all, they’re a vital part of your brand recognition & thankfully, setting one up for your site is very easy to do.

Below we have listed some of the ways in which you can change your website’s favicon without any hassle.

How to Change Your Website’s Favicon in WordPress?

1 Change Your Website’s Favicon in the WordPress Customizer

1.1 Navigate to Customize

Log into your WordPress site. Once you have logged in navigate to the WordPress Dashboard → Appearance as shown below:

Appearance Settings

In the Appearance settings click on Customize.

Click on Customize

1.2 Select a Site Icon

Click on Site Identity. Here you can specify your site name, tagline, logo, and icon. The image that you set in Site Icon will be used as your site’s favicon.

Set your Site Icon

Simply click on the Select Image button and upload the image you want to use as a site icon.

2 Use the Plugin RealFaviconGenerator

You can make use of the RealFaviconGenerator plugin to add the favicon to your WordPress website. You can set up a favicon in a matter of seconds with the help of this plugin.

RealFaviconGenerator generates all the icons you need for desktop browsers, iPhone/iPad, Android devices, Windows 8 devices, and more. To use the plugin install and activate the plugin from your WordPress Dashboard → Plugins section.

Add RealFaviconGenerator plugin

Once you’ve installed and activated the plugin, navigate to the ‘Favicon’ entry in the Appearance menu as shown below:

Navigate to the Favicon in the Appearance menu

Select a master picture from the Media Library, click the ‘Generate favicon’ button, and follow the on-screen instructions.

Enter the picture URL and click on Generate favicon

And that’s it! Your favicon will be set up and ready to go.

3 Add Code to Theme’s header.php

You can also add code like shown below in the <head> section of the theme’s header.php.

<link rel=“shortcut icon” href=“https://example.com/favicon.ico” />

Replacing the URL with the location of your favicon file. This code can be easily inserted by editing your header.php file (ideally in a Child Theme) or by using the Code Snippets plugin.

4 Frequently Asked Questions

How to Change the Website icon in SERP?

The website icon in SERP indicates that you haven’t set a favicon for your site. You can set your website’s favicon at WordPress Dashboard → Appearance → Customize → Site Identity.

If you’re facing the issue setting up the favicon for your site, you should get in touch with your theme provider instead since this is related to your theme. We suggest clearing your site, plugin, or any server-level cache.

Please follow the guidelines by Google to make your favicon appear on SERPs. Note that the Google Favicon crawler occasionally crawls your site, and this can take a while to update your favicon on SERPS.

A WordPress favicon can help accelerate your brand recognition and improve the UX for your website’s visitors. Fortunately, as we’ve discussed, you have multiple options to choose from that make it easy to add a favicon to your WordPress site.

If you still have any questions about changing your website’s favicon in WordPress, please feel free to contact our dedicated support team. They are available 24/7, 365 days a year…

Still not using Rank Math?

Setup takes less than 5 minutes including the import from your old SEO Plugin!

Learn more about the PRO Version

Still need help?

?

Submit Your Question

Please give us the details, our support team will get back to you.

Open Ticket

Related Articles