Best Practices For Mobile SEO And Page Speed By Cindy Krum

download

of 22

  • date post

    23-Aug-2014
  • Category

    Mobile

  • view

    1.981
  • download

    0

Embed Size (px)

description

Smx Advanced 2014 Session #Smx #14C - What Advanced SEOs Should Be Doing About Mobilepresentation Best Practices For Mobile SEO And Page Speed By Cindy Krum @Suzzicks Of Mobile Moxie For SEO articles by Cindy Krum, visit http://searchengineland.com

Transcript of Best Practices For Mobile SEO And Page Speed By Cindy Krum

  • Best Practices For Mobile SEO & Page Speed Cindy Krum, MobileMoxie
  • 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
  • Top Google Mobile Rankings Mobile Ranking Signals Google Says Explicitly -Bi-Directional Annotation -Redirection to an m. Subdomain -HTTP Header: vary: user-agent -No Broken Content -Quick Page Speed Google Indicates -No Side-to-Side Scrolling -Optimized Above-the Fold Rendering ----Necessary JS Inline ----Necessary CSS Inline -No Flash -Efficient CSS Selectors -Deferred Loading of JS -Appropriate Font Size
  • Understanding Varies: User-Agent HTTP Header varies: user-agent Multiple Urls Redirection to m. Bi-Directional Annotation One Url Responsive Design Selective Serving Impacts CDN Caching Requires Special Set Up
  • 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
  • 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
  • Here is the Problem
  • Responsive Design Tends to be Slow But. Google Prefers Responsive Design But Google Prefers Fast Mobile Pages
  • 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
  • GooglePageSpeedFireFoxPluginDownload: https://developers.google.com/speed/pagespeed/insights_extensions
  • GooglePageSpeedInsights(WebTool): https://developers.google.com/speed/pagespeed/insights/
  • Google Tools Give Different Results FF Plugin Web Tool
  • Google Tools Give Different Results
  • 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
  • Fetch & Render as Google
  • MobiTestfromAkamai: http://mobitest.akamai.com/m/index.cgi
  • MobileOKfromW3C: http://validator.w3.org/mobile
  • 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
  • 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