Screen Shot 2014-03-13 at 7.32.39 PM
Matt Cutts

Matt Cutts Explains How To Let Google Know When There’s A Mobile Version Of A Page

Matt Cutts, Google’s head of search spam, answers a question about mobile sites in his latest Webmaster Help video where a user writes in to ask:

Is there a way to tell Google there is a mobile version of a page, so it can show the alternate page in mobile search results? Or similarly, that a page is responsive and the same URL works on mobile.

Matt prefaces his answer by saying when talking about mobile versions of sites he’s speaking exclusively in regards to smartphones.

As a site owner you want smartphone users to end up on the mobile version of your page, and desktop users to end up on the desktop version. There are a couple of ways to do that, as Matt goes on to explain.

The first way is to use a responsive design, which serves the same site to mobile users and desktop users. Javascript and CSS scales the site to comfortably fit the resolution of the screen it’s being viewed on. It’s important not to block Javascript and CSS, because if Google can fetch the Javascript and CSS code they are able to determine whether or not the site is responsive.

The other way to go would be to have separate versions of the site for mobile and desktop users, with each having their own URL. If you go this route you’re going to want to put a rel=”alternate” on the desktop site that points to the mobile version. This lets Google know these two versions are related to each other.

In this case you’ll also want to put a rel=”canonical” on the mobile version pointing to the desktop version. This tells Googlebot even though the mobile version is on a separate URL the content is the same, and as such it should be lumped together with the desktop version.

As long as you have these bidirectional links, Google will be able to tell the difference between the sites and return the correct version to the user.

Yet another way to go would be to redirect any smartphone agents from the desktop version of the site to the mobile version. Googlebot can read and interpret this as well, so Matt reminds us it’s important not to block Googlebot mobile just as you shouldn’t block Javascript or CSS.

Following these best practices is the best way to let Google know about mobile and desktop versions of the same page. For more information Google has put together a comprehensive resource about smartphone-optimized websites in their Google Developers section.

To hear Matt’s full answer to this question in his own words, please see the video below:

 Matt Cutts Explains How To Let Google Know When Theres A Mobile Version Of A Page

Matt Southern

Freelance Writer at MattSouthern.com
Matt Southern is the lead news writer at Search Engine Journal. His passion for helping people in all aspects of online marketing flows through in the expert articles he contributes to many well respected publications across the web. Contact him via his website if you'd like him to write for you.
 Matt Cutts Explains How To Let Google Know When Theres A Mobile Version Of A Page

You Might Also Like

Comments are closed.

9 thoughts on “Matt Cutts Explains How To Let Google Know When There’s A Mobile Version Of A Page

  1. This is Really a Great piece of information and highly informative and educative. I am looking for this type of post from few months. Its really help me design my mobile site. Thanks Matt for this wonderful article.

  2. This is really very helpful information for all. This is must to let Google know both the version of the website to avoid confusion and duplicate issue. Thanks