Site Optimization for Mobile By Laura Scott

Post on 28-Jul-2015

2.369 views 0 download

Tags:

Transcript of Site Optimization for Mobile By Laura Scott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Laura Scott, Senior Strategy Lead, Merkle|RKG

Site Optimization for Mobile #MobilizeYourSite

#SMX #13C #MobilizeYourSite @RKG_LauraScott

My Phone + Me

#SMX #13C #MobilizeYourSite @RKG_LauraScott

My first phone <3

Back when butt dials were a thing.

#SMX #13C #MobilizeYourSite @RKG_LauraScott

I held on to the Blackberry a little too long.

#BB4L

#SMX #13C #MobilizeYourSite @RKG_LauraScott

vs.

#SMX #13C #MobilizeYourSite @RKG_LauraScott

vs.

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Your mobile customers are your customers

#SMX #13C #MobilizeYourSite @RKG_LauraScott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

#SMX #13C #MobilizeYourSite @RKG_LauraScott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Your mobile customers are your customers

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution

Common Mobile Pitfalls

Testing and Troubleshooting

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution #MobilizeYourSite

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution

http://rkg.co/dmr-q1-15

45%

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution

http://rkg.co/dmr-q1-15

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution

Responsive Web Design

Dynamic Serving

Separate Mobile URLs

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution

Mobile Solutions for Merkle|RKG Clients

Separate URLs Dynamic Serving Responsive Design

#SMX #13C #MobilizeYourSite @RKG_LauraScott

www.example.com

Choosing a Mobile Solution Separate URLs

m.example.com

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Separate URLs

Can tailor content and experience to mobile visitors

Relatively easy setup

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Separate URLs

Can tailor content and experience to mobile visitors

Takes more work to maintain

More error prone Relatively easy setup

#SMX #13C #MobilizeYourSite @RKG_LauraScott

www.example.com

Choosing a Mobile Solution Dynamic Serving

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Dynamic Serving

One URL makes it simpler for users and search engines to find and share content regardless of device

Faster

Can tailor content and experience to mobile visitors

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Dynamic Serving

One URL makes it simpler for users and search engines to find and share content regardless of device

Faster

Takes more work to maintain

More error prone

More complex setup Can tailor content and experience to mobile visitors

#SMX #13C #MobilizeYourSite @RKG_LauraScott

www.example.com

Choosing a Mobile Solution Responsive

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Responsive

Requires less maintenance

One URL makes it simpler for users and search engines to find and share content regardless of device

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Choosing a Mobile Solution Responsive

Requires less maintenance

One URL makes it simpler for users and search engines to find and share content regardless of device

Large desktop pages may load slowly on mobile

Content and experience aren’t tailored for mobile users

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution #MobilizeYourSite

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read Do not

read

Do not read Do not read Do not read

Do not read

Do not read Do not read

Do not read Do not read Do not read

Optimizing Your Mobile Solution

1. Don’t block important resources like JavaScript or CSS

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read Do not

read

Do not read Do not read Do not read

Do not read

Do not read Do not read

Do not read Do not read Do not read

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read

Do not read Do not

read

Do not read Do not read Do not read

Do not read

Do not read Do not read

Do not read Do not read Do not read

Optimizing Your Mobile Solution 1. Don’t block important resources like JavaScript or

CSS

