A favicon (short for “favorites icon”), also known as a page icon or an urlicon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many recent web browsers can then make use of them. Browsers that support favicons may display them in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface.
The first step, of course, is to create your custom favicon.
Once you have your .ico file, there are three possible ways to add it to your site.
- Name the file “favicon.ico” and manually upload (FTP) to the root folder of your website. This is the least elegant of the methods, as it can become confusing if you are hosting multiple domains on your webserver. The upside is that if you do it this way, you can avoid having to run a favicon integration plugin.
- If you have a favicon-friendly WordPress theme (my favorite is Atahualpa), you can follow the theme directions for uploading and displaying your favicon. Since I personally loveAtahualpa (a free, customizable WordPress Theme), I use it’s built in favicon handling feature so that I can avoid having to install and run a plugin to do this simple task.
- Install a WordPress Plugin to handle your favicon integration. This is fine as long as you are not running a plugin heavy website. And it is very easy to do for those of you who aren’t “backend” inclined. My recommendations for Favicon Plugins are:
- Shockingly Simple Favicon