How Page Speed Affects Mobile SEO by Cindy Krum of MobileMoxie

Mobile SEO& Page SpeedCindy Krum, MobileMoxie

Cindy KrumCEO & Founder,

MobileMoxie

cindy@mobilemoxie.com

720-231-7277

Twitter/Skype: Suzzicks

2 Months Free MobileMoxie Tools with This Promo Code:

SMXWEST2014www.mobilemoxie.com/register

Understanding Your Options

HTTP Header ‘varies:

user-agent’’

Multiple Urls

• Redirection to ‘m.’

• Bi-Directional Annotation

One Url

• Responsive Design

• Selective Serving

Varies: User-Agent

• What does this do and how does it work?

• Which mobile pages/sites need this setting?

• What problems could that cause for your CDN

• How do you get around CDN concerns?

• What should you do if can't set this up on your server? How will it impact SEO & mobile rankings?

Top Google Mobile

Rankings

Mobile Ranking Signals

Google Says Explicitly

-Bi-Directional Annotation

-Redirection to an ‘m.’ Subdomain

-HTTP Header: ‘vary: user-agent’

-No Side-to-SideScrolling

-No Broken Content

-Quick Page Speed

Google Indicates

-Optimized Above-the Fold Rendering

----Necessary JS Inline

----Necessary CSS Inline

-No Flash

-Efficient CSS Selectors

-Deferred Loading of JS

-Appropriate Font Size

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 DesignTends 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)

: h

ttp

s://

dev

elo

per

s.go

ogl

e.co

m/s

pee

d/p

ages

pee

d/i

nsi

ghts

/

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

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 KrumCEO & Founder,

MobileMoxie

cindy@mobilemoxie.com

720-231-7277

Twitter/Skype: Suzzicks

2 Months Free MobileMoxie Tools with This Promo Code:

SMXWEST2014www.mobilemoxie.com/register