Post on 23-Aug-2014
description
transcript
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? N
orm
al S
tuff
Design for Mobile First
Remove Unnecessary Code
Minimize File Size
• Compress all JS, CSS, HTML
• Minimize all JS, CSS, HTML
• Send Sized & Compressed Images
Ad
van
ced
Stu
ff
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
Go
ogl
e Pa
ge S
pee
d F
ireF
ox
Plu
gin
– D
ow
nlo
ad:
htt
ps:
//d
evel
op
ers.
goo
gle.
com
/sp
eed
/pag
esp
eed
/in
sigh
ts_e
xte
nsi
on
s
Go
ogl
e Pa
ge S
pee
d In
sigh
ts (
Web
To
ol)
:
htt
ps:
//d
evel
op
ers.
goo
gle.
com
/sp
eed
/pag
esp
eed
/in
sigh
ts/
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
Mo
bi T
est
fro
m A
kam
ai:
htt
p:/
/mo
bit
est.
akam
ai.c
om
/m/i
nd
ex.c
gi
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