mobile seo and page speed by cindy krum
DESCRIPTION
From the SMX East 2014 Conference in New York City, NY. SESSION: What SEOs Should Be Doing With Mobile . PRESENTATION: Mobile SEO and Page Speed - Given by Cindy Krum, @Suzzicks, CEO - Mobile Moxie. #SMX #21CTRANSCRIPT
![Page 1: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/1.jpg)
Mobile SEO & Page Speed Cindy Krum, MobileMoxie
![Page 2: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/2.jpg)
Cindy Krum CEO & Founder, MobileMoxie [email protected] 720-‐231-‐7277 TwiAer/Skype: Suzzicks 2 Months Free MobileMoxie Tools with This Promo Code:
SMXWEST2014 www.mobilemoxie.com/register
![Page 3: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/3.jpg)
Top Google Mobile Rankings
Mobile Ranking Signals
Google Says Explicitly
-‐Bi-‐DirecOonal AnnotaOon -‐RedirecOon to an ‘m.’ Subdomain -‐HTTP Header: ‘vary: user-‐agent’ -‐No Broken Content -‐Quick Page Speed
Google Indicates -‐No Side-‐to-‐Side Scrolling -‐OpOmized Above-‐the Fold Rendering -‐-‐-‐-‐Necessary JS Inline -‐-‐-‐-‐Necessary CSS Inline -‐No Flash -‐Efficient CSS Selectors -‐Deferred Loading of JS -‐Appropriate Font Size
![Page 4: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/4.jpg)
Understanding Varies: User-‐Agent
HTTP Header ‘varies:
user-‐agent’’
MulPple Urls • RedirecOon to ‘m.’ • Bi-‐DirecOonal AnnotaOon
One Url • Responsive Design • SelecOve Serving
• Impacts CDN Caching • Requires Special Set Up
![Page 5: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/5.jpg)
What is Broken Content?
• Flash • Popups • Hover Effects • Sideways Scrolling • Tiny Font Sizes • Tiny BuAons • Device-‐Specific Content
• Slow Pages
Bounce Rate – Likely ‘Mobile Bounce Rate’
![Page 6: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/6.jpg)
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
![Page 7: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/7.jpg)
Here is the Problem
![Page 8: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/8.jpg)
Responsive Design Tends to be Slow
But…. Google Prefers Responsive Design
But… Google Prefers Fast Mobile Pages
![Page 9: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/9.jpg)
So How Do You Speed Up Responsive Design? Normal Stuff Design for Mobile
First Remove Unnecessary Code Minimize File Size • Compress all JS, CSS, HTML
• Minimize all JS, CSS, HTML
• Send Sized & Compressed Images
Advanced
Stuff Consolidate DNS Requests OpOmize Load Order • Inline JS and CSS for above the fold content
• Put small images and layout elements into OpOmized CSS Sprites
• Defer or asynchronously load JS content below the fold
![Page 10: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/10.jpg)
Google Page Speed FireFox Plugin – Dow
nload:
hAps://develop
ers.google.com
/spe
ed/pagespe
ed/in
sights_extensions
![Page 11: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/11.jpg)
Google Page Speed Insig
hts (Web
Too
l):
hAps://develop
ers.google.com
/spe
ed/pagespe
ed/in
sights/
![Page 12: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/12.jpg)
Google Tools Give Different Results
FF Plugin Web Tool
![Page 13: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/13.jpg)
Google Tools Give Different Results
![Page 14: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/14.jpg)
UX Beta Elements May Come Into Play in the Algorithm
• Screen-‐Width/Viewport Sekngs
• Font Sizes • Tap-‐Target Sizes • Language AAributes
(Send in HTTP Header)
• Unused CSS & Efficient CSS Selectors
![Page 15: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/15.jpg)
Fetch & Render as Google
![Page 16: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/16.jpg)
![Page 17: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/17.jpg)
Mob
i Test from Akamai:
hAp://mob
itest.akamai.com
/m/in
dex.cgi
![Page 18: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/18.jpg)
![Page 19: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/19.jpg)
Mob
ile OK from
W3C
: hA
p://validator.w3.org/mob
ile
![Page 20: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/20.jpg)
![Page 21: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/21.jpg)
Closing Strategy Notes
– Load Time is Super Important for Mobile SEO & Usability • All Mobile Architectures Need Good Load Time • Use Tools To Find the OpportuniOes
– Considering a mixed or staged approach, depending on page content and objecOve • 'M.' product pages/PPC landing pages • Responsive blog, search & navigaOonal pages • 'Varies: user-‐agent' server sekng on everything
![Page 22: Mobile SEO and Page Speed By Cindy Krum](https://reader033.vdocuments.site/reader033/viewer/2022052410/54832e0cb4af9f6e0d8b4968/html5/thumbnails/22.jpg)
Cindy Krum CEO & Founder, MobileMoxie [email protected] 720-‐231-‐7277 TwiAer/Skype: Suzzicks 2 Months Free MobileMoxie Tools with This Promo Code:
SMX-‐E2014 www.mobilemoxie.com/register