How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

download How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

of 19

  • date post

    28-Jan-2015
  • Category

    Marketing

  • view

    104
  • download

    2

Embed Size (px)

description

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

Transcript of How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

  • 1. Mobile SEO & Page Speed Cindy Krum, MobileMoxie

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. Understanding Your Options HTTP Header varies: user-agent Multiple Urls Redirection to m. Bi-Directional Annotation One Url Responsive Design Selective Serving 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. 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. 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. 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. Here is the Problem 9. Responsive Design Tends to be Slow But. Google Prefers Responsive Design But Google Prefers Fast Mobile Pages 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. GooglePageSpeedFireFoxPluginDownload: https://developers.google.com/speed/pagespeed/insights_extensions 12. GooglePageSpeedInsights(WebTool): https://developers.google.com/speed/pagespeed/insights/ 13. Google Tools Give Different Results 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. MobiTestfromAkamai: http://mobitest.akamai.com/m/index.cgi 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. 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