Mobile SEO

Nicole HessDirector of Strategy, Yogi, Adrenaline Junkie

@NicoleCherieH

2

“Mobilegeddon”“Google’s Panda algorithm impacted at its biggest point about 12% of the search queries. Penguin was closer to 4% at it’s max.”

https://www.seroundtable.com/google-mobile-algorithm-big-20010.html

3

“Mobilegeddon”

Google, May 2015 – “More Google searches take place on mobile devices than on computers in 10 countries including the US and Japan.”

Dr. Pete, June 2015 – “In the US, only 3% of Searches Return Simple List of Blue Links”

http://adwords.blogspot.com/2015/05/building-for-next-moment.html

4

“Mobilegeddon”

5

Google is Delivering the Experience + Content Tailored to Searcher Intent

WeatherMusic Info Cards (Tour Dates & Songs/Albums)Hotel Booking SearchFlight Booking SearchTV Info Cards (with Season/Episode)Song LyricsFood Nutrition InfoHealth Condition & DrugsKnowledge GraphDefinitions & ConceptsVideos – Play from SERPLocation/Business CardsRestaurants & MenusMap QueriesCar Insurance SearchHow to Boil an Egg https://www.youtube.com/watch?v=Y4NkXZh-EjA

https://youtu.be/384xrKf6s98

“Now On Tap”

6

Responsive Web Design

@nicolecherieh

7

Mobile SEO for AllBusiness Case (Why x3)

Consumer Data Website Data Search Data

Strategy (What) Mobile Site Strategies (Responsive, Adaptive and m.*) Technical Content Video Local Knowledge Graph Feature SERPs Schema Apps

Image @Student Affairs Collective

8

SEARCH BEHAVIOR DATA + CLIENT CONSUMER DATA

Mobile SEO Business Case

@nicolecherieh

9

182M People in the U.S. have a Smartphone

http://www.pewinternet.org/2015/04/01/us-smartphone-use-in-2015/

50+

30-49

18-29

80%

90%

97%

Use It Don't

Who is using Mobile Internet?

10

Search is Most Common Starting Point for Mobile Research

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

11

Do Customers Buy on Mobile?

http://www.searchenginepeople.com/blog/15071-mobile-responsive.html

12

Your Website Data

Google Analytics: Traffic by Device

Google Analytics: Review Popular Mobile Pages with High Bounce Rate

@nicolecherieh

13

Your Keyword Data

• Google WMT Search Queries

• Mobile Keyword Rankings

• Adwords

14

Even More Data… Personas

• Google Consumer Insights• Social Media Ads

Demographics• Pew Research Center• Nielson • comScore• UserTesting.com

@nicolecherieh

15

Client Signs Up for Mobile SEO and Requests:

@nicolecherieh

16

MOBILE SITE STRATEGY

Mobile SEO Strategy

Mobile Site OptionsResponsive Dedicated (m.*) Dynamic / Adaptive

URL Structure1 URL Different Desktop and

Mobile URLs1 URL

HTML and CSS

Same HTML, CSS and Content

Different HTML choice on CSS and Content

Different HTML and CSS depending on User Agent, choice on Content

How content is optimized for mobile

Device does the work

Delivered as is Server does the work

Delivery of HTML and CSS

Use CSS to render page

Mobile domain has own code

User Agent detects browser and serves appropriate HTML, CSS and Content

SEO Consideration

Requires optimization for speed and delivery

Requires technical SEO for URL structure

Requires accurate recognition of User Agents

18

Responsive Web DesignPros• Same content, same URLs, less room

for error, less code to update

Cons• Same content, probability for heavy

code, slow site

SEO Considerations• Speed

– Optimizing CSS and JavaScript– Optimizing Images

@nicolecherieh

19

Dynamic / AdaptivePros• Same content, same URLs, optimize HTML

and CSS for device

Cons• Same content, probability for heavy code,

slow site

SEO Considerations• Vary HTTP header• Detect by user-agent string• Keep redirection consistent with

