Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within...

16
Mobile Finder By Monica Yarbrough

description

How Mobile Finder Works Use both desktop and mobile useragents Look for: Redirect Different content Different stylesheets Media queries

Transcript of Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within...

Page 1: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Mobile Finder

By Monica Yarbrough

Page 2: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Google’s Suggestions for SEOVary HTTP HeaderAnnotations within the HTML:

On desktop page: <link rel=“alternate” media=“only screen and (max-width:

640px)” href=“http://m.example.com/page-1” >On mobile page:

<link rel=“canonical” href=“http://www.example.com/page-1” >Media queries

https://developers.google.com/webmasters/smartphone-sites/

Page 3: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

How Mobile Finder WorksUse both desktop and mobile useragentsLook for:

RedirectDifferent contentDifferent stylesheetsMedia queries

Page 4: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

How Mobile Finder WorksChange the url to fit common mobile url patterns ex: www.t-mobile.com m.t-mobile.com

Page 5: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

PhantomJsHeadless WebKit (browser)Well-known and widely usedUsed to get the content of a pageTakes snapshots of the sites it visitsScriptable with coffeescript or javascript

Page 6: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Web ServiceQuery string with 2 parameters

url (required)useragent (optional)

http://cs.harding.edu/mobilefinder/service.php?url=URL&useragent=USER_AGENT

Default useragent = Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; mediaqueries/1.0; +http://cs.harding.edu)

Page 7: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Results<MobileFinder>

<url>http://www.cnn.com/</url><mobileUrl>http://www.cnn.com/</mobileUrl><reason><code>400</code><message>differing content</message></reason><useragent> Mozilla/5.0 (Android; Linux armv7l; rv:9.0) Gecko/20111216 Firefox/9.0 Fennec/9.0</useragent><timeAccessed>2013-07-20 15:23:42</timeAccessed><error/>

<MobileFinder/>

Page 8: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

LimitationsCrashingInconsistent resultsProblems executing javascript redirectionFalsely fails when it actually gets the contentFails to get url of page accessedSlow

Page 9: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

LimitationsClient-side Redirectswww.golferen.no/wip4/ (right)www.ng.kz/ (below)

Page 10: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Analysis ResultsAccuracy (of 100 random hand-checked results)

96 % accurate overall1 % inaccurately record not found when there is in fact a

mobile version3 % inaccurately say mobile found when there is not a

mobile version

Page 11: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Nytimes desktop vs mobile

Page 12: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Rakuten.co.jpdesktop vs mobile

Page 13: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Are Google’s Suggestions Used28 % found a mobile version following Google’s

suggestions85 % found as having some sort of mobile version

Page 14: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Are Google’s Suggestions Used28 % found following Google’s suggestionsOf the 82% that were found as not following the rules:

93% missing vary HTTP header89% missing alternate and canonical links

Page 15: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

Are Google’s Suggestions Used28 % found following Google’s suggestions85 % found as having some sort of mobile version

Redirect: 35%‘Significantly’ different content: 28%Stylesheets alone: 9%Stylesheets and media queries: 11%Media queries alone: 6%Differing urls (trial and error): 11%

Page 16: Mobile Finder By Monica Yarbrough. Googles Suggestions for SEO Vary HTTP Header Annotations within the HTML: On desktop page: On mobile page: Media queries.

End ResultAs a whole, mobile web pages do not adhere to Google’s

standardsThere are no truly consistent ways for finding a mobile

version of a site