Embed Size (px)
Citation preview
Google Mobile Friendly UpdateApril 2015 Webinar
Google AnnouncementFebruary 2015“As more people use mobile devices to access theinternet, our algorithms have to adapt to these
usage patterns.”
If a site is not mobile friendly, itwill be demoted in mobile searchengine rankings.
US Search Market Share 2015
Mobile Search
McommerceAlways on Commerce
Source: eMarketer, September 2013
Your Site Must Be Mobile FriendlyWhen someone views a website on a smartphone that is not mobilefriendly, they see a tiny scaled down version of the site. They mustpinch, zoom and scroll horizontally in order to read the content andnavigate. Users find this frustrating and are likely to abandon thesite.
Google’s Mobile Friendly Definition• No Flash• Content adjusts to viewport size – responsivedesign• Fonts that scale for easier reading• Easy to touch, well spaced elements• CSS and JavaScript visible to Google crawlers
How Do You Know If YourWebsite is Mobile Friendly?The fastest way to see ifyour web pages are mobilefriendly is to see if you havethe mobile friendly label inthe live mobile searchresults.
Google’s Online TestMobile Friendly Testhttps://www.google.com/webmasters/tools/mobile-friendly/
“There are no degrees of mobile friendliness. It is Yes or it is No”
Google Webmaster ToolsMobile Usability Report
Google’sWarning toWebmasters
Mobile vs. Responsive WebsitesResponsive Website Mobile WebsiteWhat is it?• Same HTML• Same content• CSS media queries• Same URL
What is it?• Different HTML• Different content• Device detection• URL same or different
Responsive is Google’s recommended configuration. Akey benefit of responsive is not having to maintain two
different sets of code and content.
Responsive Website Example
General Mobile Friendly Design GuidelinesAvoid pinchingNo left/right scrollingTappable phone numbersLarger fonts and non stylizedLots of white spaceMinimize long fillable formsNo popupsNo FlashImprove slow loading pages
Website Performance and SpeedOur tolerance for slow sites is lessening.
• Make sure you don’t use too many images in sliders• Make sure images are pre-sized and compressed beforeuploading them to website• Reconsider special effects and excess animation• As a general use, don’t auto play videos• Go with a reputable web host with a fast server• Make sure you have a knowledgeable web developer
Get Mobile Friendly
Some Other Googles GuidelinesMobile Friendly Websiteshttps://developers.google.com/webmasters/mobile-sitesWeb Fundamentalshttps://developers.google.com/web/fundamentalsGoogle Page Speed Testhttps://developers.google.com/speed/pagespeed/insights
Thanks for Joining Us!Sharon [email protected]