rel=“alternate” tags@NicoleCherieH

20

Dedicated Site / m.*Pro’s• Mobile specific content, dedicated mobile

experience

Con’s• Different URLs require specific technical SEO,

issues can arise when URLs are shared via social media, email, etc.

SEO Considerations• Rel=alternate, Desktop• Canonical Tags, Mobile• XML Sitemap notations• Create Mobile XML Sitemap• Offer a way to desktop

@NicoleCherieH

21

Technical Mobile SEO – m.* Redirects

@NicoleCherieH

Beware Faulty Redirects Setup

Beware infinite redirect loopsi.e. Googlebot-mobile > redirect to feature phone site > redirect to smartphone site > redirect to desktop site > (start all over again)

22

Technical Mobile SEO – 404s

If a page on your site doesn’t have a smartphone equivalent, keep users on the desktop page.

@NicoleCherieH

23

TECHNICAL MOBILE SEO

Mobile SEO Strategy

24

Technical Mobile SEO

“After 1s or more, the user’s flow and engagement with the initiated task feels broken.”

https://blog.kissmetrics.com/loading-time/?wide=1

25

Technical Mobile SEO - Speed

• Server response time under 200 ms• Start render time under 3s• Minimize # of redirects• Minimize # of roundtrips to first render• No interstitials

https://www.filamentgroup.com/lab/performance-rwd.html

Aim for This

26

Mobile SEO - Tests

Google Mobile-Friendly Test

Google Page Speed Insights

27

Technical Mobile SEO - TestsGoogle Webmaster Tools WebPageTest.org (Also Google)

@NicoleCherieH

28

Technical Mobile SEO - JavaScript

SEO Check:• Do not block JavaScript in Robots.txt file• Ensure that no JavaScript blocks the rendering of ATF

content

Dev Check:• Replace JavaScript libraries with leaner JavaScript modules• Defer the loading of JavaScript until the page has started

loading• Minify JavaScript

http://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/High Performance Browser Networking

29

Technical Mobile SEO - CSS

SEO Check• Do not block CSS in Robots.txt file• Use Gzip compression

Dev Check:• Inline CSS and ATF CSS• Identify and defer non-critical CSS• Load the full CSS asynchronously, after rendering• Minify CSS

http://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/High Performance Browser Networking

30

Technical Mobile SEO - Images

• Responsive: Serves the same HiRes image scaled down in size as the device gets smaller and requesting a new image for each layout

• Adaptive: Developers have complete control over what content will be served to what device

• M.*: Developers have complete control over what content will be served for the domain

http://www.techrepublic.com/blog/web-designer/what-is-the-difference-between-responsive-vs-adaptive-web-design/

31

Technical Mobile SEO - Images

https://developers.google.com/speed/pagespeed/insights/

Option 1. Optimize in Photoshop:Make a photo 3% of its original size.“Save for Web” + reduce “Quality” to 65 and this file shrunk from 213K down to just 7.416K.

Repeat for all images on page.

Option 2. Let Google do it:

32

CONTENT, LOCAL, SCHEMA AND BEYOND

Mobile SEO Strategy

33

Mobile Content SEOGoogle’s Intent-driven SERPs

Know how your customers are going to use your content.

Late Night Delivery Photo Collage Cake Recipe Song Lyrics

http://adwords.blogspot.com/2015/05/building-for-next-moment.html

34

Mobile Content SEO

• Mobile Content Gap Analysis to define mobile search queries and content strategy– GWMT, Ranking Tools, Competitor Analysis,

Keyword Research

• Micro-moments: Snackable content geared towards intent

@NicoleCherieH

35

Mobile Content SEO

• Micro-Moment: Shopping

@NicoleCherieH

36

Mobile Content SEO

• Micro-Moment: Planning / Services

@NicoleCherieH

37

Mobile Content SEO

• Micro-Moment: Inspiration, Entertainment

@NicoleCherieH

38

Mobile Content SEO

