Mobile SEO and Page Speed By Cindy Krum

22
Mobile SEO & Page Speed Cindy Krum, MobileMoxie

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 #21C

Transcript of Mobile SEO and Page Speed By Cindy Krum

Page 1: Mobile SEO and Page Speed By Cindy Krum

Mobile  SEO  &  Page  Speed  Cindy  Krum,    MobileMoxie  

Page 2: Mobile SEO and Page Speed By Cindy Krum

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

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

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

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

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

Here  is  the  Problem  

Page 8: Mobile SEO and Page Speed By Cindy Krum

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

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

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

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

Google  Tools  Give  Different  Results  

FF  Plugin   Web  Tool  

Page 13: Mobile SEO and Page Speed By Cindy Krum

Google  Tools  Give  Different  Results  

Page 14: Mobile SEO and Page Speed By Cindy Krum

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

Fetch  &  Render  as  Google  

Page 16: Mobile SEO and Page Speed By Cindy Krum
Page 17: Mobile SEO and Page Speed By Cindy Krum

Mob

i  Test  from  Akamai:    

hAp://mob

itest.akamai.com

/m/in

dex.cgi    

Page 18: Mobile SEO and Page Speed By Cindy Krum
Page 19: Mobile SEO and Page Speed By Cindy Krum

Mob

ile  OK    from

 W3C

:    hA

p://validator.w3.org/mob

ile    

Page 20: Mobile SEO and Page Speed By Cindy Krum
Page 21: Mobile SEO and Page Speed By Cindy Krum

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

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