{"id":27229,"date":"2021-02-01T06:41:34","date_gmt":"2021-02-01T12:41:34","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=27229"},"modified":"2021-07-28T13:22:50","modified_gmt":"2021-07-28T18:22:50","slug":"what-is-favicon","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/","title":{"rendered":"What is a Favicon and How to Add One to Your Website"},"content":{"rendered":"\n<p>What is a favicon, you ask? Take a quick look at all the tabs you currently have open on your browser. Do you see the small 16&#215;16 pixel icon on the top left side of each of your tabs, right before the page title?&nbsp;<\/p>\n\n\n\n<p>That\u2019s a favicon, which is short for 'favorite icon.'\u009d<\/p>\n\n\n\n<p>In my browser, I currently have the following websites open: Facebook, HostGator, Ashley R. Cummings (my website), Twitter, LinkedIn, and Omnisend. The tabs in my browser look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/QYHA5gu0242ehGZZZFRpUnSubHxMMfDlNL-S5Otf3VMiHcy7XKKqwe6X5I-Rbam2LkNJh7_cJKHVwJNBVqZNLvo-zxYPUU1AMZfggDDd3YjxiZ_QYfETQ2Po_BLx_B482Z-pQzsQ\" alt=\"examples of different website favicons in browser tabs\"\/><\/figure>\n\n\n\n<p>As you can see, each website has a little logo (favicon) next to the page title in the respective browser tab, so I can quickly identify which tab is which.<\/p>\n\n\n\n<p>Favicons also appear in your bookmarked URLs and in the browsing history section of Google Chrome, making it easier for you to navigate your browser.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/NnNgTssBWrQ5vMydl2SGCU0IxkoosTHRkvQfWm_HLV2opQSnNh5ajlAeI5v0a4Cvq1a-9Pb3h0CQrw0YokoJVAKE3Zaq_9RlVocs506rkVlVlaMA4Vy8rh_Jm8mPTNPkBYoAOqaz\" alt=\"examples of favicons in google chrome bookmarks\"\/><\/figure>\n\n\n\n<p>This post will dive deeper into the wonderful world of favicons. You\u2019ll learn:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The reasons why you should add a favicon to your website<\/li><li>How to add a favicon in WordPress<\/li><li>How to add a favicon using Gator Website Builder<\/li><\/ul>\n\n\n<div class=\"hgrp\"><h4>You might like&#8230;<\/h4><ul><li><span class=\"prod-icon\"><a href=\"https:\/\/www.hostgator.com\/web-hosting\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"button\" data-element-label=\"shared_hosting\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/shared-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/shared-150x150.png 150w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/shared-300x300.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/shared.png 500w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/span><a href=\"https:\/\/www.hostgator.com\/web-hosting\" class=\"hgrp-link\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"link\" data-element-label=\"shared_hosting\">Shared Hosting<\/a><\/li><li><span class=\"prod-icon\"><a href=\"https:\/\/www.hostgator.com\/website-builder\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"button\" data-element-label=\"website_builder\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/website-builder-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/website-builder-150x150.png 150w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/website-builder-300x300.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/website-builder.png 500w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/span><a href=\"https:\/\/www.hostgator.com\/website-builder\" class=\"hgrp-link\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"link\" data-element-label=\"website_builder\">Website Builder<\/a><\/li><\/ul><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-4-smart-reasons-to-add-a-favicon-to-your-website\">4 smart reasons to add a favicon to your website<\/h2>\n\n\n\n<p>Not only is it fun to add a favicon to your website, but it\u2019s an excellent website and marketing strategy. Here are some of the top reasons your website needs a favicon.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-branding\">1. Branding<\/h3>\n\n\n\n<p>Website owners typically use their logo as their website\u2019s favicon. Since the favicon is a small logo that is presented at the top of a browser\u2019s screen, it helps with branding and awareness.&nbsp;<\/p>\n\n\n\n<p>Additionally, some search engines (e.g. DuckDuckGo) even display a site\u2019s favicon in the search results. Check out the example below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/XhfuCmc-0CgAb9SEKpAY5DEjqfowul7xrBqY5Z5utgQZcrkn0s5w8isVTstxUHGdD0bcq5KDfdOLgXBtLYXicmO_KkTcedelgwhU8fGHR2jp7cyZKaAJeGfMnl0-0hyYHhsvaO11\" alt=\"example of favicons in search results\"\/><\/figure>\n\n\n\n<p>Whenever someone searches for your website, your favicon will help the user instantly recognize your brand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-speed\">2. Speed<\/h3>\n\n\n\n<p>Every time I open my husband\u2019s computer, he has at least 30 browser tabs open. If you\u2019re the type of internet browser that likes to leave all of your tabs open, you already know that the more tabs you have open, the smaller they get.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/mwbPxuv2PDu3R-P34EgQKkowUpi59b1UapaaSB4F3l534WhaAdjHFMK2RCp2rz-W9OpsECQozLeLNAFP2F_O1jbLK5vdYmB8Y4XZxVTucAIAI3wLKnqHVA70kFgY0DTCdxdWgxx_\" alt=\"example of multiple tabs open with only favicons still visible\"\/><\/figure>\n\n\n\n<p>Once you have a certain amount of tabs open, the page title disappears and the only thing left to see is the favicon. Favicons help internet users recognize which page is which so they can switch between screens without a hitch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-search-engine-optimization-seo\">3. Search engine optimization (SEO)<\/h3>\n\n\n\n<p>Having a favicon also helps with your site\u2019s search engine rankings. When a browser visits your website, the searcher\u2019s browser requests a favicon from your site. If your site doesn\u2019t have one, your site will return the HTTP 404 response code. And, an <a href=\"https:\/\/www.searchenginejournal.com\/404-errors-google-crawling-indexing-ranking\/261541\/#close\" target=\"_blank\" rel=\"noopener noreferrer\">abundance of 404 errors<\/a> may affect search results negatively.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-credibility\">4. Credibility<\/h3>\n\n\n\n<p>Adding a favicon to your website is one of the most basic and easiest tasks in WordPress or a website builder. When you skip this step, it could lead users to question how authentic your website is.<\/p>\n\n\n\n<p>Now that you know why you need a favicon on your site, let\u2019s talk about how you can add a favicon to your WordPress site and via the Gator Website Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-a-favicon-in-wordpress\">How to add a favicon in WordPress<\/h2>\n\n\n\n<p>The first step in adding a favicon to your WordPress website is to make sure you have the right image size. Favicons will display as 16&#215;16 pixels or sometimes as 32&#215;32 pixels, but to get the right image quality, you\u2019ll need to design a square image that\u2019s bigger.<\/p>\n\n\n\n<p>To get your favicon to display correctly, you should resize your logo so that it\u2019s square and at least 512&#215;512 pixels. Once you\u2019re done resizing your logo image to the appropriate dimensions, and save it to your desktop.<\/p>\n\n\n\n<p>If you aren\u2019t a graphic designer and need a little help, you can use a favicon generator like <a href=\"http:\/\/www.favicon.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">favicon.cc<\/a> or <a href=\"http:\/\/www.favicon-generator.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">favicon-generator.org<\/a>.<\/p>\n\n\n\n<p>Once you have created your favicon and saved your file to your desktop, you\u2019re ready to upload it into WordPress.&nbsp;<\/p>\n\n\n\n<p><strong>Here\u2019s how to add your favicon to your WordPress site:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Login to your WordPress dashboard using your login credentials.<\/li><li>Find 'Appearance'\u009d on the left navigation bar, and hover your cursor over it.<\/li><li>Click on 'Customize.'\u009d<\/li><li>When you click on 'Customize,'\u009d WordPress will redirect you to the menu where you can make site changes.<\/li><li>Find 'Site Identity'\u009d on the new navigation bar on the left and click on it.<\/li><li>From here, you can add a site title, tagline, and your site icon. Your site icon is the same thing as your favicon.<\/li><li>Click on 'Select File,'\u009d and select your favicon image, and press 'Save.'\u009d<\/li><li>Once you\u2019ve selected your file, WordPress will display your favicon in the Customize navigation bar. When you refresh your WordPress site, you\u2019ll see your favicon appear in your browser tab next to your site name.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/t2ra8nLAyaDxj_levY53mPki8D6YJX4WIkRBnlaG3Gqv_brTUc-EqTOOHvijUq_y6__B29dr5OKgexJMxelovN3GRgFwf7HDnWQbr3A2uyjeduF6txBxKsFnogdwuzWDWQ7Vq71p\" alt=\"add favicon to wordpress website in site icon m enu\"\/><\/figure>\n\n\n\n<p>You can change your favicon any time you want by following the same process.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-a-favicon-using-the-gator-website-builder\">How to add a favicon using the Gator Website Builder<\/h2>\n\n\n\n<p>If you opt to <a href=\"https:\/\/www.hostgator.com\/blog\/how-to-build-a-website\/\">build your website<\/a> with the Gator Website Builder, the process of adding a favicon to your site is different.&nbsp;<\/p>\n\n\n\n<p><strong>Here is how you add a site icon in the Gator Website Builder:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Log in to the website builder with your username and password.<ul><li>If this is the first time setting up your website, follow the requested steps to set up your website. If you need additional help, here are some helpful <a href=\"https:\/\/www.hostgator.com\/help\/article\/hostgator-website-builder-tutorials\">HostGator tutorials<\/a>.<\/li><li>If you\u2019ve already completed the basics of creating your website with the Gator Website Builder, find your website on the main dashboard and click 'Edit Site.'\u009d This will take you to the Gator Website Builder.<\/li><\/ul><\/li><li>Find 'Settings'\u009d on the left navigation bar, and click.<\/li><li>Under 'Settings,'\u009d click on 'My Site.'\u009d<\/li><li>When you click on 'My Site,'\u009d you\u2019ll see five tabs, including 'Name and Domain,'\u009d 'Logo,'\u009d 'Favicon,'\u009d 'SEO,'\u009d and 'Accessibility.'\u009d<\/li><li>Click on 'Favicon.'\u009d<\/li><li>Click on 'Click to upload favicon'\u009d on the next page.<\/li><li>Click on 'My images,'\u009d and select your favicon. If you haven\u2019t added your favicon yet, then click on '+ Add Image,'\u009d and add your image, and press 'Save.'\u009d Then, select your new image.<\/li><li>Once you\u2019ve selected your image and pressed 'Save,'\u009d you\u2019ll see it appear in the favicon box.&nbsp;<\/li><li>When you\u2019re satisfied you have the right image, press 'Apply.'\u009d<\/li><li>This will add a favicon to your website.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/oIbiHVVe91WyfSo0mZ7J77pa4oVtGCThl_qIyr0Vpydjj_jakS1pBWS-Gpuj6z0zPg0DrBsD3dvvvmh9_fy1on9RSN9czVZJ4rpWH3ivh6pjbmE5_UZfFny7ddQPHw8OoW4f372k\" alt=\"add favicon to website in gator website builder\"\/><\/figure>\n\n\n\n<p>If you want to change your favicon at any time, you follow the same process.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-start-your-website-with-hostgator-today\">Start your website with HostGator today!<\/h2>\n\n\n\n<p>A favicon is a fun website tool that helps with SEO, brand recognition, and browser usability. Not to mention, it\u2019s a fun and creative way to enhance your website.<\/p>\n\n\n\n<p>If you have a new website and haven\u2019t added a favicon yet, stop what you\u2019re doing and go add one. The process only takes a few minutes if you already have a logo and will boost the credibility of your website.<\/p>\n\n\n\n<p>If you haven\u2019t started your website yet and are looking for a reliable hosting company, check out HostGator today. HostGator offers <a href=\"https:\/\/www.hostgator.com\/managed-wordpress-hosting\">one-click WordPress installation<\/a> and an intuitive <a href=\"https:\/\/www.hostgator.com\/website-builder\">website builder<\/a> to help you get your site up and running in no time at all.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a favicon, you ask? Take a quick look at all the tabs you currently have open on your&#8230;<\/p>\n","protected":false},"author":203,"featured_media":27436,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[120,122,121],"class_list":["post-27229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-hosting-tips","tag-shared-hosting","tag-website-builder","tag-wordpress-hosting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v23.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is a Favicon and How to Add One to Your Website - HostGator<\/title>\n<meta name=\"description\" content=\"Ever wonder what those icons in your browser tab are? They&#039;re called favicons. Learn what favicons are and how to add one to your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\" \/>\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 How to Add One to Your Website\" \/>\n<meta property=\"og:description\" content=\"Ever wonder what those icons in your browser tab are? They&#039;re called favicons. Learn what favicons are and how to add one to your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"HostGator\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostGator\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-01T12:41:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-28T18:22:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1155\" \/>\n\t<meta property=\"og:image:height\" content=\"605\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ashley Cummings\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/ashleyrcummings\" \/>\n<meta name=\"twitter:site\" content=\"@HostGator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashley Cummings\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\"},\"author\":{\"name\":\"Ashley Cummings\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/aba5eba8103133115253724c1ece55fc\"},\"headline\":\"What is a Favicon and How to Add One to Your Website\",\"datePublished\":\"2021-02-01T12:41:34+00:00\",\"dateModified\":\"2021-07-28T18:22:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\"},\"wordCount\":1204,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg\",\"keywords\":[\"Shared Hosting\",\"Website Builder\",\"WordPress Hosting\"],\"articleSection\":[\"Web Hosting Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\",\"name\":\"What is a Favicon and How to Add One to Your Website - HostGator\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg\",\"datePublished\":\"2021-02-01T12:41:34+00:00\",\"dateModified\":\"2021-07-28T18:22:50+00:00\",\"description\":\"Ever wonder what those icons in your browser tab are? They're called favicons. Learn what favicons are and how to add one to your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg\",\"width\":1155,\"height\":605,\"caption\":\"What Is a Favicon and How To Add One in WordPress and Gator Website Builder\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostgator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a Favicon and How to Add One to Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"name\":\"HostGtaor\",\"description\":\"Web Hosting and Marketing Tips for Entrepreneurs\",\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\",\"name\":\"HostGtaor\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"width\":1092,\"height\":215,\"caption\":\"HostGtaor\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HostGator\",\"https:\/\/x.com\/HostGator\",\"https:\/\/www.instagram.com\/hostgator\",\"https:\/\/www.linkedin.com\/company\/hostgator-com\",\"https:\/\/www.pinterest.com\/hostgator\/\",\"https:\/\/www.youtube.com\/user\/hostgator\"],\"email\":\"support@gator.com\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/aba5eba8103133115253724c1ece55fc\",\"name\":\"Ashley Cummings\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/336a7b36e00fcee8d7711dc300151910?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/336a7b36e00fcee8d7711dc300151910?s=96&d=mm&r=g\",\"caption\":\"Ashley Cummings\"},\"description\":\"Ashley R. Cummings is a professional freelance writer specializing in SaaS, tech, and advertising\/marketing. In a previous life, she was a Russian teacher at Brigham Young University, a corporate trainer, and a grad student\u00e2\u20ac\u201dall at the same time. When she\u00e2\u20ac\u2122s not writing, you can find her traveling the world with her 2 kids and husband, reading poetry or taking a deep dive into the fabulous world of comedy. Connect with her on Twitter at @ashleyrcummings.\",\"sameAs\":[\"https:\/\/www.ashleyrcummings.com\/\",\"https:\/\/www.linkedin.com\/in\/ashleyrcummings\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/ashleyrcummings\"],\"url\":\"https:\/\/www.hostgator.com\/blog\/author\/acummings\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is a Favicon and How to Add One to Your Website - HostGator","description":"Ever wonder what those icons in your browser tab are? They're called favicons. Learn what favicons are and how to add one to your website.","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:\/\/www.hostgator.com\/blog\/what-is-favicon\/","og_locale":"en_US","og_type":"article","og_title":"What is a Favicon and How to Add One to Your Website","og_description":"Ever wonder what those icons in your browser tab are? They're called favicons. Learn what favicons are and how to add one to your website.","og_url":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/","og_site_name":"HostGator","article_publisher":"https:\/\/www.facebook.com\/HostGator","article_published_time":"2021-02-01T12:41:34+00:00","article_modified_time":"2021-07-28T18:22:50+00:00","og_image":[{"width":1155,"height":605,"url":"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg","type":"image\/jpeg"}],"author":"Ashley Cummings","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/ashleyrcummings","twitter_site":"@HostGator","twitter_misc":{"Written by":"Ashley Cummings","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#article","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/"},"author":{"name":"Ashley Cummings","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/aba5eba8103133115253724c1ece55fc"},"headline":"What is a Favicon and How to Add One to Your Website","datePublished":"2021-02-01T12:41:34+00:00","dateModified":"2021-07-28T18:22:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/"},"wordCount":1204,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg","keywords":["Shared Hosting","Website Builder","WordPress Hosting"],"articleSection":["Web Hosting Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/","url":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/","name":"What is a Favicon and How to Add One to Your Website - HostGator","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg","datePublished":"2021-02-01T12:41:34+00:00","dateModified":"2021-07-28T18:22:50+00:00","description":"Ever wonder what those icons in your browser tab are? They're called favicons. Learn what favicons are and how to add one to your website.","breadcrumb":{"@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostgator.com\/blog\/what-is-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#primaryimage","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/01\/What-Is-a-Favicon-and-How-To-Add-One-in-WordPress-and-Gator-Website-Builder.jpg","width":1155,"height":605,"caption":"What Is a Favicon and How To Add One in WordPress and Gator Website Builder"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostgator.com\/blog\/what-is-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostgator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is a Favicon and How to Add One to Your Website"}]},{"@type":"WebSite","@id":"https:\/\/www.hostgator.com\/blog\/#website","url":"https:\/\/www.hostgator.com\/blog\/","name":"HostGtaor","description":"Web Hosting and Marketing Tips for Entrepreneurs","publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostgator.com\/blog\/#organization","name":"HostGtaor","url":"https:\/\/www.hostgator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","width":1092,"height":215,"caption":"HostGtaor"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HostGator","https:\/\/x.com\/HostGator","https:\/\/www.instagram.com\/hostgator","https:\/\/www.linkedin.com\/company\/hostgator-com","https:\/\/www.pinterest.com\/hostgator\/","https:\/\/www.youtube.com\/user\/hostgator"],"email":"support@gator.com"},{"@type":"Person","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/aba5eba8103133115253724c1ece55fc","name":"Ashley Cummings","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/336a7b36e00fcee8d7711dc300151910?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/336a7b36e00fcee8d7711dc300151910?s=96&d=mm&r=g","caption":"Ashley Cummings"},"description":"Ashley R. Cummings is a professional freelance writer specializing in SaaS, tech, and advertising\/marketing. In a previous life, she was a Russian teacher at Brigham Young University, a corporate trainer, and a grad student\u00e2\u20ac\u201dall at the same time. When she\u00e2\u20ac\u2122s not writing, you can find her traveling the world with her 2 kids and husband, reading poetry or taking a deep dive into the fabulous world of comedy. Connect with her on Twitter at @ashleyrcummings.","sameAs":["https:\/\/www.ashleyrcummings.com\/","https:\/\/www.linkedin.com\/in\/ashleyrcummings\/","https:\/\/x.com\/https:\/\/twitter.com\/ashleyrcummings"],"url":"https:\/\/www.hostgator.com\/blog\/author\/acummings\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/27229"}],"collection":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/comments?post=27229"}],"version-history":[{"count":4,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/27229\/revisions"}],"predecessor-version":[{"id":28280,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/27229\/revisions\/28280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media\/27436"}],"wp:attachment":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media?parent=27229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/categories?post=27229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/tags?post=27229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}