“Content Strategy for Mobile” by Karen McGrane, A Book Apart Publishers

@NicoleCherieH

39

Mobile Content SEO

@NicoleCherieH

Ensure your desired content for page is crawlable via Emulator and Fetch as Google

40

Technical Mobile Content SEO• Select your breakpoints without hiding your content. “Don’t

simply hide content just because you can’t fit it on screen.” – Google

• Must have an OnLoad JavaScript event for Googlebot to see content; no links will be clicked to get content in single page design – Google

• Avoid sideways scrolling• Infinite scroll should break down to pagination with

Rel=“Next” Rel=“Prev”• End pagination with the last piece of content• Pagination should be included in Sitemaps

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/how-to-choose-breakpointshttps://www.seroundtable.com/google-mobile-lazy-load-content-mobile-20759.html

41

Video SEO for Mobile

• HTML5 is preferred for video players

• Google warns users of incompatible sites

• No Flash• Include transcript or text highlights

of video available on all devices

• Mobile video strategy

http://localu.org/blog/a-guide-to-google-mobile-local-pack-results/

42

Local SEO• It’s getting tougher out there –

Local Pack is now usually only 3 results

• Optimize “Google My Business” Listing

• Use Moz.com/Local (Best $84 you can spend)

• Publish Local Content

• Guide to Local SEO (Shameless plug)

http://bit.ly/nicole-local-seo-guide

43

Knowledge Graph SEO for Mobile

• http://www.greenlaneseo.com/blog/2014/02/optimize-now-entities-relationships/

• http://inbound.org/articles/view/i-became-an-entity-how-i-m-on-the-knowledge-graph

44

Schema SEO for Mobile

• Location, business info• Reviews, ratings• Event, ticketing• Products• Recipes• Articles• Person• Email schema

@NicoleCherieH

45

Schema SEO for Mobile - Email

• Roughly 50% of emails are read on mobile devices

• 54% of B2C Brands as of June 2015 do not have mobile friendly promotional emails

• Email schema for Events, Flight, Hotel, Rental Car, Restaurant

http://marketingland.com/5-levels-mobile-friendly-email-design-time-graduate-137516

46

APP SEO

Mobile SEO Strategy

47

Monthly Usage of App vs Mobile Web

http://www.nielsen.com/us/en/insights/reports/2014/an-era-of-growth-the-cross-platform-report.html

48

App SEO

http://www.slideshare.net/Suzzicks/mozcon-mobilegeddon

49

App SEO• Who? Hulu.com, Refinery29.com,

Techcrunch.com• Deep links are a positive mobile web

ranking signal• App screens to have a 1-1 content

parity with webpages• Descriptive App names help• Keywords in the App description help• OnLoad event to trigger further

crawling to get more content, Google will not click links

http://searchengineland.com/emerging-role-seo-app-discoverability-224543https://moz.com/blog/mobile-app-search

50

App SEO

Should my business develop an App?• Is it an experience that necessitates an app?

– Continuous Use: Facebook, Tinder– Place of Use: Recipes– On-the-Go Use: Car Rental Booking

• Is there an added value the App can bring?– Multistep processes: Yelp, Geico– Service: Uber, GrubHub– Engagement: Games, PicStich

• What Persona is being targeted?– Rural senior citizens– Millennial urbanites

@nicolecherieh

51

RESOURCES

Mobile SEO

52

Technical Mobile SEO – Checklist Test your site to see if Google views you as mobile friendly or not Double check your CMS specific recommendations Determine mobile site solution and specific optimizations

Rel=alternate, canonicals tags and XML Sitemap considerations for mobile site Set Meta Viewport for Responsive Vary HTTP header for Dynamic / Adaptive

