Content
In this article, the Promodo team explains what is a favicon and provides all the necessary information on how make favicon and add it to your website.
A favicon is a small icon associated with your website. An interesting fact is that the name of this icon combines the words "favorite" and "icon." The favicon was first introduced in Internet Explorer 5, with a size of 16x16 pixels, and was placed next to the site in the bookmarks list. The purpose of the icon was to make it easier for users to recognize resources by adding an image that makes the site stand out among others.
Nowadays, the site icon is displayed in:
A favicon helps in quickly identifying a website among others.
Favicons do not have a direct impact on SEO, but they can organically improve your site's rankings in search results:
Let's view how to generate a favicon in details. A favicon is an adapted and somewhat simplified logo of your brand. Its appearance visually reflects your brand's identity. At the same time, we recommend using simple and clear elements without small details for the icon.
Before uploading the favicon to your website, make sure it meets the following specifications:
To ensure compatibility with different browsers and devices, we recommend uploading multiple formats and sizes of your favicon. The appropriate codes can also be generated on the service. Here are the codes we generated:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
Once we've figures out how to insert favicon, you may need to clear your browser's cache to see the changes on your website.
If the favicon loads, we recommend checking how it displays on different devices and in other browsers. At this stage, you might realize that some adjustments are needed, such as adding a background or changing details in the design for better visibility.
In conclusion, a favicon, though a small design element, significantly enhances brand recognition and trust in the website, while also improving the user experience.
You may also like
Choose quality and trusted services to improve the presence of your company on the Internet, and feel free to contact our UK team if you have any questions.
In this article, we'll explore the rather technical part of how to run ads for Shopify store.
We at Promodo are ready to help you improve your performance across all digital marketing channels.
Get started