A favicon (short for Favorite icon), is a tiny icon that is typically associated with a website and most notably appears in the tab of a given web page. This blog post will show you how to add it your WordPress site.
Although you can actually use a 32×32 pixels file, it is recommended to use a size of 16×16 pexels .ico file to ensure compatibility across browsers. Favicons are easy to make from an image with the scale feature of most photo editing software. I’ll assume you’ve created a favicon and are ready to upload it to your site.
Adding a Favicon to Your Site
Login to your hosting account and get to cPanel (you should know how to do this). If your lucky enough your hosting company has provider you with a File Manager utility that you can easily start by double-clicking the icon.
cPanel File Manager Icon
Upload your favicon to your website’s or WordPress’s root directory. Once done, we need to modify the theme’s header.php file typically located in /public_html/wp-content/themes. Add the code below in the <head> section of that file while substituting your domain.
<link rel="icon" href="http://domain.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://domain.com/favicon.ico" type="image/x-icon" />
That’s it! Reload your website and you should see your favicon.