Category : Google | 1161 views
Webmaster Level: Intermediate to Advanced
Unsure where to begin improving your smartphone website? Wondering how to prioritize all the advice? We just published a checklist to help provide an efficient approach to mobile website improvement. Several topics in the checklist link to a relevant business case or study, other topics include a video explaining how to make data from Google Analytics and Webmaster Tools actionable during the improvement process. Copied below are shortened sections of the full checklist
. Please let us know if there’s more you’d like to see, or if you have additional topics for us to include.
Step 1: Stop frustrating your customers
Remove cumbersome extra windows from all mobile user-agents | Google recommendation
or equivalent, side navigation, email marketing, etc.).Survey requests prior to task completion.
Provide device-appropriate functionality Remove features that require plugins or videos not available on a user's device (e.g., Adobe Flash isn't playable on an iPhone or on Android versions 4.1 and higher). | Business case
Serve tablet users the desktop version (or if available, the tablet version). | Study
Check that full desktop experience is accessible on mobile phones, and if selected, remains in full desktop version for duration of the session (i.e., user isn't required to select "desktop version" after every page load). | Study
Correct high traffic, poor user-experience mobile pages
How to correct high-traffic, poor user-experience mobile pages with data from Google Analytics bounce rate and events (slides
Make quick fixes in performance (and continue if behind competition) | Business case
How to make quick fixes in mobile site performance and compare your site to the competition (slides
To see all topics in “Stop frustrating your customers,” please see the full Checklist for mobile website improvement
Step 2: Facilitate task completion
Optimize crawling, indexing, and the searcher experience | Business case
: Be sure to include CSS @media query.Separate mobile site
: Add rel=alternate media and rel=canonical, as well as Vary: User-Agent HTTP Header which helps Google implement Skip Redirect
: Include Vary: User-Agent HTTP header.
Optimize popular mobile persona workflows for your site
How to optimize popular mobile workflows using Google Webmaster Tools and Google Analytics (slides
)Step Three: Convert customers into fans!Consider search integration points with mobile apps | Announcement
Brainstorm new ways to provide valueBuild for mobile behavior, such as the in-store shopper. | Business case
Leverage smartphone GPS, camera, accelerometer.Increase sharing or social behavior. | Business case
Consider intuitive/fun tactile functionality with swiping, shaking, tapping.
Written by Maile Ohye
, Developer Programs Tech Lead