by trangnq
December 14, 2021

Shopify favicon: The complete guide you should know

Favicon is known as one of the most efficient methods to assess a website’s traffic by counting the number of people who bookmarked the page. However, the primary purpose of favicon is to improve user experience. What’s more, without a favicon, a website is more likely to be missing its generic browser symbol. In this article, Arrowtheme will give you the definition of Shopify favicon and also instruct you how to add it for your online store. Then, explore with us right now!

>>> Read more: Shopify 404 page: How to fix Shopify 404 page not found error with redirects for SEO

What is favicon on Shopify?

Favicon is the abbreviation and pronunciation of Favorite-icon. To put it plainly, a favicon is a small and recognizable image that is utilized to display a graphical representation of the site being visited. In particular, you can take advantage of it to symbolize your website. Besides, while it is usually found in the address bar of your computer browser, it may also be added to bookmark lists in web browsers and feed aggregators. As a result of having a well-designed favicon that matches the style of the logo or theme, your consumers will be able to recognize your website quickly at first glance. Best of all, you may use a favicon to reinforce your brand and give your website a more professional appearance. 

what is favicon on shopify

How to generate a Shopify favicon?

In addition to utilizing a free favicon generator website, you can also make your own custom favicon. Then, if you want to discover a favicon generator, you should look up “free favicon generator” on the internet. For more details, a favicon should be either 16×16 pixels or 32×32 pixels in size. In particular, when you upload your favicon to Shopify, it will be reduced to 32×32 pixels if it is too large. 

How to add Shopify favicon to your online store?

With Desktop

#1. To begin, you must go to the Online Store >> Themes in your Shopify admin

#2. Then, you have to click the Customize option when you have found the theme you want to change.

#3. To continue, you need to tap Theme settings.

#4. Then, click Favicon to turn to the next step.

#5. To proceed, you have to click Select image in the Favicon image section, and then perform one of the following: 

  • The first one is to click the Library tab to choose a picture you’ve already uploaded to your Shopify admin.
  • The other one is to click the Library tab, then Upload to select an image from your local computer.

#6. After that, don’t forget to add alt text to your favicon image. In order to do that, you must follow these steps:

Tap Edit >> Enter a short description of the Shopify favicon image in the Edit image window >> Click Save

#7. Finally, you must click Save to complete. 

how to add Shopify favicon

With mobile

#1. First and foremost, you have to click Store on the Shopify app.

#2. The second step you must do to add Shopify favicon to your store on mobile version is to tap the Online Store under the Sales Channels section.

#3. Then, click Manage themes to proceed. 

#4. As soon as you have found the suitable theme you wish to alter, let’s tap the Customize button.  

#5. Then, in order to continue, you must tap Edit. 

#6. Click Theme settings. 

#7. The most important step is to click Favicon. 

#8. After that, you must click Select image in the Favicon image field. And then, you can perform one of the following things:  

  • Click the Library tab to choose a picture you’ve already uploaded to your Shopify admin.
  • Click the Library tab, then tap Upload to select an image from your local computer.

#9. Then, you also need to add alt text to your favicon image. Following that, you must follow these steps:

Tap Edit >> Enter a short description of the Shopify favicon image in the Edit image window >> Click Save

#10. Finally, remember to click Save to finish. 

Way to display Shopify favicon in search engines

Let’s follow our instructions below to know how to display a Shopify favicon in search engines.

#1. First of all, you must click the Online Store >> Themes from your Shopify dashboard. 

way to display Shopify favicon in search engines

#2. Then, you have to select Actions in order to continue.  

#3. From the dropdown menu, you need to choose Edit Code. 

#4. Then, add the following code to the theme.liquid file: <link rel = ”shortcut icon” href = ”Replace with your favicon URL”>.

code

#5. The last stage is to click Save to display Shopify favicon in search engines. 

In conclusion

To sum up, Shopify favicon is one of those minor details to which we usually pay little attention. However, it plays an extremely crucial role for any website, both in terms of user interface and branding. All in all, Arrowtheme hopes this article has given you a better understanding of what a favicon is and how to add them to your Shopify business. Then, in case you have any question on this topic, let’s fill out our CONTACT FORM with our details. More importantly, we also bring Shopify Website Packages that can give you the best methods to solve any of your issues. In particular, we are launching a upto 30% sale off for all of our Shopify services. Hence, let’s grab this great deal now!

[Sassy_Social_Share]

0 comments

Related Posts