{"id":24723,"date":"2012-11-12T00:00:00","date_gmt":"2012-11-12T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/giving-tablet-users-the-full-sized-web\/"},"modified":"2012-11-12T00:00:00","modified_gmt":"2012-11-12T00:00:00","slug":"giving-tablet-users-the-full-sized-web","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/giving-tablet-users-the-full-sized-web\/","title":{"rendered":"Giving Tablet Users the Full-Sized Web"},"content":{"rendered":"<p class=\"gargardate\">Monday, November 12, 2012<\/p>\n<p>\n  Since we announced Google&#8217;s recommendations for building smartphone-optimized websites, a common<br \/>\n  question we&#8217;ve heard from webmasters is how to best treat tablet devices. This is a similar<br \/>\n  question Android app developers face, and for that the<br \/>\n  <a href=\"https:\/\/android-developers.blogspot.com\/2012\/10\/building-quality-tablet-apps.html\" class=\"external-link\">Building Quality Tablet Apps<\/a><br \/>\n  guide is a great starting point.\n<\/p>\n<p>\n  Although we do not have specific recommendations for building search engine friendly<br \/>\n  tablet-optimized websites, there are some tips for building websites that serve smartphone and<br \/>\n  tablet users well.\n<\/p>\n<p>\n  When considering your site&#8217;s visitors using tablets, it&#8217;s important to think about both the<br \/>\n  devices and what users expect. Compared to smartphones, tablets have larger touch screens and are<br \/>\n  typically used on Wi-Fi connections. Tablets offer a browsing experience that can be as rich as<br \/>\n  any desktop or laptop machine, in a more mobile, lightweight, and generally more convenient<br \/>\n  package. <strong>This means that, unless you offer tablet-optimized content, users expect to see<br \/>\n  your desktop site rather than your site&#8217;s smartphone site.<\/strong>\n<\/p>\n<p><img decoding=\"async\" alt=\"The NY Times mobile and tablet experience\" height=\"186\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-e9cb7d49292b.png\" loading=\"lazy\" width=\"320\"><\/p>\n<p>\n  Our recommendation for smartphone-optimized sites is to<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/\">use responsive web design<\/a>, which means you have one<br \/>\n  site to serve all devices. If your website uses responsive web design as recommended, be sure to<br \/>\n  test your website on a variety of tablets to make sure it serves them well too. Remember, just<br \/>\n  like for smartphones, there are a variety of device sizes and screen resolutions to test.\n<\/p>\n<p>\n  Another common configuration is to have separate sites for desktops and smartphones, and to<br \/>\n  redirect users to the relevant version. If you use this configuration, be careful not to<br \/>\n  inadvertently redirect tablet users to the smartphone-optimized site too.\n<\/p>\n<h3 id=\"telling-android-smartphones-and-tablets-apart\" tabindex=\"-1\">Telling Android smartphones and tablets apart<\/h3>\n<p>\n  For Android-based devices, it&#8217;s easy to distinguish between smartphones and tablets using the<br \/>\n  user-agent string supplied by browsers: Although both Android smartphones and tablets will include<br \/>\n  the word &#8220;Android&#8221; in the user-agent string, only the user-agent of smartphones will include the<br \/>\n  word &#8220;Mobile&#8221;.\n<\/p>\n<p>\n  In summary, any Android device that does not have the word &#8220;Mobile&#8221; in the user-agent is a tablet<br \/>\n  (or other large screen) device that is best served the desktop site.\n<\/p>\n<p>\n  For example, here&#8217;s the user-agent from Chrome on a Galaxy Nexus smartphone:\n<\/p>\n<div><\/div>\n<p>Or from Firefox on the Galaxy Nexus:<\/p>\n<div><\/div>\n<p>Compare those to the user-agent from Chrome on Nexus 7:<\/p>\n<div><\/div>\n<p>Or from Firefox on Nexus 7:<\/p>\n<div><\/div>\n<p>\n  Because the Galaxy Nexus&#8217;s user agent includes &#8220;Mobile&#8221; it should be served your<br \/>\n  smartphone-optimized website, while the Nexus 7 should receive the full site.\n<\/p>\n<p>\n  We hope this helps you build better tablet-optimized websites. As always, please ask on our<br \/>\n  <a href=\"https:\/\/support.google.com\/webmasters\/community\" class=\"external-link\">Webmaster Help forums<\/a><br \/>\n  if you have more questions.<\/p>\n<p class=\"byline-author\">\n  Posted by<br \/>\n  <a href=\"https:\/\/developers.google.com\/search\/blog\/authors\/pierre-far\" rel=\"author\" class=\"external-link\">Pierre Far<\/a>,<br \/>\n  Webmaster Trends Analyst, and<br \/>\n  <a href=\"https:\/\/plus.google.com\/105219377034317448032\/posts\" class=\"external-link\">Scott Main<\/a>,<br \/>\n  lead tech writer for developer.android.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday, November 12, 2012 Since we announced Google&#8217;s recommendations for building smartphone-optimized websites, a common question we&#8217;ve heard from webmasters is how to best treat tablet devices. This is a similar question Android app developers face, and for that the Building Quality Tablet Apps guide is a great starting point. Although we do not have [&hellip;]<\/p>\n","protected":false},"menu_order":84344,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24723","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26967"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24723"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24723"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}