{"id":24488,"date":"2011-02-22T00:00:00","date_gmt":"2011-02-22T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-websites-mobile-friendly\/"},"modified":"2011-02-22T00:00:00","modified_gmt":"2011-02-22T00:00:00","slug":"making-websites-mobile-friendly","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-websites-mobile-friendly\/","title":{"rendered":"Making Websites Mobile Friendly"},"content":{"rendered":"<aside class=\"key-point\">It&#8217;s been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). Check out our<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/\">documentation about mobile friendliness<\/a>.<br \/>\n<\/aside>\n<p class=\"gargardate\">Tuesday, February 22, 2011<\/p>\n<p>\n  We&#8217;ve noticed a rise in the number of questions from webmasters about how best to structure a<br \/>\n  website for mobile phones and how websites can best interact with Googlebot-Mobile. In this post<br \/>\n  we&#8217;ll explain the current situation and give you specific recommendations you can implement now.\n<\/p>\n<h2 id=\"some-background\" tabindex=\"-1\">Some Background<\/h2>\n<p>\n  Let&#8217;s start with a simple question: what do we mean by &#8220;mobile phone&#8221; when talking about<br \/>\n  mobile-friendly websites?\n<\/p>\n<p>\n  A good way to answer this question is to think about the capabilities of the mobile phone&#8217;s web<br \/>\n  browser, especially in relation to the capabilities of modern desktop browsers. To simplify<br \/>\n  matters, we can break mobile phones into a few classifications:\n<\/p>\n<ol>\n<li>\n    Traditional mobile phones: Phones with browsers that cannot render normal desktop webpages.<br \/>\n    This includes browsers for cHTML (iMode), WML, WAP, and the like.\n  <\/li>\n<li>\n    Smartphones: Phones with browsers that render normal desktop pages, at least to some extent.<br \/>\n    This category includes a diversity of devices, such Windows Phone 7, Blackberry devices,<br \/>\n    iPhones, and Android phones, and also tablets and eBook readers.We can further break down this<br \/>\n    category by support for HTML5:\n  <\/li>\n<ul>\n<li>Devices with browsers that do not support HTML5<\/li>\n<li>Devices with browsers that support HTML5<\/li>\n<\/ul>\n<\/ol>\n<p>\n  Once upon a time, mobile phones connected to the Internet using browsers with limited rendering<br \/>\n  capabilities; but this is clearly a changing situation with the fast rise of smartphones which<br \/>\n  have browsers that rival the full desktop experience. As such, it&#8217;s important to note that the<br \/>\n  distinction we are making here is based on the current situation as we see it and might change in<br \/>\n  the future.\n<\/p>\n<h2 id=\"googlebot-and-mobile-content\" tabindex=\"-1\">Googlebot and Mobile Content<\/h2>\n<p>\n  Google has two crawlers relevant to this topic: Googlebot and Googlebot-Mobile. Googlebot crawls<br \/>\n  desktop-browser type of webpages and content embedded in them and Googlebot-Mobile crawls mobile<br \/>\n  content. The questions we&#8217;re seeing more of can be summed up as follows:<br \/>\n  Given the diversity of capabilities of mobile web browsers, what kind of content should I serve to<br \/>\n  Googlebot-Mobile?\n<\/p>\n<p>\n  The answer lies in the User-agent that Googlebot-Mobile supplies when crawling. There are several<br \/>\n  User-agent strings in use by Googlebot-Mobile, all of which use this format:\n<\/p>\n<div><\/div>\n<p>\n  To decide which content to serve, assess which content your website has that best serves the<br \/>\n  phone(s) in the User-agent string. A<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/google-crawlers\/\">full list of Googlebot-Mobile User-agents can be found here<\/a>.\n<\/p>\n<p>\n  Notice that we currently do not crawl with Googlebot-Mobile using a smartphone User-agent string.<br \/>\n  Thus at the current time, a correctly-configured content serving system will serve<br \/>\n  Googlebot-Mobile content only for the traditional phones described above, because that&#8217;s what the<br \/>\n  User-agent strings in use today dictate. This may change in the future, and if so, it may mean<br \/>\n  there would be a new Googlebot-Mobile User-agent string.\n<\/p>\n<p>\n  For now, we expect smartphones to handle desktop experience content so there is no real need for<br \/>\n  mobile-specific effort from webmasters. However, for many websites it may still make sense for the<br \/>\n  content to be formatted differently for smartphones, and the decision to do so should be based on<br \/>\n  how you can best serve your users.\n<\/p>\n<h2 id=\"url-structure-for-mobile-content\" tabindex=\"-1\">URL Structure for Mobile Content<\/h2>\n<p>\n  The next set of questions ask about the URLs mobile content should be served from. Let&#8217;s look in<br \/>\n  detail at some common use cases.\n<\/p>\n<h3 id=\"websites-with-only-desktop-experience-content\" tabindex=\"-1\">Websites with only Desktop Experience Content<\/h3>\n<p>\n  Most websites currently have only one version of their content, namely in HTML that is designed<br \/>\n  for desktop web browsers. This means all browsers access the content from the same URL.\n<\/p>\n<p>\n  These websites may not be serving traditional mobile phone users. The quality experienced by their<br \/>\n  smartphone users depends on the mobile browser they are using and it could be as good as browsing<br \/>\n  from the desktop.\n<\/p>\n<p>\n  If you serve only desktop experience content for all User Agents, you should do so for<br \/>\n  Googlebot-Mobile too; that is, treat Googlebot-Mobile as you treat all other or unknown<br \/>\n  User Agents. In these cases,<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/\">Google may modify your webpages<\/a><br \/>\n  for an improved mobile experience.\n<\/p>\n<h3 id=\"websites-with-dedicated-mobile-content\" tabindex=\"-1\">Websites with Dedicated Mobile Content<\/h3>\n<p>\n  Many websites have content specifically optimized for mobile users. The content could be simply<br \/>\n  reformatted for the typically smaller mobile displays, or it could be in a different format (for<br \/>\n  example, served using WAP, etc.).\n<\/p>\n<p>\n  A very common question we see is: Does it matter if the different types of content are served from<br \/>\n  the same URL or from different URLs? For example, some websites have www.example.com as the URL<br \/>\n  desktop browsers are meant to access and have m.example.com or wap.example.com for the different<br \/>\n  mobile devices. Other websites serve all types of content from just one URL structure like<br \/>\n  www.example.com.\n<\/p>\n<p>\n  For Googlebot and Googlebot-Mobile, it does not matter what the URL structure is as long as it<br \/>\n  returns exactly what a user sees too. For example, if you redirect mobile users from<br \/>\n  www.example.com to m.example.com, that will be recognized by Googlebot-Mobile and both websites<br \/>\n  will be crawled and added to the correct index. In this case, use a <code>301<\/code> redirect for both users<br \/>\n  and Googlebot-Mobile.\n<\/p>\n<p>\n  If you serve all types of content from www.example.com, that is, serving desktop-optimized content<br \/>\n  or mobile-optimized content from the same URL depending on the User-agent, this will also lead to<br \/>\n  correct crawling by Googlebot and Googlebot-Mobile. This is not considered cloaking by Google.\n<\/p>\n<p>\n  It is worth repeating that regardless of URL structure, you must correctly detect the User-agent<br \/>\n  as given by your users and Googlebot-Mobile, and serve both the same content. Don&#8217;t forget to keep<br \/>\n  the default content, the desktop-optimized content, for when an unknown User-agent requests it.\n<\/p>\n<h2 id=\"mobile-sitemaps-in-webmaster-tools\" tabindex=\"-1\">Mobile Sitemaps in Webmaster Tools<\/h2>\n<p>\n  Finally, we receive many questions about what URLs to put in Mobile Sitemaps. As explained in our<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/\">Mobile Sitemaps Help Center articles<\/a>,<br \/>\n  you should include only mobile content URLs in Mobile Sitemaps, even if these URLs also return<br \/>\n  non-mobile content when accessed by a non-mobile User-agent.\n<\/p>\n<h2 id=\"more-questions\" tabindex=\"-1\">More Questions?<\/h2>\n<p>\n  A good place to start is our<br \/>\n  <a href=\"https:\/\/www.google.com\/support\/webmasters\/bin\/topic.py?topic=28803\" class=\"external-link\">Mobile Sites Help Center articles<\/a><br \/>\n  and the relevant sections in our<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/seo-starter-guide\/\">Search Engine Optimization Starter Guide<\/a>.<br \/>\n  We also created a<br \/>\n  <a href=\"https:\/\/support.google.com\/webmasters\/community\/thread?tid=64f43a49a3ac2e27\" class=\"external-link\">thread in our forums<\/a><br \/>\n  for you to ask questions about this post.\n<\/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<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). Check out our documentation about mobile friendliness. Tuesday, February 22, 2011 We&#8217;ve noticed a rise in the number of questions from webmasters about how [&hellip;]<\/p>\n","protected":false},"menu_order":84973,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24488","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\/24488","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\/24488\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26848"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24488"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24488"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}