How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

6,849
-1

Published on

Smx West 2014 Session #Smx #21C - Best Practices For Mobile Seopresentation How Page Speed Affects Mobile Seo By Cindy Krum @Suzzicks Of Mobilemoxie

Published in: Marketing
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,849
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
32
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

  1. 1. Mobile SEO & Page Speed Cindy Krum, MobileMoxie
  2. 2. Cindy Krum CEO & Founder, MobileMoxie cindy@mobilemoxie.com 720-231-7277 Twitter/Skype: Suzzicks 2 Months Free MobileMoxie Tools with This Promo Code: SMXWEST2014 www.mobilemoxie.com/register
  3. 3. Understanding Your Options HTTP Header ‘varies: user-agent’’ Multiple Urls • Redirection to ‘m.’ • Bi-Directional Annotation One Url • Responsive Design • Selective Serving
  4. 4. Varies: User-Agent • What does this do and how does it work? • Which mobile pages/sites need this setting? • What problems could that cause for your CDN • How do you get around CDN concerns? • What should you do if can't set this up on your server? How will it impact SEO & mobile rankings?
  5. 5. Top Google Mobile Rankings Mobile Ranking Signals Google Says Explicitly -Bi-Directional Annotation -Redirection to an ‘m.’ Subdomain -HTTP Header: ‘vary: user-agent’ -No Side-to-Side Scrolling -No Broken Content -Quick Page Speed Google Indicates -Optimized Above-the Fold Rendering ----Necessary JS Inline ----Necessary CSS Inline -No Flash -Efficient CSS Selectors -Deferred Loading of JS -Appropriate Font Size
  6. 6. What is Broken Content? • Flash • Popups • Hover Effects • Sideways Scrolling • Tiny Font Sizes • Tiny Buttons • Device-Specific Content • Slow Pages Bounce Rate – Likely ‘Mobile Bounce Rate’
  7. 7. Why is Page Speed Important? Hurts Crawl Efficiency Fewer Pages are Indexed Slows the Crawler Bad on Mobile WiFi Worse on Mobile 3G Hurts UX
  8. 8. Here is the Problem
  9. 9. Responsive Design Tends to be Slow But…. Google Prefers Responsive Design But… Google Prefers Fast Mobile Pages
  10. 10. So How Do You Speed Up Responsive Design?NormalStuff Design for Mobile First Remove Unnecessary Code Minimize File Size • Compress all JS, CSS, HTML • Minimize all JS, CSS, HTML • Send Sized & Compressed Images AdvancedStuff Consolidate DNS Requests Optimize Load Order • Inline JS and CSS for above the fold content • Put small images and layout elements into Optimized CSS Sprites • Defer or asynchronously load JS content below the fold
  11. 11. GooglePageSpeedFireFoxPlugin–Download: https://developers.google.com/speed/pagespeed/insights_extensions
  12. 12. GooglePageSpeedInsights(WebTool): https://developers.google.com/speed/pagespeed/insights/
  13. 13. Google Tools Give Different Results
  14. 14. UX Beta Elements May Come Into Play in the Algorithm • Screen- Width/Viewport Settings • Font Sizes • Tap-Target Sizes • Language Attributes (Send in HTTP Header) • Unused CSS & Efficient CSS Selectors
  15. 15. MobiTestfromAkamai: http://mobitest.akamai.com/m/index.cgi
  16. 16. Closing Strategy Notes – Load Time is Super Important for Mobile SEO & Usability • All Mobile Architectures Need Good Load Time • Use Tools To Find the Opportunities – Considering a mixed or staged approach, depending on page content and objective • 'M.' product pages/PPC landing pages • Responsive blog, search & navigational pages • 'Varies: user-agent' server setting on everything
  17. 17. Cindy Krum CEO & Founder, MobileMoxie cindy@mobilemoxie.com 720-231-7277 Twitter/Skype: Suzzicks 2 Months Free MobileMoxie Tools with This Promo Code: SMXWEST2014 www.mobilemoxie.com/register
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×