What’s A Favicon?

Heard someone mention about a favicon, but don’t really know what it is? Simply put, it is an icon that is associated to a website.  Most commonly used in web browser appearing next to the page title in the browser it can also be used when saving your website as a direct link on Android or iOS mobile platforms.

Why is it important?

Having a favicon is not a life or death situation when it comes to your business or website, but it does have a positive effect.  It increases brand awareness and generally gives your website a much more professional feel, which in turn builds trust with the end-user increasing the chances of them converting into a customer or client.

How Do I Get A Favicon On My Website?

First thing you need to do is design a favicon that fits into a square proportion.  Because you don’t know what colour background your favicon will appear on it is best to avoid a transparent background, and you should ensure to save your favicon in png format.  A favicon is usually similar to your logo, but a more minimalist version.  Take a look at our favicon below:

Once you have your favicon designed, you then need to add it to the code of your website.  You can do this by adding some code to the <head> of you website:

<link rel=”icon” type=”image/png” href=”http://example.com/myicon.png”>

WordPress now has a site icon feature built into the sites core, so if you have a WordPress site then it should be easy to get your favicon linked to your site.  Try visiting Appearance > Customize in the admin panel and look for the “Site Identity” tab and you should find a “Site Icon” section here where you can upload your favicon and WordPress will do the rest.

Wordpress Site Icon Screenshot