{"id":233,"date":"2022-12-22T06:47:46","date_gmt":"2022-12-22T06:47:46","guid":{"rendered":"https:\/\/lookafter.com\/blog\/?p=233"},"modified":"2023-06-09T11:28:26","modified_gmt":"2023-06-09T03:28:26","slug":"what-is-a-favicon-and-why-does-your-website-need-one","status":"publish","type":"post","link":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/","title":{"rendered":"What is a favicon and why does your website need one?"},"content":{"rendered":"\n<p><a href=\"https:\/\/lookafter.com\/blog\/\">Home<\/a> &gt; <a href=\"https:\/\/lookafter.com\/blog\/category\/empowering-tips\/\">Empowering Tips<\/a> &gt; What is a favicon and why does your website need one?<\/p>\n\n\n\n<div class=\"wp-block-essential-blocks-advanced-heading\"><div class=\"eb-parent-wrapper eb-parent-eb-advance-heading-bm2th3z \"><div class=\"eb-advance-heading-wrapper eb-advance-heading-bm2th3z button-1\" data-id=\"eb-advance-heading-bm2th3z\"><h2 class=\"eb-ah-title\">What is a favicon and why does your website need one?<\/h2><p class=\"eb-ah-subtitle\">December 22, 2022<\/p><\/div><\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-1024x538.jpg\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-1024x538.jpg 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-300x158.jpg 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-150x79.jpg 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-768x403.jpg 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon-360x189.jpg 360w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>On average, people have about 10 to 20 tabs opened on their web browser. <br>To keep track of which tabs are for what pages, we usually look at the little icons displayed on the tabs. For example, I can easily locate my Lookafter webmail with the green \u201cL\u201d icon. The blue round logo with a white \u201cf\u201d icon leads me to my Facebook business page. The green phone icon is where I have my live chat conversation over the WhatsApp Web application.<\/p>\n\n\n\n<p>These icons are called <strong>favicons<\/strong>.<\/p>\n\n\n\n<p>In this article, we will take a closer look at what favicons are, why are they important for websites, and how you can add one to your website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"root-eb-toc-rvwj6ms wp-block-essential-blocks-table-of-contents\"><div class=\"eb-parent-wrapper eb-parent-eb-toc-rvwj6ms \"><div class=\"eb-toc-container eb-toc-rvwj6ms  eb-toc-is-not-sticky eb-toc-collapsible eb-toc-initially-not-collapsed eb-toc-scrollToTop style-1 list-style-none\" data-scroll-top=\"false\" data-scroll-top-icon=\"fas fa-angle-up\" data-collapsible=\"true\" data-sticky-hide-mobile=\"false\" data-sticky=\"false\" data-scroll-target=\"scroll_to_toc\" data-copy-link=\"false\" data-editor-type=\"\" data-hide-desktop=\"false\" data-hide-tab=\"false\" data-hide-mobile=\"false\" data-itemCollapsed=\"false\" data-highlight-scroll=\"false\"><div class=\"eb-toc-header\"><h2 class=\"eb-toc-title\">Table of Contents<\/h2><\/div><div class=\"eb-toc-wrapper \" data-headers=\"[{&quot;level&quot;:2,&quot;content&quot;:&quot;What is a favicon and why does your website need one?&quot;,&quot;text&quot;:&quot;What is a favicon and why does your website need one?&quot;,&quot;link&quot;:&quot;what-is-a-favicon-and-why-does-your-website-need-one&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;What is a favicon?&quot;,&quot;text&quot;:&quot;What is a favicon?&quot;,&quot;link&quot;:&quot;what-is-a-favicon&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;Where can you see favicons?&quot;,&quot;text&quot;:&quot;Where can you see favicons?&quot;,&quot;link&quot;:&quot;where-can-you-see-favicons&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;Why are favicons important for website?&quot;,&quot;text&quot;:&quot;Why are favicons important for website?&quot;,&quot;link&quot;:&quot;why-are-favicons-important-for-website&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;How to create a favicon?&quot;,&quot;text&quot;:&quot;How to create a favicon?&quot;,&quot;link&quot;:&quot;how-to-create-a-favicon&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;How to add a favicon on your website?&quot;,&quot;text&quot;:&quot;How to add a favicon on your website?&quot;,&quot;link&quot;:&quot;how-to-add-a-favicon-on-your-website&quot;}]\" data-visible=\"[true,true,false,false,false,false]\" data-delete-headers=\"[{&quot;label&quot;:&quot;What is a favicon and why does your website need one?&quot;,&quot;value&quot;:&quot;what-is-a-favicon-and-why-does-your-website-need-one&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;What is a favicon?&quot;,&quot;value&quot;:&quot;what-is-a-favicon&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Where can you see favicons?&quot;,&quot;value&quot;:&quot;where-can-you-see-favicons&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Why are favicons important for website?&quot;,&quot;value&quot;:&quot;why-are-favicons-important-for-website&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;How to create a favicon?&quot;,&quot;value&quot;:&quot;how-to-create-a-favicon&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;How to add a favicon on your website?&quot;,&quot;value&quot;:&quot;how-to-add-a-favicon-on-your-website&quot;,&quot;isDelete&quot;:false}]\" data-smooth=\"true\" data-top-offset=\"\"><div class=\"eb-toc__list-wrap\"><ul class='eb-toc__list'><li><a href=\"#what-is-a-favicon\">What is a favicon?<\/a><li><a href=\"#where-can-you-see-favicons\">Where can you see favicons?<\/a><li><a href=\"#why-are-favicons-important-for-website\">Why are favicons important for website?<\/a><li><a href=\"#how-to-create-a-favicon\">How to create a favicon?<\/a><li><a href=\"#how-to-add-a-favicon-on-your-website\">How to add a favicon on your website?<\/a><\/ul><\/div><\/div><\/div><\/div><\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>What is a favicon?<\/strong><\/strong><\/h2>\n\n\n\n<p>Short for \u201cfavourite icon\u201d, a favicon is a small 16&#215;16 pixels icon that represents a brand or a website. Its main objective is to help visitors locate a web page more easily, especially when they have multiple tabs opened on their browser. <\/p>\n\n\n\n<p>As they are small in size, favicons are generally simple images, or with not more than three characters.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Where can you see favicons?<\/strong><\/strong><\/h2>\n\n\n\n<p>Favicons are visible on multiple places \u2013 browser tabs, bookmarks, browser history and more. Here are some examples of how favicons are displayed in these places.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Favicons on <strong>Browser Tabs<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"170\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab-1024x170.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab-1024x170.png 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab-300x50.png 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab-150x25.png 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab-768x127.png 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-browser-tab.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Favicons on <strong>Bookmarks<\/strong> List<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"245\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks-1024x245.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks-1024x245.png 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks-300x72.png 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks-150x36.png 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks-768x184.png 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-bookmarks.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Favicons on <strong>History Drop-down Menu<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"236\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown-1024x236.png\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown-1024x236.png 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown-300x69.png 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown-150x35.png 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown-768x177.png 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-dropdown.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Favicons on <strong>Browser History<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list-1024x418.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list-1024x418.png 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list-300x123.png 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list-150x61.png 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list-768x314.png 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-history-list.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Favicons on <strong>Browser Tabs<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"175\" src=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search-1024x175.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search-1024x175.png 1024w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search-300x51.png 300w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search-150x26.png 150w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search-768x132.png 768w, https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/favicon-on-search.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Why are favicons important for website?<\/strong><\/strong><\/h2>\n\n\n\n<p>Favicons may be small, but they play very important role on your website. Here is a list of reasons why you should add a favicon to your website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><strong>It enhances visibility and branding of your website<\/strong><\/strong><\/h4>\n\n\n\n<p>A favicon is usually a smaller version of a company logo or an image that resembles the logo or brand. By having a favicon, you can significantly increase the visibility and recognition value of your brand, as people can visually connect your brand with the favicon. For example, you already know what site is loading on the browser when you see the Youtube favicon.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><strong>It helps you gain trust<\/strong><\/strong><\/h4>\n\n\n\n<p>If a website does not have a favicon, the browser will display a grey globe icon by default, which makes the website appear less professional. Users who come across such site may doubt about its legitimacy, too.<br>Favicons help convey professionalism, which improves the credibility of your website and helps you gain trust from people who visit your website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><strong>It improves user experience and follow-up visits<\/strong><\/strong><\/h4>\n\n\n\n<p>With a favicon visible on browser tabs, bookmarks and history list, users can save their time identifying and browsing your website. This will improve user interaction with your website, as well as the chances of users revisiting your site.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong><strong><strong><strong>How to create a favicon?<\/strong><\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p>There are several things to consider when designing and creating a favicon for your website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The optimal size for a favicon is 16&#215;16 pixels, however, most designers start with 32&#215;32 pixels to fit in retina screens. In any sizes, it must be a square icon.<\/li>\n\n\n\n<li>The original favicon format is ICO, but you can also go with PNG, JPG or SVG.<\/li>\n\n\n\n<li>Integrate your original brand or company logo in your favicon, best to retain the same colour scheme and concept.<\/li>\n\n\n\n<li>Make sure the design of your favicon is simple, precise and clear.<\/li>\n\n\n\n<li>If you need to include text in the favicon, use less than 3 characters. Initials or abbreviations of your brand name are good alternatives.<\/li>\n\n\n\n<li>As the background colour of the browser tab is usually grey, white or black, choose a colour that are contrast and look good on these background colours for your favicon.<\/li>\n<\/ul>\n\n\n\n<p>You can use tools like Photoshop, Fireworks, GIMP or Canva to create a favicon. <\/p>\n\n\n\n<p>Alternatively, you can <a href=\"https:\/\/lookafter.com\/contact\/\" target=\"_blank\" rel=\"noopener\" title=\"\">hire our design service<\/a> to create a favicon for your website.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong><strong>How to add a favicon on your website?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Add Favicon on <strong><strong><strong>HTML Websites<\/strong><\/strong><\/strong><\/h4>\n\n\n\n<p>To show your favicon on your website, you need to first upload your favicon to the root or sub directory of your site. Then, you have to add a line of code in the &lt;head&gt; section of your HTML file to locate and display the favicon file.<\/p>\n\n\n\n<p>Let\u2019s say you have uploaded \u201cfavicon.png\u201d into a subfolder named \u201cimages\u201d. So, the line of code to be inserted into your HTML file looks like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"icon\" type=\"image\/png\" href=\"images\/favicon.png\"&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><strong><strong>Add Favicon on WordPress Sites<\/strong><\/strong><\/strong><\/h4>\n\n\n\n<p>In order to add a favicon to your wordpress site, from your WordPress dashboard, go to Appearance &gt; Customize &gt; Site Identity. <br>There, you will see a Site Icon section where you can upload your favicon image.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one.<\/p>\n","protected":false},"author":1,"featured_media":234,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[6],"tags":[18],"class_list":["post-233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-empowering-tips","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is a favicon and why does your website need one?<\/title>\n<meta name=\"description\" content=\"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here&#039;s why.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a favicon and why does your website need one?\" \/>\n<meta property=\"og:description\" content=\"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here&#039;s why.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\" \/>\n<meta property=\"og:site_name\" content=\"Lookafter Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lookafterit\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-22T06:47:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-09T03:28:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\/\/lookafter.com\/blog\/#\/schema\/person\/ba5057deece831dc69c628b135259606\"},\"headline\":\"What is a favicon and why does your website need one?\",\"datePublished\":\"2022-12-22T06:47:46+00:00\",\"dateModified\":\"2023-06-09T03:28:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\"},\"wordCount\":824,\"publisher\":{\"@id\":\"https:\/\/lookafter.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg\",\"keywords\":[\"Website\"],\"articleSection\":[\"Empowering Tips\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\",\"url\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\",\"name\":\"What is a favicon and why does your website need one?\",\"isPartOf\":{\"@id\":\"https:\/\/lookafter.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg\",\"datePublished\":\"2022-12-22T06:47:46+00:00\",\"dateModified\":\"2023-06-09T03:28:26+00:00\",\"description\":\"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here's why.\",\"breadcrumb\":{\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage\",\"url\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg\",\"contentUrl\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg\",\"width\":1200,\"height\":630,\"caption\":\"What is a favicon and why does your website need one?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/lookafter.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a favicon and why does your website need one?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lookafter.com\/blog\/#website\",\"url\":\"https:\/\/lookafter.com\/blog\/\",\"name\":\"Lookafter Blog\",\"description\":\"We look after your email &amp; web, so you can focus on your business.\",\"publisher\":{\"@id\":\"https:\/\/lookafter.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lookafter.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/lookafter.com\/blog\/#organization\",\"name\":\"Lookafter Blog\",\"url\":\"https:\/\/lookafter.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lookafter.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2023\/02\/lookafter-text-logo-transparent.png\",\"contentUrl\":\"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2023\/02\/lookafter-text-logo-transparent.png\",\"width\":1200,\"height\":400,\"caption\":\"Lookafter Blog\"},\"image\":{\"@id\":\"https:\/\/lookafter.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/lookafterit\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/lookafter.com\/blog\/#\/schema\/person\/ba5057deece831dc69c628b135259606\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lookafter.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b9336067812df836782e0a74acd6c94e0a89b7efd2bbaeec9c4b24ec2d6afae3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b9336067812df836782e0a74acd6c94e0a89b7efd2bbaeec9c4b24ec2d6afae3?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\/\/lookafter.com\/blog\"],\"url\":\"https:\/\/lookafter.com\/blog\/author\/webmaster\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is a favicon and why does your website need one?","description":"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here's why.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/","og_locale":"en_US","og_type":"article","og_title":"What is a favicon and why does your website need one?","og_description":"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here's why.","og_url":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/","og_site_name":"Lookafter Blog","article_publisher":"https:\/\/www.facebook.com\/lookafterit","article_published_time":"2022-12-22T06:47:46+00:00","article_modified_time":"2023-06-09T03:28:26+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg","type":"image\/jpeg"}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#article","isPartOf":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/"},"author":{"name":"webmaster","@id":"https:\/\/lookafter.com\/blog\/#\/schema\/person\/ba5057deece831dc69c628b135259606"},"headline":"What is a favicon and why does your website need one?","datePublished":"2022-12-22T06:47:46+00:00","dateModified":"2023-06-09T03:28:26+00:00","mainEntityOfPage":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/"},"wordCount":824,"publisher":{"@id":"https:\/\/lookafter.com\/blog\/#organization"},"image":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage"},"thumbnailUrl":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg","keywords":["Website"],"articleSection":["Empowering Tips"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/","url":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/","name":"What is a favicon and why does your website need one?","isPartOf":{"@id":"https:\/\/lookafter.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage"},"image":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage"},"thumbnailUrl":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg","datePublished":"2022-12-22T06:47:46+00:00","dateModified":"2023-06-09T03:28:26+00:00","description":"The little icons that appear on your browser tabs are called favicons \u2013 and every website needs one. Here's why.","breadcrumb":{"@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#primaryimage","url":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg","contentUrl":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2022\/12\/what-is-favicon.jpg","width":1200,"height":630,"caption":"What is a favicon and why does your website need one?"},{"@type":"BreadcrumbList","@id":"https:\/\/lookafter.com\/blog\/what-is-a-favicon-and-why-does-your-website-need-one\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lookafter.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is a favicon and why does your website need one?"}]},{"@type":"WebSite","@id":"https:\/\/lookafter.com\/blog\/#website","url":"https:\/\/lookafter.com\/blog\/","name":"Lookafter Blog","description":"We look after your email &amp; web, so you can focus on your business.","publisher":{"@id":"https:\/\/lookafter.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lookafter.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lookafter.com\/blog\/#organization","name":"Lookafter Blog","url":"https:\/\/lookafter.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lookafter.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2023\/02\/lookafter-text-logo-transparent.png","contentUrl":"https:\/\/lookafter.com\/blog\/wp-content\/uploads\/2023\/02\/lookafter-text-logo-transparent.png","width":1200,"height":400,"caption":"Lookafter Blog"},"image":{"@id":"https:\/\/lookafter.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lookafterit"]},{"@type":"Person","@id":"https:\/\/lookafter.com\/blog\/#\/schema\/person\/ba5057deece831dc69c628b135259606","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lookafter.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b9336067812df836782e0a74acd6c94e0a89b7efd2bbaeec9c4b24ec2d6afae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b9336067812df836782e0a74acd6c94e0a89b7efd2bbaeec9c4b24ec2d6afae3?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/lookafter.com\/blog"],"url":"https:\/\/lookafter.com\/blog\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":14,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/posts\/233\/revisions\/545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/media\/234"}],"wp:attachment":[{"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lookafter.com\/blog\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}