Download - Best Practices For Mobile SEO And Page Speed By Cindy Krum

Transcript
Page 1: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Best Practices For Mobile SEO & Page Speed Cindy Krum, MobileMoxie

Page 2: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Cindy Krum CEO & Founder,

MobileMoxie

[email protected]

720-231-7277

Twitter/Skype: Suzzicks

2 Months Free MobileMoxie Tools with This Promo Code:

SMXWEST2014 www.mobilemoxie.com/register

Page 3: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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

Page 4: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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

Page 5: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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’

Page 6: Best Practices For 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: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Here is the Problem

Page 8: Best Practices For 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: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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

Page 10: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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

Page 11: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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/

Page 12: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Google Tools Give Different Results

FF Plugin Web Tool

Page 13: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Google Tools Give Different Results

Page 14: Best Practices For Mobile SEO And Page Speed By Cindy Krum

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

Page 15: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Fetch & Render as Google

Page 16: Best Practices For Mobile SEO And Page Speed By Cindy Krum
Page 17: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Mo

bi T

est

fro

m A

kam

ai:

htt

p:/

/mo

bit

est.

akam

ai.c

om

/m/i

nd

ex.c

gi

Page 18: Best Practices For Mobile SEO And Page Speed By Cindy Krum
Page 19: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Mo

bile

OK

fro

m W

3C

: h

ttp

://v

alid

ato

r.w3

.org

/mo

bile

Page 20: Best Practices For Mobile SEO And Page Speed By Cindy Krum
Page 21: Best Practices For 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 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

Page 22: Best Practices For Mobile SEO And Page Speed By Cindy Krum

Cindy Krum CEO & Founder,

MobileMoxie

[email protected]

720-231-7277

Twitter/Skype: Suzzicks

2 Months Free MobileMoxie Tools with This Promo Code:

SMXWEST2014 www.mobilemoxie.com/register