Mobile SEO and Page Speed By Cindy Krum
-
Upload
search-marketing-expo-smx -
Category
Mobile
-
view
821 -
download
0
description
Transcript of Mobile SEO and Page Speed By Cindy Krum
Mobile SEO & Page Speed Cindy Krum, MobileMoxie
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
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
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
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’
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? 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
Google Page Speed FireFox Plugin – Dow
nload:
hAps://develop
ers.google.com
/spe
ed/pagespe
ed/in
sights_extensions
Google Page Speed Insig
hts (Web
Too
l):
hAps://develop
ers.google.com
/spe
ed/pagespe
ed/in
sights/
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 Sekngs
• Font Sizes • Tap-‐Target Sizes • Language AAributes
(Send in HTTP Header)
• Unused CSS & Efficient CSS Selectors
Fetch & Render as Google
Mob
i Test from Akamai:
hAp://mob
itest.akamai.com
/m/in
dex.cgi
Mob
ile OK from
W3C
: hA
p://validator.w3.org/mob
ile
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
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