Check speed and load times (aim for a Start Render time of 3s or less) Server must render the response (< 200 ms) Optimize JavaScript and CSS (fit within the first fit within the first 14 KB of data sent) Optimize images Check redirects for unavailable content on mobile Check smartphone 404s Resolve blocking of JavaScript, CSS or image files in Robots.txt No flash content for mobile Check where you are sending searches (when don’t have a mobile page, send to desktop) Ensure you have proper advertising for apps (no interstitials) Ensure size of tap targets is optimized (between 12px and 20px of space between minor touch elements

and 32px-ish of spacing between major touch elements) Schema implementation (Mobile, Email) @NicoleCherieH

53

Links from Slides• Slide 2 - https://www.seroundtable.com/google-mobile-algorithm-big-20010.html• Slide 3 - http://adwords.blogspot.com/2015/05/building-for-next-moment.html • Slide 5 - https://www.youtube.com/watch?v=Y4NkXZh-EjA • Slide 5 - https://youtu.be/384xrKf6s98 • Slide 9 - http://www.pewinternet.org/2015/04/01/us-smartphone-use-in-2015/ • Slide 10 - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf • Slide 11 - http://www.searchenginepeople.com/blog/15071-mobile-responsive.html • Slide 24 - https://blog.kissmetrics.com/loading-time/?wide=1 • Slide 25 - https://www.filamentgroup.com/lab/performance-rwd.html • Slide 26 - https://www.google.com/webmasters/tools/mobile-friendly/ • Slide 26 - https://developers.google.com/speed/pagespeed/insights/• Slide 27 - http://www.webpagetest.org/• Slide 28 & 29 -

http://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/

• Slide 30 - http://www.techrepublic.com/blog/web-designer/what-is-the-difference-between-responsive-vs-adaptive-web-design/

• Slide 31 - https://developers.google.com/speed/pagespeed/insights/

54

Links from Slides• Slide 33 - http://adwords.blogspot.com/2015/05/building-for-next-moment.html • Slide 40 -

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/how-to-choose-breakpoints

https://www.seroundtable.com/google-mobile-lazy-load-content-mobile-20759.html • Slide 41 - http://localu.org/blog/a-guide-to-google-mobile-local-pack-results/• Slide 42 - http://bit.ly/nicole-local-seo-guide • Slide 43 - http://www.greenlaneseo.com/blog/2014/02/optimize-now-entities-relationships/ http://inbound.org/articles/view/i-became-an-entity-how-i-m-on-the-knowledge-graph• Slide 45 -

http://marketingland.com/5-levels-mobile-friendly-email-design-time-graduate-137516 • Slide 47 - http://

www.nielsen.com/us/en/insights/reports/2014/an-era-of-growth-the-cross-platform-report.html

• Slide 48 - http://www.slideshare.net/Suzzicks/mozcon-mobilegeddon • Slide 49 - http://searchengineland.com/emerging-role-seo-app-discoverability-224543

https://moz.com/blog/mobile-app-search

55

More ResourcesLearning• http://www.pewinternet.org/2012/11/30/the-best-and-worst-of-mobile-connectivity/ • http://www.slideshare.net/Suzzicks/the-future-of-mobile-seo-smx-munich-2015• http://www.slideshare.net/SearchMarketingExpo/dr-petes-guide-to-the-changing-google-serps• http://www.slideshare.net/johnshehata/advanced-mobile-seo-john-shehata-c3-2014 • https://developers.google.com/web/fundamentals/layouts/ • https://www.google.com/think/multiscreen/whitepaper-sitedesign.html • https://developers.google.com/web/fundamentals/input/form/• http://www.pewinternet.org/2012/11/30/the-best-and-worst-of-mobile-connectivity/• http://www.slideshare.net/SearchMarketingExpo/dr-petes-guide-to-the-changing-google-serps• https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/how-to-choose-breakpoi

nts• https://www.seroundtable.com/google-mobile-lazy-load-content-mobile-20759.html Tools• https://developers.google.com/speed/pagespeed/insights_extensions?hl=en • http://mobitest.akamai.com/m/index.cgi • https://validator.w3.org/mobile/ • http://readwrite.com/2015/08/13/deep-link-tutorial-uninstalled-apps

@NicoleCherieH