Thursday, March 13, 2014

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..