{"id":3387,"date":"2018-05-02T13:24:42","date_gmt":"2018-05-02T13:24:42","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=3387"},"modified":"2024-04-11T12:25:26","modified_gmt":"2024-04-11T10:25:26","slug":"optimize-site-googles-mobile-first","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/optimize-site-googles-mobile-first\/","title":{"rendered":"How to Optimize Your Site for Google&#8217;s Mobile-First Changes"},"content":{"rendered":"\n<p>From 2016 onwards, mobile traffic surpassed desktop traffic for the first time in internet history. And it has only continued to do so from then onwards. For this reason, Google announced its intention to implement a new mobile-first indexing process when it comes to its search results. Doing so, they stated, would make searches much more relevant for the growing majority audience of mobile users, rather than minority desktop users.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>A shocking number of sites are barely optimized for desktop, let alone mobile. Which is why, when Google\u2019s mobile index rollout hits fully, many small businesses may be surprised to find a sharp decline in traffic and SERP positioning. However, pre-emptive optimization now could prevent this from happening and may even improve your websites standing. Especially if this is a change you are making and your competitors are failing to do so, leaving you one step ahead.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2018\/05\/rawpixel-com-593597-unsplash-1.jpg\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2018\/05\/rawpixel-com-593597-unsplash-1-1024x683.jpg\" alt=\"photo of a man holding a phone\" class=\"wp-image-3390\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2018\/05\/rawpixel-com-593597-unsplash-1.jpg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2018\/05\/rawpixel-com-593597-unsplash-1-300x200.jpg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2018\/05\/rawpixel-com-593597-unsplash-1-768x512.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>With that in mind, what is mobile first exactly and why is it so important that you optimize your WordPress website to meet these changes from Google?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is Mobile First?<\/h2>\n\n\n\n<p>As of March 26, 2018, Google rolled out the first stage in its mobile-first index. This means that moving forward Google will create it\u2019s search lists &#8211; which many people and companies want to be at the top of &#8211; based on the mobile version of content. This even includes the search results for those on a desktop as well. This means that, from now on, websites will need to have a responsive mobile site with optimized content in order to rank well in SERPs.<\/p>\n\n\n\n<p>But, I hear cried from the back, what if you don\u2019t have a mobile version of your website? Well, then Google states that it will continue to rank your website based on this version of your site. However, there are those that are very concerned that not having a mobile version of a site &#8211; or a mobile responsive site &#8211; will be penalized in search results as a result.<\/p>\n\n\n\n<p>Time will tell if this is the case. However, it is clearly vital to make changes now that will positively affect your mobile site rather than do nothing and be penalized for it later.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Test Your Site<\/h2>\n\n\n\n<p>Not really sure if your site is optimized for mobile? Don\u2019t worry, there are plenty of online tools which you can use to find out whether your site is mobile optimized and even how fast it loads. Try Google\u2019s own <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> and <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener\">Pingdom<\/a> to see how fast your site runs and whether or not it is optimized for mobile.<\/p>\n\n\n\n<p>Using these tools you can measure how much work you need to do. But, also, you will be able to test after your implemented changes and see if you have had a positive effect on site speed and mobile optimization.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faster Site Speed<\/h2>\n\n\n\n<p>Site speed is one of the biggest factors when it comes to mobile optimization. Luckily, there are a number of tactics you can employ when it comes to speeding up your mobile site (many of which are simple enough that you don\u2019t need to be a web developer). Most relevant to mobile first changes include:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">AMP<\/h3>\n\n\n\n<p>The Accelerated Mobile Pages Project is an incentive which was begun with the aim of improving the overall mobile landscape. Using a pared-down HTML, AMP enables you to load web pages at a much faster pace than typical HTML. Your content is also cached in Google\u2019s own cache which speeds up load time. All of which, leads to a faster UX and improved search visibility overall.<\/p>\n\n\n\n<p>There are actually plenty of plugins that do this, it\u2019s just a case of finding one that works best for your site!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PWA<\/h3>\n\n\n\n<p>Progressive Web Apps are an alternative to AMP with a few additional perks that might appeal to your site. Including the fact that it loads instantly, responds quickly to user clicks, and engages well as an immersive user experience. More info on this can be found directly on <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\" target=\"_blank\" rel=\"noopener\">Google\u2019s developer\u2019s website<\/a>. This isn\u2019t necessarily something you can implement yourself, but if you have a developer or an interest in this then you will certainly find it useful for speeding up your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compress Images<\/h3>\n\n\n\n<p>Images are one of the biggest offenders when it comes to bringing your site speed down, which means that compressing images, in all honesty, is your easiest site speed win. Things can&#8217;t be easier to make sure every image on your WordPress site is <a href=\"https:\/\/shortpixel.com\/blog\/compress-images-without-losing-quality\/\" data-type=\"URL\" data-id=\"https:\/\/shortpixel.com\/blog\/compress-images-without-losing-quality\/\" target=\"_blank\" rel=\"noreferrer noopener\">compressed without losing quality<\/a> and not impeding your user\u2019s overall site experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Manage Content<\/h3>\n\n\n\n<p>Mobile site speed is an important aspect of being ready for Google\u2019s mobile-first index, but you should also consider some changes to your content as well. Particularly, you need to understand user behavior and preferences as well as the necessary solutions in order to improve UX when it comes to content.<\/p>\n\n\n\n<p>Hallmarks of good content optimization for mobile sites include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Flexible text and images.<\/li>\n\n\n\n<li>Design changes to ensure usability for mobile users &#8211; i.e. more white space.<\/li>\n\n\n\n<li>Create a dedicated mobile menu.<\/li>\n\n\n\n<li>Keep text in short, easy to digest paragraphs, for quick reading on mobile.<\/li>\n\n\n\n<li>Use lists and bullet points where possible &#8211; just like this!<\/li>\n<\/ul>\n\n\n\n<p>At the end of the day, you will probably be writing for mobile users already and not even realize it. If not, however, it is important to adopt these content changes now. After all, Google is now judging your first and foremost on your mobile content, so having it as optimized and user-friendly as possible is guaranteed to help your rankings!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Think Mobile-First<\/h2>\n\n\n\n<p>In order for your site to be mobile first, you need to become so in the first instance rather than simply reactive to Google\u2019s changes. Instead of making changes to suit Google, you need to implement well-optimized mobile content across your site and continually check the user experience on your mobile site. Mobile first does not only require a change to your site, but also a change in overall mindset to ensure your continued positions in SERPs.<\/p>\n\n\n\n<p>Regular tweaks to improve user experience may seem tedious and time-consuming. But, in the long run, it can do wonders for both your Google rankings and in order to keep visitors on your site for longer and even convert them more easily.<\/p>\n\n\n\n<p>One way you might choose to navigate this is through hiring an <a href=\"https:\/\/www.apadmi.com\/\" target=\"_blank\" rel=\"noopener\">app developer<\/a> to create a version of your site specifically designed for mobile users. This can mean a tailored mobile version of your site, which can be built with mobile UX in mind above all else. Of course, this also means maintaining two versions of your site &#8211; mobile and desktop &#8211; and so it depends on how much effort or time you have to invest in this. LinkedIn has a great search function that will help you find app developers that are the right fit for your project. Once you&#8217;ve found a few developers that interest you, <a href=\"https:\/\/contactout.com\/email-finder\" target=\"_blank\" rel=\"noreferrer noopener\">use an email finder tool<\/a> like <a href=\"https:\/\/chromewebstore.google.com\/detail\/email-finder-by-contactou\/jjdemeiffadmmjhkbbpglgnlgeafomjo\" data-type=\"link\" data-id=\"https:\/\/chromewebstore.google.com\/detail\/email-finder-by-contactou\/jjdemeiffadmmjhkbbpglgnlgeafomjo\" target=\"_blank\" rel=\"noopener\">ContactOut<\/a> to get their email addresses. Then, reach out to them about the opportunity to work together on your project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusions<\/h2>\n\n\n\n<p>Fast, fast, fast is the order of the day when it comes to preparing your website for Google\u2019s new mobile-first incentive. If your site loads less than instantaneously, then you will be penalized by both the user and Google as a result.<\/p>\n\n\n\n<p>It may take a little work to get to this point, but ultimately you will see the benefit when your website manages to survive Google\u2019s mobile rollout. Especially if you make these changes over your competitors, as this will certainly give you a leg up on them. Always a bonus!<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f5f5f5\"><b id=\"gmail-docs-internal-guid-4ab391f2-f6c1-ccb7-ba97-45a933e67070\">Zack Halliwell<\/b> is a writer in the business and marketing niche. When not working, he can be found on a scenic walk with his black labrador, Batman. You can connect with him on Twitter @ZackHalliwell.<\/p>\n\n\n\n<p>Photo by rawpixel via Unsplash<a href=\"https:\/\/unsplash.com\/search\/photos\/mobile-browse?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>From 2016 onwards, mobile traffic surpassed desktop traffic for the first time in internet history. And it has only continued to do so from then onwards. For this reason, Google announced its intention to implement a new mobile-first indexing process when it comes to its search results. Doing so, they stated, would make searches much [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,3],"tags":[],"class_list":["post-3387","post","type-post","status-publish","format-standard","hentry","category-image-optimization","category-performance"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/3387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=3387"}],"version-history":[{"count":13,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/3387\/revisions"}],"predecessor-version":[{"id":10597,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/3387\/revisions\/10597"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=3387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=3387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=3387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}