Site Optimization for Mobile By Laura Scott

#SMX #13C #MobilizeYourSite @RKG_LauraScott

Laura Scott, Senior Strategy Lead, Merkle|RKG

Site Optimization for Mobile #MobilizeYourSite


My Phone + Me


My first phone <3

Back when butt dials were a thing.


I held on to the Blackberry a little too long.

#BB4L


vs.


Your mobile customers are your customers


Ooo, sorry. I can’t help

you


Your mobile customers are your customers


Choosing a Mobile Solution

Common Mobile Pitfalls

Testing and Troubleshooting

Optimizing Your Mobile Solution


Choosing a Mobile Solution #MobilizeYourSite



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

45%



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



Responsive Web Design

Dynamic Serving

Separate Mobile URLs



Mobile Solutions for Merkle|RKG Clients

Separate URLs Dynamic Serving Responsive Design


www.example.com

Choosing a Mobile Solution Separate URLs

m.example.com



Can tailor content and experience to mobile visitors

Relatively easy setup




Takes more work to maintain

More error prone Relatively easy setup


www.example.com

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





Faster

Takes more work to maintain

More error prone

More complex setup Can tailor content and experience to mobile visitors


www.example.com

Choosing a Mobile Solution Responsive



Requires less maintenance




Requires less maintenance


Large desktop pages may load slowly on mobile

Content and experience aren’t tailored for mobile users


Optimizing Your Mobile Solution #MobilizeYourSite


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



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


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

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


2. Using the Vary: User-Agent HTTP Header



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


3. Implement User Agent Redirects



Optimizing Your Mobile Solution 3. Implement User Agent Redirects


4. Annotations in HTML or the XML Sitemap



Optimizing Your Mobile Solution 4. Annotations in HTML

On Desktop Site:

On Mobile Site:


Optimizing Your Mobile Solution 4. Annotations in the XML Sitemap


Common Mobile Pitfalls #MobilizeYourSite


Mobilegeddon Common Mobile Pitfalls



you


1. Faulty Redirects



you




you

Common Mobile Pitfalls 1. Faulty Redirects

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



you

Common Mobile Pitfalls 1. Faulty Redirects

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

>>http://m.example.com


Just .5 secs, please.



Sure, give me 3.5

seconds.


2. Redirect Chains





Sure, give me 3.5

seconds.






Sure, give me 3.5

seconds.

Common Mobile Pitfalls 2. Redirect Chains

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


Loading.

4. Latency



Loading.



Loading. 4. Latency Common Mobile Pitfalls

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


5. Smartphone-Only Errors



Common Mobile Pitfalls 5. Smartphone-Only Errors

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


6. Ignoring the Competition



Common Mobile Pitfalls 6. Ignoring the Competition


Testing Mobile Friendliness #MobilizeYourSite


1. Google Webmaster Tools Mobile Usability Report

Google Webmaster Tools >> Search Traffic >> Mobile Usability

Testing Mobile Friendliness


2. Google’s Mobile-Friendly Test

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



3. See what Googlebot-Mobile Sees Testing Mobile Friendliness

Google Webmaster Tools >> Crawl >> Fetch as Google


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


4. Review Mobile Errors

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



5. Learn from Your Users

Google Analytics >> Audience >> Mobile >> Overview



6. Benchmark and Track Performance Testing Mobile Friendliness

Google Webmaster Tools >> Search Traffic >> Search Analytics


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

Site Optimization for Mobile By Laura Scott

Mobile

Transcript of Site Optimization for Mobile By Laura Scott