{"id":18350,"date":"2018-04-17T10:28:20","date_gmt":"2018-04-17T07:28:20","guid":{"rendered":"https:\/\/cognitiveseo.com\/blog\/?p=18350"},"modified":"2018-08-08T09:41:26","modified_gmt":"2018-08-08T06:41:26","slug":"mobile-first-index-mobile-seo","status":"publish","type":"post","link":"https:\/\/cognitiveseo.com\/blog\/18350\/mobile-first-index-mobile-seo\/","title":{"rendered":"Mobile-First Index Rolled Out. 5 Steps to Upgrade Your Mobile SEO Efforts"},"content":{"rendered":"<p>Google started talking about the Mobile-first indexing since November 04, 2016. At that time, Google announced that they wanted to make some experiments with their algorithm so it would primarily use the mobile version to rank pages from a website, to understand the structured data and to show it accordingly in the mobile search results.<\/p>\n<p>&nbsp;<\/p>\n<p>Google\u2019s system for crawling, indexing, and ranking was using the desktop version of the website, which led to lots of issues for mobile searches because the mobile version was most of the times different than the desktop site. Basically, you could have content about dental cleaning on desktop and content about a completely different topic, such as paid loans, on mobile. \u00a0<\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-18483\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-First-Index-Impact-on-SEO-1024x512.jpg\" alt=\"Mobile-First-Index-Impact-on-SEO\" width=\"1024\" height=\"512\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-First-Index-Impact-on-SEO.jpg 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-First-Index-Impact-on-SEO-300x150.jpg 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-First-Index-Impact-on-SEO-768x384.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>To help webmasters in the process, here are five ways to make the shift to a more mobile-focused index less painful and as safe as possible.<\/p>\n<p>&nbsp;<\/p>\n<ol class=\"summaryext\">\n<li><strong><a href=\"#1\">Create Responsive Website and Dynamic Serving Website<\/a><\/strong><\/li>\n<li><strong><a href=\"#2\">Serve Structured Data for the Desktop and Mobile Version<\/a><\/strong><\/li>\n<li><strong><a href=\"#3\">Use the Robots.Txt Testing Tool to Verify the Mobile Site<\/a><\/strong><\/li>\n<li><strong><a href=\"#4\">Add Your Mobile Site in Search Console<\/a><\/strong><\/li>\n<li><strong><a href=\"#5\">Verify the Crawl Rate<\/a><\/strong><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>When the <a href=\"https:\/\/webmasters.googleblog.com\/2018\/03\/rolling-out-mobile-first-indexing.html\" target=\"_blank\" rel=\"nofollow\"><strong>official announcement<\/strong><\/a> about the mobile-first indexing launch was made on March 26, 2018, that meant Google started using the mobile version on the website for indexing and creating the baseline for how they determined rankings.<\/p>\n<table class=\"author-quotes\" width=\"100%\">\n<tbody>\n<tr class=\"author-quote-row\">\n<td class=\"author-text\" colspan=\"2\">Sites that are not in this initial wave don\u2019t need to panic. Google mobile-first indexing is about how we gather content, not about how content is ranked. Content gathered by mobile-first indexing has no ranking advantage over mobile content that\u2019s not yet gathered this way or desktop content. Moreover, if you only have desktop content, you will continue to be represented in our index.<\/td>\n<\/tr>\n<tr>\n<td class=\"author-image\" rowspan=\"2\"><img decoding=\"async\" class=\"aligncenter wp-image-16154\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2017\/10\/1000px-Google_-G-_Logo.svg_.png\" alt=\"Google logo\" width=\"46\" height=\"46\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2017\/10\/1000px-Google_-G-_Logo.svg_.png 1000w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2017\/10\/1000px-Google_-G-_Logo.svg_-150x150.png 150w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2017\/10\/1000px-Google_-G-_Logo.svg_-300x300.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2017\/10\/1000px-Google_-G-_Logo.svg_-768x768.png 768w\" sizes=\"(max-width: 46px) 100vw, 46px\" \/><\/td>\n<td class=\"author-name\">Google<\/td>\n<\/tr>\n<tr class=\"author-description-row\">\n<td>&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/developers.google.com\/search\/mobile-sites\/mobile-first-indexing\" target=\"_blank\" rel=\"nofollow\"><strong>Google\u2019s documentation<\/strong><\/a> for mobile-first index explains thoroughly how the mobile content from a site is determined. There are things that don\u2019t need to be changed and others that must be different from the desktop version. Next, we\u2019ve tackled the topic and gathered a handful of best practices.<\/p>\n<div class='cgn-shortcode-anchor' id='1' style='height:50px'>&nbsp;<\/div>\n<h2><strong>1. Create Responsive Website or Dynamic Serving Website<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>There are three ways to optimize your website for different devices. First, there is the responsive design which allows the user to access the website on the same URL serving the same HTML to all the devices and using CSS to render how content appears on each device. Google recommends using this method. Second, there is the dynamic serving website which serves the users the same URL for all devices but uses different HTML and CSS for each device. And the last one is when the website has a different URL than the mobile version (m-dot website).<\/p>\n<p>&nbsp;<\/p>\n<p>If you follow Google\u2019s recommendation, <strong>one of the first things you should do to align your website with the mobile-first index is to make it responsive<\/strong>. The interesting features of\u00a0responsive sites are the fact that they are a great fit for any device due to the sizeable adaptability and that they offer an optimized experience.<\/p>\n<div id=\"attachment_18355\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-18355\" class=\"size-full wp-image-18355\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Responsive-website.gif\" alt=\"Responsive-website\" width=\"600\" height=\"270\" \/><p id=\"caption-attachment-18355\" class=\"wp-caption-text\">Source: developers.google.com<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Screen sizes changed from the traditional ones that we know, starting with desktops or notebooks, to phones, then tablets and e-readers. A responsive website must include some of the next elements:<\/p>\n<ul>\n<li>Flexible text and images (SVGs);<\/li>\n<li>Fluid grid layout;<\/li>\n<li>Large clickable area for buttons, scalable font size and other elements to assure usability;<\/li>\n<li>CSS breakpoints.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>In order to have all these elements taken into account, you must be sure you follow the next steps:<\/p>\n<ol>\n<li>Make everything <strong>flexible<\/strong>: layouts, image sizes, text blocks.<\/li>\n<li>Use<strong> <a href=\"https:\/\/cognitiveseo.com\/blog\/18192\/image-optimization\/#8\">image vectors<\/a> <\/strong>(SVGs) for a better clarity. Unlike raster images, vectors are based on image paths, so they preserve the quality at any size.<\/li>\n<li>The <strong>picture\u00a0element<\/strong> must be used when a responsive design determines how different images appear on some types of screens.<\/li>\n<li>Make <strong>text accessible<\/strong>. Once you set up a smaller resolution, make sure the text is easy to read and there is sufficient contrast. Don\u2019t use text within graphic, because it will become unreadable in different sizes. \u00a0<\/li>\n<li>Create <strong>fluid heights and widths<\/strong>.<\/li>\n<li>Set up a <strong>meta viewport tag<\/strong> which gives directions to the browser about the website\u2019s dimension and scale.<\/li>\n<li>Use at least <strong>3 breakpoints<\/strong>, one for each device, such as mobile, tablet, and desktop. A breakpoint is the media query value that marks the transition to a new class of devices.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>To have a well designed responsive website it is best to separate the essential elements from the secondary ones. Nick Babich <a href=\"https:\/\/uxplanet.org\/responsive-design-best-practices-c6d3f5fd163b\" target=\"_blank\" rel=\"nofollow\"><strong>explains<\/strong><\/a> the idea better:<\/p>\n<table class=\"author-quotes\" width=\"100%\">\n<tbody>\n<tr class=\"author-quote-row\">\n<td class=\"author-text\" colspan=\"2\">The mobile-first approach is also a content-first approach. The heart of the site is content \u2014 that\u2019s what the users are there for.<\/td>\n<\/tr>\n<tr>\n<td class=\"author-image\" rowspan=\"2\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18357\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Nick-Babich.png\" alt=\"Nick Babich\" width=\"46\" height=\"46\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Nick-Babich.png 240w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Nick-Babich-150x150.png 150w\" sizes=\"(max-width: 46px) 100vw, 46px\" \/><\/td>\n<td class=\"author-name\">Nick Babich<\/td>\n<\/tr>\n<tr class=\"author-description-row\">\n<td>Editor-in-chief of UX Planet \/ <a href=\"https:\/\/twitter.com\/101babich\" target=\"_blank\" rel=\"nofollow\">@101babich<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>You can test how your website reacts to different screen resolutions through online tools, like the <a href=\"http:\/\/responsivedesignchecker.com\/\" target=\"_blank\" rel=\"nofollow\"><strong>Responsive design checker<\/strong><\/a> or through Chrome browse on Device Mode toolbar, which can be accessed if you click F12.<\/p>\n<p>&nbsp;<\/p>\n<p>Having a responsive website is about usability and creating a website that fulfills the needs of lots of other \u201conline consumers\u201d.<\/p>\n<p>&nbsp;<\/p>\n<p>For a dynamic serving website, there are other practices. Taking into consideration that a dynamic serving website has a setup where the server responds with different HTML (and CSS) you probably know that Google prefers the mobile-optimized for indexing mobile content. Make sure you follow the next recommendations:<\/p>\n<ul>\n<li>Have the same content on all the devices to avoid <a href=\"https:\/\/cognitiveseo.com\/blog\/15784\/seo-terms-glossary\/#C\"><strong>cloaking<\/strong><\/a>.<\/li>\n<li>Use metadata on both versions of your site.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>For separate URLs (m-dot type of site), beside the recommendations specified above, you should also follow the next ones:<\/p>\n<p>&nbsp;<\/p>\n<p><strong> Firstly<\/strong>, use Search Console to verify both versions for a better functionality and knowledge of your data.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Secondly<\/strong>, check hreflang tags to point to the right version. The mobile URL hreflang must point to the mobile version and the desktop URL hreflang should point to the desktop version.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Aleyda Solis<\/strong>, International SEO Consultant at Orainti, explained through a post on <a href=\"https:\/\/twitter.com\/aleyda\/status\/934716205360873472\" target=\"_blank\" rel=\"nofollow\"><strong>Twitter<\/strong><\/a> how the mobile first index versus desktop first index should be set up:<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-18360\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-first-index-versus-desktop-first-index-1024x715.jpg\" alt=\"Mobile first index versus desktop first index\" width=\"1024\" height=\"715\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-first-index-versus-desktop-first-index-1024x715.jpg 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-first-index-versus-desktop-first-index-300x209.jpg 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-first-index-versus-desktop-first-index-768x536.jpg 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Mobile-first-index-versus-desktop-first-index.jpg 1199w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>On the <a href=\"https:\/\/twitter.com\/JohnMu\/status\/935850193874022400\" target=\"_blank\" rel=\"nofollow\"><strong>same thread<\/strong><\/a>, John Mueller recommended the mobile URL hreflang for the mobile version and the desktop one for desktop.<\/p>\n<p>&nbsp;<\/p>\n<blockquote class=\"twitter-tweet tw-align-center\">\n<p dir=\"ltr\" lang=\"en\">Hi John! Could you please confirm this new hreflang setting for mobile first index with an independent mobile setting then? &gt; <a href=\"https:\/\/t.co\/vjuiqMYpCp\">https:\/\/t.co\/vjuiqMYpCp<\/a><\/p>\n<p>\u2014 Aleyda Solis (@aleyda) <a href=\"https:\/\/twitter.com\/aleyda\/status\/935849066176630784?ref_src=twsrc%5Etfw\">November 29, 2017<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Lastly, ensure the correct <a href=\"https:\/\/cognitiveseo.com\/blog\/19204\/canonical-urls-seo\/\"><strong>rel=canonical<\/strong><\/a> and rel=alternate link elements between your mobile and desktop versions. If you use both hreflang and canonical tags, you might send confusing signals to Google and it will end up ignoring your instructions. <\/span><\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_18433\" style=\"width: 596px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-18433\" class=\"size-full wp-image-18433\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/hreflang-canonical.jpg\" alt=\"hreflang-canonical\" width=\"586\" height=\"586\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/hreflang-canonical.jpg 586w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/hreflang-canonical-150x150.jpg 150w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/hreflang-canonical-300x300.jpg 300w\" sizes=\"(max-width: 586px) 100vw, 586px\" \/><p id=\"caption-attachment-18433\" class=\"wp-caption-text\">Source: www.rebelytics.com<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/twitter.com\/rebelytics\" target=\"_blank\" rel=\"nofollow\"><strong>Eoghan Henn<\/strong><\/a>, co-founder of searchVIU <a href=\"https:\/\/www.rebelytics.com\/hreflang-canonical\/\" target=\"_blank\" rel=\"nofollow\"><strong>explained<\/strong><\/a> that it is extremely possible to confuse Google if you didn\u2019t implement correctly the tags.<\/p>\n<p>&nbsp;<\/p>\n<table class=\"author-quotes\" width=\"100%\">\n<tbody>\n<tr class=\"author-quote-row\">\n<td class=\"author-text\" colspan=\"2\">If you already have a canonical tag solution on your website, which asks Google not to implement certain URLs, and you then add hreflang tags to all of your URLs, you will confuse Google. You will be asking Google to index and not to index certain URLs at the same time.<\/td>\n<\/tr>\n<tr>\n<td class=\"author-image\" rowspan=\"2\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18434\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Eoghan-Henn.png\" alt=\"Eoghan Henn\" width=\"46\" height=\"46\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Eoghan-Henn.png 222w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Eoghan-Henn-150x150.png 150w\" sizes=\"(max-width: 46px) 100vw, 46px\" \/><\/td>\n<td class=\"author-name\">Eoghan Henn<\/td>\n<\/tr>\n<tr class=\"author-description-row\">\n<td>co-founder of searchVIU<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>There are some other things pointed out in Google Developers documentation regarding mobile-first index you should consider:<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-18435\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Best-practices-for-mobile-first-indexing.png\" alt=\"Best practices for mobile-first indexing\" width=\"863\" height=\"648\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Best-practices-for-mobile-first-indexing.png 863w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Best-practices-for-mobile-first-indexing-300x225.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Best-practices-for-mobile-first-indexing-768x577.png 768w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/><\/p>\n<div class='cgn-shortcode-anchor' id='2' style='height:50px'>&nbsp;<\/div>\n<h2><strong>2. Serve Structured Data for the Desktop and Mobile Version<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>On top of all the suggestions and best practices mentioned above, you should consider having structured data for the mobile version of your website also. This method can be applied if you\u2019re having a different site configuration of your structured data for the mobile version, compared to the desktop one. \u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>Make sure what data need to be highlighted on mobile, don\u2019t markup data that\u2019s not relevant for mobile users and strictly focus only on the relevant and specific information of each document. Make sure you do don\u2019t overuse the method because you might put your website at penalization risk. We\u2019ve previously talked about the <a href=\"https:\/\/cognitiveseo.com\/blog\/16148\/structured-markup-penalty\/\"><strong>Structured Markup Penalty<\/strong><\/a>, which translated into a decrease in traffic because of spammy use of structured markup data.<\/p>\n<p>&nbsp;<\/p>\n<p>Use Data Highlighter to provide structured data and organize your content. Make sure you don\u2019t have any errors checking it with the <a href=\"https:\/\/search.google.com\/structured-data\/testing-tool\" target=\"_blank\" rel=\"nofollow\"><strong>Structured Data Testing Tool<\/strong><\/a>.<\/p>\n<div class='cgn-shortcode-anchor' id='3' style='height:50px'>&nbsp;<\/div>\n<h2><strong>3. Use the Robots.Txt Testing Tool to Verify the Mobile Site<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Robots.txt tells Googlebot that the mobile version is available. Also, it highlights which part of your website must be crawled. It is very important to verify that your robots.txt directives work as you intended for the mobile version of your site, as well as the desktop version.<\/p>\n<p>&nbsp;<\/p>\n<p>If you fail to use this or don\u2019t use it, you might give access to Googlebot to content that you wouldn\u2019t want to. There are lots of <a href=\"https:\/\/cognitiveseo.com\/blog\/7052\/critical-mistakes-in-your-robots-txt-will-break-your-rankings-and-you-wont-even-know-it\/\"><strong>robots.txt implementation mistakes<\/strong><\/a> that happen and could break your rankings. So in case, you have content you don\u2019t want to be indexed (for example, confidential information) you should block or manage various crawlers.<\/p>\n<p>&nbsp;<\/p>\n<p>In Search Console, there is the robots.txt Tester tool where you can write or edit robots.txt files for your site.<\/p>\n<p>&nbsp;<\/p>\n<p>The robots.txt files have a lot of advantages, such as:<\/p>\n<ul>\n<li>stop pesky crawlers from eating up all the bandwidth;<\/li>\n<li>disallow confidential information;<\/li>\n<li>hire awesome geeks that stalk for hidden messages in your robots.txt file, like the recruiting campaign TripAdvisor created<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7212\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2015\/02\/tripadvisor-robotstxt.jpg\" alt=\"tripadvisor-robotstxt\" width=\"934\" height=\"506\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2015\/02\/tripadvisor-robotstxt.jpg 934w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2015\/02\/tripadvisor-robotstxt-300x162.jpg 300w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><\/p>\n<div class='cgn-shortcode-anchor' id='4' style='height:50px'>&nbsp;<\/div>\n<h2><strong>4. Add Your Mobile Site <\/strong>in<strong> Search Console<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>For sure you authorized your website in Search Console. If you verified your site ownership for the desktop version, why wouldn\u2019t do that for the mobile version?! Miley Oye, member of Google webmaster support team, explains how to verify ownership of your site in Google Search Console:<\/p>\n<p>&nbsp;<\/p>\n<iframe class=\"lazy\" width=\"100%\" height=\"615\" data-lazy-type=\"iframe\" data-src=\"https:\/\/www.youtube.com\/embed\/wBAccFPnoeg\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\" src=\"https:\/\/www.youtube.com\/embed\/wBAccFPnoeg\"><\/iframe>\n<p>&nbsp;<\/p>\n<p>The steps to add a new property are simple: <strong>Add property \u00bb Manage property \u00a0\u00bb Verify property<\/strong>. Once you got to this point, you have to download an HTML file to upload it to your website. After that, you need to confirm and verify the website. Below you can see exactly how Google guides you through the process.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_18436\" style=\"width: 762px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-18436\" class=\"wp-image-18436 size-full\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Add-new-property-Search-Console.png\" alt=\"Add new property Search Console\" width=\"752\" height=\"588\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Add-new-property-Search-Console.png 752w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/04\/Add-new-property-Search-Console-300x235.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><p id=\"caption-attachment-18436\" class=\"wp-caption-text\">Printscreen from the verification area for the property added in Search Console<\/p><\/div>\n<div class='cgn-shortcode-anchor' id='5' style='height:50px'>&nbsp;<\/div>\n<h2><strong>5. Verify the Crawl Rate<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Another best practice recommended by Google developers is to verify the crawl rate to ensure your servers have enough capacity for the mobile version. We\u2019ve previously talked about the <a href=\"https:\/\/cognitiveseo.com\/blog\/17963\/technical-seo-checklist\/#12\"><strong>crawl budget<\/strong><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>To understand how crawl rate works, we could clarify the meaning of crawl budget, first. The crawl budget is the limit of resources allocated for crawling by a server. More precisely, the number of pages crawled by search engines in a specific period of time. The crawl rate is the number of requests per second Google makes to your site when it is crawling it.<\/p>\n<p>&nbsp;<\/p>\n<p>Google has a limit for the crawl budget and crawl rate, so you don\u2019t overwhelm your server&#8217;s bandwidth. Google has algorithms that calculate the optimal server rate by crawling as many pages a user can access at each visit. You have the option to optimize and limit the crawl rate directly from Search Console. Select your property, go to the <strong>settings icon \u2699\ufe0f \u00bb Site Settings \u00bb Crawl rate<\/strong>. If you got to this point, you need to select the second option <strong>Limit Google&#8217;s maximum crawl rate<\/strong> and not the recommended option: <strong>Let Google optimize for my site<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>We\u2019ve heard many times before that mobile-friendly sites will decide the fate of your content\u2019s site. Google\u2019s behavior is focusing on mobile, as we saw through the multiple decisions they made always trying to fulfill the user\u2019s wishes and needs. The mobile-first index tries to do that, by granting a higher value on mobile to those sites that are optimized for mobile.<\/p>\n<p>&nbsp;<\/p>\n<p>Aligning your website to Google\u2019s documentation can give you a hard time but we tried to explain in a way doesn&#8217;t make you want to blow your brain out. Since there are three ways to create a mobile website, there are different options for each: the responsive site, dynamic service site and m-dot website. If you decide to have a responsive website, which is the easiest way, you\u2019ll have to have flexible text, images (SVGs) that can be resizable without affecting the quality and preserve a natural look.<\/p>\n<p>&nbsp;<\/p>\n<p>The last two have primary content and markup that is different across mobile and desktop. For a dynamic serving website, you\u2019ll have to serve structured data and robots.txt file for the mobile version like the one for desktop. Make sure your website is added to Search console for both versions and verify the crawl rate.<\/p>\n<p>&nbsp;<\/p>\n<p>After that, you\u2019re good to go!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google started talking about the Mobile-first indexing since November 04, 2016. At that time, Google announced that they wanted to make some experiments with their algorithm so it would primarily use the mobile version to rank pages from a website, to understand the structured data and to show it accordingly in the mobile search results. [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":18483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-18350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/18350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/comments?post=18350"}],"version-history":[{"count":0,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/18350\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media\/18483"}],"wp:attachment":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media?parent=18350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/categories?post=18350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/tags?post=18350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}