mobile optimization
TRANSCRIPT
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