Mobile Detection for SEO web pages

----Original Message----
From: Jason Stedman
Sent: Wednesday, June 06, 2012 4:15 PM
To: Autumn Francesca; Carl A. Dunham; Jeff Theroux; Jeffrey Collemer; Sharon Burt; Patrick Wynne
Subject: RE: SMB:SaaS Mobile Detection Licensing

This link from the articles post below is probably the best approach for SaaS platform SMB:Mobile detection. It completely removes the need for AMF or any other device detection library and associated costs. This is also now Google's recommended approach to mobile SEO apparently as well.

http://www.w3.org/TR/css3-mediaqueries/

–

Jason Stedman | Software Engineer
The Search Agency, Inc.
Jason.Stedman@TheSearchAgency.com
www.thesearchagency.com

:: Named to Deloitte’s Technology Fast 500 ::

Please consider the environment before printing this e-mail.

________________________________________
From: Brandon Schakola
Sent: Wednesday, June 06, 2012 2:27 PM
To: Articles
Subject: Google Finally Takes A Clear Stance On Mobile SEO Practices

Google Finally Takes A Clear Stance On Mobile SEO Practices<http://searchengineland.com/google-finally-takes-a-clear-stance-on-mobile-seo-practices-123543>

Jun 6, 2012 at 2:06pm ET by Barry Schwartz<http://searchengineland.com/author/barry-schwartz>
•

Today at SMX Advanced<http://searchmarketingexpo.com/advanced/> during the iSEO panel<http://searchmarketingexpo.com/advanced/2012/full_agenda2#705>, Pierre Far, Google Webmaster Trends Analyst, announced clear guidelines and recommendations on mobile SEO. In short, Google recommends you go with a responsive design when possible, otherwise you can use device-specific HTML but Google asks you to take certain steps<https://developers.google.com/webmasters/smartphone-sites/> to communicate when you are using device-specific HTML.

Google has been known to offer contradictory advice on mobile<http://searchengineland.com/do-you-know-google%E2%80%99s-official-stance-on-mobile-search-seo-100350> SEO thus far and Google wanted to take a watch and listen approach to see how webmasters were implementing their mobile web sites. Now Google has come out with their official recommendations<http://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html> on how to build mobile web sites that work best for users and at the same time work well for Google.

In December 2011, Google introduced a new mobile user agent for Googlebot-Mobile Smartphones<http://searchengineland.com/googlebot-identifies-smartphone-content-with-new-user-agent-104850>, which was responsible for detecting mobile content. Now Google is offering specific recommendations on which way to build your mobile sites.

Three Methods of Smartphone Mobile Site Design:

Google says there are three basic configurations when going mobile, however they do seem to strongly recommend going with the responsive design approach.
1. Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration.
2. Sites that dynamically serve all devices on the same set of URLs, but each URL serves different HTML (and CSS) depending on whether the user agent is a desktop or a mobile device.
3. Sites that have a separate mobile and desktop sites.
Responsive Design Approach:

Google says if possible, they recommend you go with the responsive design approach. This is where you use CSS3 media queries<http://www.w3.org/TR/css3-mediaqueries/> to alter the way the page renders on mobile devices. In this case, there is one URL, one content, one HTML code but CSS media queries to specify which CSS rules apply for the browser displaying the page. Google says the advantages of this method include having one URL making it easier for your users to interact with the page and enable Google’s “algorithms to assign the indexing properties to your content.” It is also more efficient when Google is crawling your content because Google doesn’t have to crawl multiple pages.

Device-Specific HTML Approach:

If you are going with the dynamic serving configuration, which is fine, Google recommends you use the Vary HTTP header to give Google a hint that the content and CSS may change based on the useragent. The header is commonly used for caching purposes but can also be used in this situation to communicate the content has changed based on the useragent. In this case, it would be used as a indexing and crawling signal for Googlebot-Mobile.

Pierre from Google explains:
As for the separate mobile site configuration, since there are many ways to do this, our recommendation introduces annotations that communicate to our algorithms that your desktop and mobile pages are equivalent in purpose; that is, the new annotations describe the relationship between the desktop and mobile content as alternatives of each other and should be treated as a single entity with each alternative targeting a specific class of device.

These annotations will help us discover your smartphone-optimized content and help our algorithms understand the structure of your content, giving it the best chance of performing well in our search results.

Google has a developer site<https://developers.google.com/webmasters/smartphone-sites/> with more on how to implement this solution. Please note that depending on if you go with the new URL versus the same URL, the annotations Google asks you to use are different. So during your implementation, please read the developer site<https://developers.google.com/webmasters/smartphone-sites/>.

Again, when possible, go the responsive approach but when you cannot, Google can and does support the device-specific HTML approach but remember to communicate to Google that the content is changing based on the useragent.

Brandon Schakola | Account Manager SEO
The Search Agency, Inc. – Results Driven Search Marketing and Optimization
Phone: 310-873-5620 | Mobile: 619-929-4891 | Fax: 310-452-2422