Prepare Landing Pages for Google’s “Mobile Friendly” Algorithm, Beginning April 21


Google’s mobile ranking algorithm will be released at April 21 and is going to include mobile-friendly usability factors. It’s a change in the search and mobile search era because the impact of this algorithm will be higher than Google Panda, Google Penguin and Google Hummingbird.

Be sure your website is mobile-friendly; it is now more important than ever.

Why go “Mobile Friendly?”

  1. 60% of all traffic for Google is mobile. If you don’t have mobile friendly website, you risk falling in Google rankings.
  2. 50% of people use their smartphones and tablets to choose what to buy and where to buy products and services.
  3. 78% of consumers who search for a local business on their smartphone end up making a purchase.

Not enough? Think about the advertising revenue generated by mobile devices for your business.

Prepare Your Website for the “Mobile Friendly” Algorithm

  1. Google officially recommends responsive design for your website, more information is here. Be sure that your pages are available from the same URL to all devices.
  2. Test your website for mobile-friendliness using Google’s free tool. You want the green with “Awesome! This page is mobile-friendly” message.
  3. If you don’t have the green bar from Google, you have to change your website soon. If you have a landing page, we recommend you to use the WordPress plugin called Qards, this page builder is perfect for mobile-friendly pages.
  4. Track positions for mobile rankings. Now you can choose from multiple tools that you can use and track your positions and competitors mobile rankings.
Mobile Website

Avoid “Mobile Friendly” Mistakes

  1. Don’t block JavaScript, CSS and image files: the Googlebot needs easy access to your website files.
  2. 404 Mobile Error: Don’t redirect the desktop version of the page to 404 error if it not available for mobile.
  3. Media content: Keep media to be played on every device, which includes video and audio files that are not unplayable on smartphones, for example if they require Flash.
  4. Mobile page speed: Page load is an important user experience factor and you have to optimize the loading process. You can use the Google’s Page Speed test tool.
  5. Avoid duplicate content: Don’t duplicate content on desktop and mobile versions. (That’s why Google recommends a responsive design solution.) Don’t use different URLs and redirects between the desktop and mobile versions.
  6. Don’t implement the mobile site on a different domain, subdomain, or subdirectory from the desktop site.
Google Mobile Friendly Algorithm

Responsive Design Solution for your Landing Page

You can build a responsive website using WordPress and Qards. WordPress is the ideal backend CMS and Qards is the perfect tool for a responsive website.

You can test pages built on Qards directly on the Google Mobile-Friendly Test Tool here:


Pablo Mobile


Marco Mobile

Oatmeal Cookies

Oatmeal Cookies

Responsive Design Inspiration

If you are looking for responsive design inspiration you can take a look at some of our previous articles that showcase absolutely brilliant website that use responsive designs:


This is the first time than Google announced an algorithm update in advance, so you have time to change your website and test it to be mobile-friendly. Remember, April 21 is the day Google will start to rolling out the update. Keep your eyes on yours and concurrent ranking positions.


  1. Mubashar Apr 7, 10:31 am

    Experts are saying that this impact will going to be huge because Google is working very hard to provide a better mobile experience for users in the search results.

  2. Yaro Apr 14, 2:36 am

    This will impact mostly local businesses really hard. Because it will affect only mobile ranking and it won’t affect desktop ranking. And there will be definitely winners and losers.


  3. Praise Apr 14, 4:19 pm

    I think it a good thing that Google is taking mobile adaption of websites as high priority. Companies will have to invest in building good website that makes it easy for users to access websites without any difficulties. It about time web designers take mobile friendliness as serious business

  4. Brian Apr 14, 6:06 pm

    What tools can be used to compare and contrast desktop and mobile rankings over time?

  5. Micah Apr 14, 6:39 pm

    I’ve actually been debating doing a fully responsive site versus desktop/tablet and separate mobile site. After weighing the pros and cons I was convinced a separate mobile site was the way to go. It makes a lot of sense in terms of performance (less html content over cell networks) and complex sites become a mess to upkeep. A lot of big sites ( do this, and I dont think they made that decision lightly. I only hope this doesn’t pigeon-hole us into one path.

  6. Steve Hopper Apr 14, 11:31 pm

    I think it’s a good move by Google but I also agree with Micah.
    We use separate/stripped down mobile sites for a few of our clients purely for performance. Here in New Zealand, our mobile networks (3G/4G) are not that great compared to other countries around the world, so a large fully responsive site would NOT be mobile friendly.
    In this case we choose to strip out certain content to make the experience better for the user and to increase performance.
    I hope Google can recognise this as a legitimate move to reach the same goal.


Leave a Reply

* Minimum length: 20 characters

Download Web Design Freebies & Resources


Please Confirm Your Email!