User-agent: * Disallow: /*.css Disallow: /*.js

www.example.com/robots.txt

#SMX #13C #MobilizeYourSite @RKG_LauraScott

2. Using the Vary: User-Agent HTTP Header

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution 2. Using the Vary: User-Agent HTTP Header

#SMX #13C #MobilizeYourSite @RKG_LauraScott

3. Implement User Agent Redirects

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution 3. Implement User Agent Redirects

#SMX #13C #MobilizeYourSite @RKG_LauraScott

4. Annotations in HTML or the XML Sitemap

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution 4. Annotations in HTML

On Desktop Site:

On Mobile Site:

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Optimizing Your Mobile Solution 4. Annotations in the XML Sitemap

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Common Mobile Pitfalls #MobilizeYourSite

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Mobilegeddon Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

Common Mobile Pitfalls

1. Faulty Redirects

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

Common Mobile Pitfalls 1. Faulty Redirects

http://www.example.com/pageIwant >> http://m.example.com/pageIwant

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

Common Mobile Pitfalls 1. Faulty Redirects

http://www.example.com/pageIwant >> http://m.example.com/pageIwant

>>http://m.example.com

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Ooo, sorry. I can’t help

you

Common Mobile Pitfalls 1. Faulty Redirects

http://www.example.com/pageIwant >> http://m.example.com/pageIwant

>>http://m.example.com

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Just .5 secs, please.

Just .5 secs, please.

Just .5 secs, please.

Sure, give me 3.5

seconds.

Common Mobile Pitfalls

2. Redirect Chains

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Just .5 secs, please.

Just .5 secs, please.

Just .5 secs, please.

Sure, give me 3.5

seconds.

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Just .5 secs, please.

Just .5 secs, please.

Just .5 secs, please.

Sure, give me 3.5

seconds.

Common Mobile Pitfalls 2. Redirect Chains

165 seconds = 2 min 45 sec …of just redirects!

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Loading.

4. Latency

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Loading.

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Loading. 4. Latency Common Mobile Pitfalls

Google Pagespeed Insights >> https://developers.google.com/speed/pagespeed/insights/

#SMX #13C #MobilizeYourSite @RKG_LauraScott

5. Smartphone-Only Errors

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Common Mobile Pitfalls 5. Smartphone-Only Errors

Google Webmaster Tools >> Crawl >> Crawl Errors >> Smartphone

#SMX #13C #MobilizeYourSite @RKG_LauraScott

6. Ignoring the Competition

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Common Mobile Pitfalls

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Common Mobile Pitfalls 6. Ignoring the Competition

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Testing Mobile Friendliness #MobilizeYourSite

#SMX #13C #MobilizeYourSite @RKG_LauraScott

1. Google Webmaster Tools Mobile Usability Report

Google Webmaster Tools >> Search Traffic >> Mobile Usability

Testing Mobile Friendliness

#SMX #13C #MobilizeYourSite @RKG_LauraScott

2. Google’s Mobile-Friendly Test

https://www.google.com/webmasters/tools/mobile-friendly/

Testing Mobile Friendliness

#SMX #13C #MobilizeYourSite @RKG_LauraScott

3. See what Googlebot-Mobile Sees Testing Mobile Friendliness

Google Webmaster Tools >> Crawl >> Fetch as Google

#SMX #13C #MobilizeYourSite @RKG_LauraScott

3. See what Googlebot-Mobile Sees Testing Mobile Friendliness

http://searchenginewatch.com/sew/how-to/2404462/see-your-site-as-googlebot-mobile-does

Google Webmaster Tools >> Crawl >> Fetch as Google

#SMX #13C #MobilizeYourSite @RKG_LauraScott

4. Review Mobile Errors

Google Webmaster Tools >> Crawl >> Crawl Errors >> Smartphone

Testing Mobile Friendliness

#SMX #13C #MobilizeYourSite @RKG_LauraScott

5. Learn from Your Users

Google Analytics >> Audience >> Mobile >> Overview

Testing Mobile Friendliness

#SMX #13C #MobilizeYourSite @RKG_LauraScott

6. Benchmark and Track Performance Testing Mobile Friendliness

Google Webmaster Tools >> Search Traffic >> Search Analytics

#SMX #13C #MobilizeYourSite @RKG_LauraScott

THANK YOU!

I love to talk mobile Tweet at me: @RKG_LauraScott Join the convo: #MobilizeYourSite

Connect: https://www.linkedin.com/profile/view?id=138892393