mobile optimization

Mobile Optimization

Agenda

• Overview of Mobile Optimization• Mobile Website Options• Common Mistakes• Resources

Overview

Optimizing for mobile means that you are making your site easily accessible and easy to use for mobile visitors.

Overview

Mobile Website Options

Mobile Website Options• Mobile Site

– m.example.com

• Responsive– Same as desktop version of the site (HTML is

the same), but fits to mobile devices (CSS changes).

• Adaptive (Dynamic)– Has some slight changes in styling to be more

user friendly to mobile users.

Responsive design is highly recommended by Google

Code Sample:

Dynamic

Code Sample:

Example above from the Google Developers Blog

Common Mistakes• Blocked JavaScript, CSS and image files• Unplayable content• Faulty redirects• Mobile-only 404s• App download interstitials• Irrelevant cross-links• Slow mobile pages

Source: Google Developers

Common MistakesBlocked JavaScript, CSS and image files

• Use “Fetch as Google” feature in Google Webmaster Tools to see how Googlebot sees and renders your content. It will help you identify and fix a number of indexing issues on your site.

• Check and test your robots.txt in Google Webmaster Tools.• Test your mobile pages with the Mobile-Friendly Test to see if

our systems detect your website as compatible for mobile users.

• If you use separate URLs for your mobile pages, make sure to test both the mobile and the desktop URLs, so you can confirm that the redirect is recognized and crawlable.

Common MistakesUnplayable content

• Use HTML5 standards for animations to provide a good experience.• Use video-embedding - that’s playable on all devices!• Consider having the transcript of the video available. This will make your site

accessible to people who use assistive browsing technologies or who have browsers that cannot play a proprietary video format.

Common MistakesFaulty redirects

Common MistakesFaulty redirects

• Use WMT to check faulty redirects• Set up your server so that it redirects smartphone users to the equivalent

URL on your smartphone site.• If a page on your site doesn’t have a smartphone equivalent, keep users on

the desktop page, rather than redirecting them to the smartphone site’s homepage.

Common MistakesMobile only 404s

Common MistakesApp download interstitials

Stick with option #2

Resources

RESOURCES

Helpful Websites:Google Developers – Mobile SEOhttps://developers.google.com/webmasters/mobile-sites/mobile-seo/

Google Developers – Mobile Testing Toolhttps://www.google.com/webmasters/tools/mobile-friendly/Moz http://moz.com/learn/seo/mobile-optimization