What’s A Favicon?

broken robot

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

 

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp