How to add Favicon, branding icon to your WordPress website

Favicon is an icon of the Website that is displayed on the browser’s tab (or in the bookmark) when the user visits the website. Favicon is a small image file with a size of 16×16 pixels and is short for Favorites Icon. In this article, we will learn the benefits of Favicon, how to create one and set it up to display well on your WordPress blog/website.

Favicon is similar to the Logo of the Website, representing that website, making the website stand out, different from countless other sites, helping people have an impression and easily remember your site.

Favicon is a powerful branding tool that can help your website rank better in search engines. Just like a logo and or domain name, Favicons are often symbolic images for your website, helping customers know that you are you and not someone else.

On browsers that support Tab tabs such as Firefox, Google Chrome, … Favicon helps users quickly determine which tab is on which website.

Prepare your favicon

You should have a clear vision of how your favicon looks like since it represents your website in a small 16×16 pixel image then creating it yourself with the amount support and softwares you can search online or outsourcing to somebody else.

The format of a Favicon is usually in .ico format. You can also use an image in .gif or .png format as long as it’s standard size 16×16 pixels. However, the .ico format is more commonly used because .ico is well supported on all browsers and is generally less of a headache.

Set your WordPress favicon

Using WordPress simplifies a lot of things for somebody who do not know the technical and coding skill. Uploading and set your favicon is one of them:

Go to your WordPress admin dashboard

Select Appearance » Customize

Upload and set your WordPress favicon
Upload and set your WordPress favicon

Select Header

Upload and set your WordPress favicon Header
Upload and set your WordPress favicon Header

Select Site Identity

Upload and set your WordPress favicon Header Site Identity
Upload and set your WordPress favicon Header Site Identity

Under Site Icon » click Select Site Icon and upload your favicon

Upload and set your WordPress favicon Header Select Site Icon
Upload and set your WordPress favicon Header Select Site Icon

A preview like below will appear once you’ve uploaded your favicon

WordPress Mayviti favicon uploaded
WordPress Mayviti favicon uploaded

Finally click Publish

WordPress Mayviti favicon uploaded ready to publish
WordPress Mayviti favicon uploaded ready to publish

And here is what you got, if you still not see it just reload your WordPress website

WordPress Mayviti favicon uploaded and published successfully
WordPress Mayviti favicon uploaded and published successfully

Leave a Reply

Your email address will not be published.