{"id":23831,"date":"2015-02-23T16:43:45","date_gmt":"2015-02-23T16:43:45","guid":{"rendered":"http:\/\/www.digife.it\/?p=23831"},"modified":"2015-02-23T16:43:45","modified_gmt":"2015-02-23T16:43:45","slug":"google-or-are-responsive-or-are-out","status":"publish","type":"post","link":"https:\/\/www.digife.it\/en\/google-or-are-responsive-or-are-out\/","title":{"rendered":"Google: &quot;Either you are Responsive or you are out&quot;"},"content":{"rendered":"<h3>Google has introduced Hummingbird, the new code that rewards Responsive sites at the expense of sites that have not yet been designed with these features.<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-23832\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png\" alt=\"google-hummingbird-responsive\" width=\"620\" height=\"248\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png 620w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248-300x120.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<h3>Who is Colibr\u00ec? (Hummingbird)<\/h3>\n<p>Online browsing is turning radically towards mobile devices and Google understood this immediately, which is why it introduced the new Hummingbird code, which <strong>will go to reward<\/strong> in terms of visibility all those sites that have been designed in a Responsive way. Conversely, sites not yet mobile-friendly will be penalized by finishing at the bottom of the search results.<\/p>\n<p>More and more people are searching from mobile devices such as smartphones and tablets, which is why Google has decided to <strong>reward sites<\/strong> who have decided to design the graphics in a Responsive way.<\/p>\n<p>To facilitate user navigation, the label &quot;<strong>Mobile-friendly<\/strong>\u201dWill be matched to the search results that lead to pages optimized for browsing from smartphones and tablets.<\/p>\n<p><strong>The most significant data<\/strong> it concerns the overtaking of mobile traffic over computer traffic: smartphones and tablets recorded the 52% of online traffic.<\/p>\n<h3>How to design a Responsive website?<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-23834\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png\" alt=\"google-hummingbird-responsive\" width=\"972\" height=\"621\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png 972w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe-300x192.png 300w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/a>Responsive web design, for three years now, has been the best technique for designing a website precisely because, adapting to any device (regardless of the screen resolution), it takes into account all types of users.<\/p>\n<p>First, it must fit most or all mobile devices, smartphones, tablets and desktops, both horizontally and vertically; it will be up to the web designer whether to consider any resolution or only some, depending on the activity, the target and the needs of the customer.<\/p>\n<p><strong>To design<\/strong> a Responsive site does not just mean resizing images, but designing the whole site so that users find all the information they need.<\/p>\n<p>Below others <strong>fundamental elements<\/strong>:<\/p>\n<ol>\n<li>simple, usable and ideal navigation for the type of device you are using;<\/li>\n<li>simple design;<\/li>\n<li>website loading speed.<\/li>\n<\/ol>\n<p>A responsive website that inspires is also a website that technically highlights a great combination of <strong>these three elements<\/strong>:<\/p>\n<ol>\n<li>fluid grid;<\/li>\n<li>fluid images;<\/li>\n<li>fluid text<\/li>\n<\/ol>\n<p>If these elements are developed and designed in an optimal way and the contents (images and text) are distributed in a balanced way, the responsive website will be a great example from which to draw inspiration.<\/p>\n<h3>The elements not to be forgotten<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design.jpg\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-23836\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-1024x385.jpg\" alt=\"google-hummingbird-responsive\" width=\"1024\" height=\"385\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-1024x385.jpg 1024w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-300x113.jpg 300w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>With these premises, what will have to change in the way of designing a successful website in the near future? It will certainly be essential to equip it with a responsive structure, which is suitable for viewing from mobile devices, and pages rich in text (at least 200 words) to facilitate the reading of the contents on your site.<\/p>\n<p><strong>They will not go<\/strong> however, the aspects that have always been valid have been neglected:<\/p>\n<ol>\n<li>attractive design;<\/li>\n<li>fast loading;<\/li>\n<li>intuitive navigation;<\/li>\n<li>original and quality content, reachable with no more than 3 clicks from the home page;<\/li>\n<li>frequent updates;<\/li>\n<li>a good balance between graphics, images and texts;<\/li>\n<li>tags optimized for the most important keywords;<\/li>\n<li>numerous relevant links both inbound and outbound.<\/li>\n<\/ol>\n<h3>\u00a0Check if your site is Responsive<\/h3>\n<div id=\"attachment_23839\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988.jpg\"><img decoding=\"async\" aria-describedby=\"caption-attachment-23839\" class=\"size-large wp-image-23839\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988-1024x683.jpg\" alt=\"google-hummingbird-responsive\" width=\"1024\" height=\"683\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988.jpg 1024w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988-300x200.jpg 300w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-23839\" class=\"wp-caption-text\">photo by VIKTOR HANACEK<\/p><\/div>\n<p><strong>To start<\/strong> to understand if your site is Responsive, it must meet at least these dimensions to be displayed:<\/p>\n<ol>\n<li>320px smartphone;<\/li>\n<li>768px tablet;<\/li>\n<li>Netbook 1024px;<\/li>\n<li>Desktop 1600px.<\/li>\n<\/ol>\n<p><strong>Check if your site is Responsive<\/strong>\u00a0using this simple free tool, <a href=\"http:\/\/responsivepx.com\/\" target=\"_blank\" rel=\"noopener\">responsivepx.com<\/a>, by entering the above dimensions you will understand if your site is visible on all mobile devices.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Google has introduced Hummingbird, the new code that rewards Responsive sites at the expense of sites that have not yet been designed with these features. Who is Colibr\u00ec? (Hummingbird) ...<\/p>","protected":false},"author":4,"featured_media":23755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,59],"tags":[],"class_list":["post-23831","post","type-post","status-publish","format-standard","has-post-thumbnail","category-curiosita-web","category-notizie"],"_links":{"self":[{"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/posts\/23831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/comments?post=23831"}],"version-history":[{"count":0,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/posts\/23831\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/media\/23755"}],"wp:attachment":[{"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/media?parent=23831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/categories?post=23831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digife.it\/en\/wp-json\/wp\/v2\/tags?post=23831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}