{"id":7203,"date":"2014-04-18T11:21:55","date_gmt":"2014-04-18T18:21:55","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7203"},"modified":"2014-04-18T11:24:11","modified_gmt":"2014-04-18T18:24:11","slug":"5-minute-website-fixes-adding-a-favicon-to-your-site","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-adding-a-favicon-to-your-site\/","title":{"rendered":"5-minute website fixes: Adding a favicon to your site"},"content":{"rendered":"<p>You wake up this morning, stumble out of bed and start your morning routine. Slippers? Check. Breakfast? Check. Coffee? Check.<\/p>\n<p>With everything in order on this typical Friday, you login to your computer and casually browse the Internet, catching up on the hot topics you may have missed in your slumber.<\/p>\n<p>First stop: CNN. You type in the URL and upon page-load, something catches your eye that you&#8217;ve never noticed before. To the left of the URL is the world&#8217;s tiniest little picture.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7204\" alt=\"Favicon on CNN.com\" src=\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-8.44.04-AM.png\" width=\"312\" height=\"49\" \/><br \/>\nJoyed with the daintiness of this tiny image, yet confused by how it got there, you open a new page tab and quickly browse to another website &#8211; Google. After typing in the URL, you impatiently wait for the page to load. Bam! Another teeny picture next to the URL.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7205\" alt=\"Google favicon\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-8.58.58-AM.png\" width=\"363\" height=\"49\" \/><br \/>\n<em>Is this a trend I somehow missed?<\/em> You think to yourself, while simultaneously going through a web browsing spree.<\/p>\n<div id=\"attachment_7206\" style=\"width: 382px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-7206\" loading=\"lazy\" class=\"size-full wp-image-7206\" alt=\"Airbnb favicon\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.03.27-AM.png\" width=\"372\" height=\"47\" \/><p id=\"caption-attachment-7206\" class=\"wp-caption-text\">Airbnb<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_7209\" style=\"width: 383px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-7209\" loading=\"lazy\" class=\" wp-image-7209\" alt=\"Tech Crunch favicon\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.07.54-AM.png\" width=\"373\" height=\"49\" \/><p id=\"caption-attachment-7209\" class=\"wp-caption-text\">TechCrunch<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_7210\" style=\"width: 383px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-7210\" loading=\"lazy\" class=\" wp-image-7210\" alt=\"Dropbox favicon\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.09.11-AM.png\" width=\"373\" height=\"46\" \/><p id=\"caption-attachment-7210\" class=\"wp-caption-text\">Dropbox<\/p><\/div>\n<p>It&#8217;s official. The Internet has been taken over by mini images. You need to keep up with the times \u2013 you need a minuscule picture to keep your site&#8217;s URL company. Don&#8217;t fret, as with all <a title=\"5-minutes website fixes: Look like a big brand with a custom footer\" href=\"https:\/\/www.yola.com\/blog\/5-minutes-website-fixes-look-like-a-big-brand-with-a-custom-footer\/\" target=\"_blank\">5-minute fixes<\/a>, <em><\/em>we&#8217;ve got all of the details to show you how.<\/p>\n<p><strong>What are they?<\/strong><br \/>\nThese dainty details you&#8217;ve just now discovered are 16&#215;16 pixel images called <a title=\"Wikipedia \u2013 Favicon\" href=\"http:\/\/en.wikipedia.org\/wiki\/Favicon\" target=\"_blank\">Favicons<\/a>. Not only are they a great way to boost your business branding, but when it comes to having multiple tabs open, convenience is key.\u00a0 Take a look at this example:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7213\" alt=\"Multiple tabs open displaying favicons\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.29.34-AM.png\" width=\"541\" height=\"49\" \/><\/p>\n<p>Here we have a browser with five tabs open. Which of these tabs are you least apt to notice? The tab missing the favicon!<\/p>\n<p><strong>How do I create such a small image?<br \/>\n<\/strong>Don&#8217;t fret, with free tools such as <a title=\"Favicon Generator\" href=\"http:\/\/favicon-generator.org\/\" target=\"_blank\">Favicon Generator<\/a>, debuting your cute creation is no problem. Simply upload the image of your choice, click &#8220;Create Favicon,&#8221; and Favicon Generator will do the rest.<\/p>\n<div id=\"attachment_7219\" style=\"width: 599px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-7219\" loading=\"lazy\" class=\" wp-image-7219\" alt=\"Favicon Generator\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.40.22-AM.png\" width=\"589\" height=\"257\" \/><p id=\"caption-attachment-7219\" class=\"wp-caption-text\">Favicon Generator<\/p><\/div>\n<div id=\"attachment_7218\" style=\"width: 160px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-7218\" loading=\"lazy\" class=\"size-full wp-image-7218\" alt=\"Yola Logo vs Favicon\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-9.51.04-AM.png\" width=\"150\" height=\"97\" \/><p id=\"caption-attachment-7218\" class=\"wp-caption-text\">Yola logo turned Favicon<\/p><\/div>\n<p style=\"text-align: left;\"><strong>I have my favicon, now what?<br \/>\n<\/strong>Adding a favicon to your site on Yola is easy as pie. While in Style Designer, click the &#8220;Site&#8221; tab, and click &#8220;Favicon.&#8221;<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7220\" alt=\"Adding a Favicon in Yola Sitebuilder\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Adding-a-Favicon.png\" width=\"544\" height=\"154\" \/><\/p>\n<p style=\"text-align: left;\">Next, click &#8220;Upload a new favicon,&#8221; select your tiny new creation and hit &#8220;Save.&#8221;<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7221\" alt=\"Upload your new favicon to Yola\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-10.03.06-AM.png\" width=\"597\" height=\"432\" \/><\/p>\n<p style=\"text-align: left;\">Once done, go ahead and publish your site. Your favicon will be live to the world!<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-7222\" alt=\"Adding a favicon on Yola\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-18-at-10.08.06-AM.png\" width=\"350\" height=\"48\" \/><\/p>\n<p style=\"text-align: left;\">Have you added a favicon to your site? Share it with us!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You wake up this morning, stumble out of bed and start your morning routine. Slippers? Check. Breakfast? Check. Coffee? Check. With everything in order on this typical Friday, you login to your computer and casually browse the Internet, catching up on the hot topics you may have missed in your slumber. First stop: CNN. You&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-adding-a-favicon-to-your-site\/\" class=\"\" rel=\"bookmark\">Read More<span class=\"screen-reader-text\">5-minute website fixes: Adding a favicon to your site<\/span><\/a><\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"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":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[597,729,730,728,297],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7203"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7203"}],"version-history":[{"count":9,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7203\/revisions"}],"predecessor-version":[{"id":7227,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7203\/revisions\/7227"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}