Google has announced that mobile-friendliness will become an important ranking factor in mobile search results starting April 21, 2015. This webinar presentation explains the algorithm and how to find out if you are mobile friendly.

1. Google Mobile Friendly Update
April 2015 Webinar

2. Google Announcement
February 2015
“As more people use mobile devices to access the
internet, our algorithms have to adapt to these
usage patterns.”
If a site is not mobile friendly, it
will be demoted in mobile search
engine rankings.

3. US Search Market Share 2015

4. Mobile Search

5. Mcommerce
Always on Commerce
Source: eMarketer, September 2013

6. Your Site Must Be Mobile Friendly
When someone views a website on a smartphone that is not mobile
friendly, they see a tiny scaled down version of the site. They must
pinch, zoom and scroll horizontally in order to read the content and
navigate. Users find this frustrating and are likely to abandon the
site.

7. Google’s Mobile Friendly Definition
• No Flash
• Content adjusts to viewport size – responsive
design
• Fonts that scale for easier reading
• Easy to touch, well spaced elements
• CSS and JavaScript visible to Google crawlers

8. How Do You Know If Your
Website is Mobile Friendly?
The fastest way to see if
your web pages are mobile
friendly is to see if you have
the mobile friendly label in
the live mobile search
results.

9. Google’s Online Test
Mobile Friendly Test
https://www.google.com/webmasters/tools/mobile-friendly/
“There are no degrees of mobile friendliness. It is Yes or it is No”

10. Google Webmaster Tools
Mobile Usability Report

11. Google’s
Warning to
Webmasters

12. Mobile vs. Responsive Websites
Responsive Website Mobile Website
What 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. A
key benefit of responsive is not having to maintain two
different sets of code and content.

13. Responsive Website Example

14. General Mobile Friendly Design Guidelines
Avoid pinching
No left/right scrolling
Tappable phone numbers
Larger fonts and non stylized
Lots of white space
Minimize long fillable forms
No popups
No Flash
Improve slow loading pages

15. Website Performance and Speed
Our 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 before
uploading 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

16. Get Mobile Friendly

17. Some Other Googles Guidelines
Mobile Friendly Websites
https://developers.google.com/webmasters/mobile-sites
Web Fundamentals
https://developers.google.com/web/fundamentals
Google Page Speed Test
https://developers.google.com/speed/pagespeed/insights

18. Thanks for Joining Us!
Sharon Manderson
sharon@smartwebdev.com
443-949-0069