April 2015 Google Mobile Friendly Webinar
-
Upload
sharon-manderson -
Category
Internet
-
view
65 -
download
0
Transcript of April 2015 Google Mobile Friendly 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.
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”
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.
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
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]