What is a Favicon?
A Favicon – short for favorite icon – is the small icon that appears next to website title in a browser. When adding a favicon for your website, the visitors easily figure out your website although they are opening multiple tabs in their browser.
Using a favicon, your website can increase your brand recognition and helps you build trust among your audiences.
Create a Favicon
There are many tools to create a favicon such as Adobe Photoshop or Gimp tool. You can use your brand’s logo as your site icon and favicon. A typical favicon is square and recommended to be at least 521px of width and height. This image could be in png, jpeg or gif format.
How to add favicon in WordPress
WordPress 4.3
Since WordPress 4.3 you can add favicon or site icon from WordPress admin area. Navigate to Appearance > Customize > Site Identity
Open Site Identity tab, you will get an option to change Site Icon of your website. Choose Select File button and navigate to the image file you already created.
If the image you are uploading exceeds recommend size, WordPress will automatically allow you to crop it. If it matches recommended size exactly, then you can just save your changes.
WordPress 4.2 and older
For WordPress 4.2 or older, you can upload your favicon by using FTP. After that, simply paste this code into your theme’s header.php file:
And don’t forget to replace your site’s URL and you are good to go. If your website does not have a header.php file, you can install and activate Insert Header and Footers plugin. After that, go to Settings > Headers and Footers and paste the code we provided above into the header section. Save your configuration.
In addition, you can use All In One Favicon plugin if you don’t want to deal with FTP at all.
Hopefully, this article will help you to add a favicon on your WordPress website. If you find this article useful, don’t hesitate to share it with your friends.