{"id":116951,"date":"2019-05-30T17:08:17","date_gmt":"2019-05-30T09:08:17","guid":{"rendered":"https:\/\/seo-hacker.com\/?p=16951"},"modified":"2021-05-11T05:49:02","modified_gmt":"2021-05-11T05:49:02","slug":"favicon-mobile-search-set-up","status":"publish","type":"post","link":"https:\/\/seo-hacker.com\/favicon-mobile-search-set-up\/","title":{"rendered":"Favicon Display Update: Everything You Need to Know and How to Properly Set It Up"},"content":{"rendered":"

\"Favicon
\nIt\u2019s not a secret that most of the users that search on Google are using their mobile devices which is why Google has been constantly improving their mobile search<\/a> experience. When compared to how it looked before, mobile search experience has experienced notable changes – some for the better and some, arguably, for the worst. Does this most recent design update make the user\u2019s mobile search experience better or worse? Let\u2019s find out.<\/span><\/p>\n

<\/p>\n

Google has been constantly testing out new designs<\/a> for mobile search over the years and they recently started displaying favicons for all the websites in the mobile SERPs. The primary reason why Google rolled out this update is to bring a website\u2019s branding in front of the user and help them better understand where the information comes from and if the pages that they visit have what they\u2019re looking for. But this update also involves search ads display and poses potential problems for organic search results. Before we dive in deeper, let\u2019s talk about favicons.<\/span><\/p>\n

What is a Favicon?<\/b><\/h2>\n

A favicon is commonly associated with a website and is often regarded as its \u201clogo\u201d or \u201cicon\u201d. Historically, these small icons were and are still displayed in a browser\u2019s tab to represent a website\u2019s branding and help users identify sites that prove useful to them. Here\u2019s what it looks like in a browser\u2019s tab:<\/span><\/p>\n

\"favicon<\/p>\n

If your website doesn\u2019t have a favicon, browsers and search engines will use a default or generic symbol in place of your favicon. If you want to improve your branding in the world wide web, then having a favicon is a must-have. <\/span><\/p>\n

How to Create a Favicon and Add It to Your Site<\/b><\/h2>\n

Creating a favicon is one of the simplest things you can do – especially if you already have a logo for your website. There are a variety of favicon generators available that lets you create your favicon in a matter of seconds. However, it becomes a challenge when you don\u2019t have your own logo to turn into a favicon.<\/span><\/p>\n

After you\u2019ve created your own favicon, adding it to your site is also an easy process. To simplify it in 2 steps:<\/span><\/p>\n

    \n
  1. Upload the favicon.ico file to your desired folder<\/span><\/li>\n
  2. Insert this code <\/span><link rel=\u201cshortcut icon\u201d href=\u201c(link to the directory)\/favicon.ico\u201d \/> <\/b>in the <header> tag<\/span><\/li>\n<\/ol>\n

    For a more comprehensive guide to applying it to WordPress sites, here\u2019s a <\/span>guide<\/span><\/a><\/p>\n

    Google\u2019s Mobile Search Favicon Design Update<\/b><\/h2>\n

    Google recently updated their mobile search design and they started showing a website\u2019s favicon in the search results. <\/span><\/p>\n

    \"SEO<\/p>\n

    Here\u2019s a side by side comparison on the old look and the new one:<\/span><\/p>\n

    \"google

    Image from blog.google<\/p><\/div>\n

    It looks great. It helps users identify websites they know faster and it helps us webmasters and SEOs spread awareness of our brand\/website. Of course, this update has implications not just for us but also for normal marketers that don\u2019t dabble in SEO, the businesses themselves, and many others that put their focus in their website\u2019s online presence<\/a>.<\/span><\/p>\n

    An important aspect to remember is that Google has guidelines for the favicons they display in the mobile search results and even if everything in the guidelines are met, having your favicon displayed is not assured. Here are <\/span>Google\u2019s favicon guidelines<\/span><\/a>:<\/span><\/p>\n