WordPress favicon: How to add favicon in WordPress

WordPress favicon. Ever wondered why some websites contain a small icon in the web browser? Time to find out for yourself. At first glance, it may not seem to be such a big deal. Yet, a favicon is an absolute necessity for your WordPress website. WordPress favicon: How to add a favicon in WordPress.

What is a favicon


A favicon (“favourite icon”) is a small icon. Web browsers display it next to a web page´s title on a browser tab, or in the address bar next to its URL. The original idea was to make favourite bookmarks in the web browser more transparent. This favourite icon is to bookmark a favourite web page. Its file is called “favicon.ico” and is located in the root directory of the website.

E.g. http://subdomain.domainname.extension/favicon.ico


Why is a favicon important

At first glance, it may not seem so important. But do not underestimate the power of a favicon. Bookmarks, web browser bars, open windows, search engines and browser´s history. These are a few of the tasks a favicon is good for.

The small icon is important for SEO. Not all Search Engines show the page icon in their Search Engine Result Pages though. But it is often used to increase the online visibility of websites.

favicon google

For example, search giant Google doesn't. But, this is not a significant reason to leave the icon out. However, the Internet is more than Google. And popular new search engines, such as DuckDuckgo.com know that. This is an anonymous search engine that takes favicons into account and displays them on its search pages.

So, if you want:

Do not forget to add a favicon to WordPress.


How to create a favicon

You can create a favicon in two ways:

  1. With a graphics editor
  2. With an online favicon generator


1. With a graphics editor

2. With an online favicon generator

Instead of creating the favicon yourself, you can also use online favicon generators. They convert an uploaded image into a miniature icon in the correct format and size.


TIP: If the logo is not available, you can create your own icon. Select the text and colour. Within a moment, you will have generated your own ready-to-use icon.

Favicon Browser compatibility

Once you have prepared the favicon, it is time to upload the favicon file to the server of your website. Take into account that "not all web browsers are compatible for sharing a favicon". Older browsers, such as Internet Explorer, need a link to the code icon:

Some WordPress templates have the option of uploading an icon in their settings. In WordPress version 4.3 or higher, the favicon detects the web browser version from the site source folder:

WordPress favicon

How to add a Favicon in WordPress

With WordPress version 4.3 or higher, you can add the favicon to your website:

TIP: When you look at your browsing history, the favicon icon will show you the current browser. The same goes for your favourite bookmarks.




Article rating

Average rating: 4.5/5

Votes: 11