{"id":42024,"date":"2014-12-14T16:33:44","date_gmt":"2014-12-14T11:03:44","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=42024"},"modified":"2020-05-24T11:05:53","modified_gmt":"2020-05-24T05:35:53","slug":"google-mobile-friendly-test","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2014\/12\/google-mobile-friendly-test\/","title":{"rendered":"Did Your Site Pass the Google Mobile-Friendly Test?"},"content":{"rendered":"<p>Have you checked your site on the official Google Mobile-Friendly Test to see how your site appears on mobile devices and meets mobile design standards. There is no doubt that your website has to be mobile friendly and Google has created this <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener noreferrer\">useful test<\/a> to validate the same.<\/p>\n<h3>Evolution of Mobile Websites<\/h3>\n<p>While earlier the trend was to create a separate mobile website for your domain using the <strong>&#8216;m&#8217; subdomain<\/strong> (m.yoursite.com), it was soon challenged by creating a new <strong>.mobi domain name<\/strong> for your website. But over the years, the best practice has now been to have a single website, and give it a responsive design.<\/p>\n<p>Using modern web standards, all websites should ideally have a <a title=\"QOT Gets Responsive Web Design\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2012\/02\/responsive-theme-design\/\">responsive design<\/a> which will works across a large variety of screen resolutions, from small mobile screens, to tablets, to laptops to giant screens. Google does agree that \u00a0a responsive website is the way to go and is essential for Mobile SEO. While many WordPress themes or other blog templates, claims to make your website mobile friendly, is it <em>actually<\/em> mobile friendly and does it give a seamless experience across different gadgets and computers.<\/p>\n<p>I have seen that while most websites are designed to work best at standard desktop sizes, webmasters fail to upgrade their site design to meet the requirement of a large majority of their users who visit via mobile devices. They then encounter minified text, horizontal scrolling, broken scripts and generally unusable and un-navigable site!<\/p>\n<h3>Mobile-Friendly QOT<\/h3>\n<p>So lets see if our site passed the mobile friendly test<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-42027\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/mobile-friendly.png\" alt=\"mobile friendly site\" width=\"391\" height=\"206\" border=\"1\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/mobile-friendly.png 391w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/mobile-friendly-150x79.png 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/mobile-friendly-300x158.png 300w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/p>\n<p>Its made possible by the power of <a title=\"Use Twitter Bootstrap for Powerful Web Design\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2013\/07\/twitter-bootstrap\/\">Bootstrap<\/a>, which allows us to create a superb responsive mobile first design and is an <a title=\"5 Essential Web Design Elements You Must Use\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2013\/09\/essential-web-design-elements\/\">essential web design<\/a>\u00a0component. Make sure your website passes the mobile friendly test &#8211; it is no longer optional for success.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you checked your site on the official Google Mobile-Friendly Test to see how your site appears on mobile devices&#8230;<\/p>\n","protected":false},"author":4,"featured_media":42027,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6,3],"tags":[],"class_list":["post-42024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","category-google"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/42024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=42024"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/42024\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/42027"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=42024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=42024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=42024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}