0
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...
Understanding Your Options
HTTP
Header
‘varies:
user-agent’’
Multiple Urls
• Redirection to ‘m.’
• Bi-Directional
Annotati...
Varies: User-Agent
• What does this do and how does it work?
• Which mobile pages/sites need this setting?
• What problems...
Top
Google
Mobile
Rankings
Mobile Ranking Signals
Google Says Explicitly
-Bi-Directional
Annotation
-Redirection to an ‘m....
What is Broken Content?
• Flash
• Popups
• Hover Effects
• Sideways Scrolling
• Tiny Font Sizes
• Tiny Buttons
• Device-Sp...
Why is Page Speed Important?
Hurts
Crawl
Efficiency
Fewer
Pages are
Indexed
Slows the
Crawler
Bad on
Mobile
WiFi
Worse on
...
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
• ...
GooglePageSpeedFireFoxPlugin–Download:
https://developers.google.com/speed/pagespeed/insights_extensions
GooglePageSpeedInsights(WebTool):
https://developers.google.com/speed/pagespeed/insights/
Google Tools Give Different
Results
UX Beta Elements May Come Into
Play in the Algorithm
• Screen-
Width/Viewport
Settings
• Font Sizes
• Tap-Target Sizes
• L...
MobiTestfromAkamai:
http://mobitest.akamai.com/m/index.cgi
Closing Strategy Notes
– Load Time is Super Important for Mobile SEO &
Usability
• All Mobile Architectures Need Good Load...
Cindy Krum
CEO & Founder,
MobileMoxie
cindy@mobilemoxie.com
720-231-7277
Twitter/Skype: Suzzicks
2 Months Free MobileMoxie...
How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie
How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie
Upcoming SlideShare
Loading in...5
×

How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

6,625

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,625
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
32
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×