Mobile optimization breakdown & tips.

1. Mobile Optimization

2. Agenda
• Overview of Mobile Optimization
• Mobile Website Options
• Common Mistakes
• Resources

3. Overview

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

5. Mobile Website Options

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

7. Responsive design is highly recommended by Google

8. Code Sample:

9. Dynamic
Code Sample:
Example above from the Google Developers Blog

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

12. Common Mistakes
Blocked 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.

13. Common Mistakes
Unplayable 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.

14. Common Mistakes
Faulty redirects

15. Common Mistakes
Faulty 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.

16. Common Mistakes
Mobile only 404s

17. Common Mistakes
App download interstitials
Stick with option #2

18. Resources

19. RESOURCES
Helpful Websites:
Google Developers – Mobile SEO
https://developers.google.com/webmasters/mobile-
sites/mobile-seo/
Google Developers – Mobile Testing Tool
https://www.google.com/webmasters/tools/mobile-
friendly/
Moz
http://moz.com/learn/seo/mobile-optimization