10. Responsive Design
Why?
• Easier To Interact: Share, Link & Helps
Google's Algorithms
• No Redirection Needed
• Saves Server & GoogleBot Resources
11. Responsive Design
How?
• CSS Alters Page
• Uses Media Queries
• @media only screen and (max-width: 640px) {...}
• Google Detects & Indexes Correctly
• More On How @ http://goo.gl/NnvTZ
18. One URL & Many HTML
• Same URL
• Same Content
• Different HTML
• Different Design
19. One URL & Many HTML
Why?
• Conversions May Be Better
• Legacy Designs Hard To Go Responsive
• Special Landing Pages
• Keep Link Equity (i.e. Same URLs/Content)
20. One URL & Many HTML
How?
• User Agent Detection
• Serve Different HTML/CSS
• Vary HTTP Header (Hint To GoogleBot)
21. One URL & Many HTML
How?
GET /page-1 HTTP/1.1
Host: www.example.com
(...rest of HTTP request headers...)
HTTP/1.1 200 OK
Content-Type: text/html
Vary: User-Agent
Content-Length: 5710
(... rest of HTTP response headers...)
24. Separate URLs/Domains
Why?
• Conversions May Be Better
• Legacy Designs Hard To Go Responsive
• CMS Complications
• Special Landing Pages
• Easy To Test Campaigns
25. Separate URLs/Domains
How?
• m.domain.com or domain.mobi
• GoogleBot & GoogleBot-Mobile Accessible
• On Desktop Use link rel="alternate" tag
• On Mobile Use link rel="canonical" tag
26. Separate URLs/Domains
How? HTML Annotation
• On Desktop Page:
• <link rel="alternate" media="only screen and (max-
width: 640px)" href="mobileurl" >
• On Mobile Page:
• <link rel="canonical" href="desktopurl" >
44. Slightly Fewer Mobile URLs and Responsive Sites
# Of Dynamic Serving & Responsive Sites Up
45. Cindy Krum
“ In 2012 Google appeared to be experimenting with their
new mobile SEO Best Practices which were announced at
SMX Advanced. Google said that following the mobile Best
Practices would allow mobile content to take on the
rankings of corresponding desktop content in a mobile
search. Following the Best Practices did seem to work in the
way that Google suggested they would at least for sites with
separate mobile pages that were correctly linked up to
”
desktop pages, but there did not appear to be a significant
boost, above and beyond the previous desktop page rankings.
46. Cindy Krum
“ In 2013 I think we can expect Google to continue
experimenting with the mobile algorithms in terms of
rankings and triggers for a Universal result. We can also
expect them to continue tinkering with the
presentation of mobile results, especially with the many
new micro-formats they are presenting (example
attached), and the changes that they are making in
”
shopping results on desktop search.
47. Michael Martin
“ In 2012 Fortune 500 clients, that
implemented the single URL Dynamic
Serving Mobile SEO strategy from
Covario, experienced on average a 10%
increase in search traffic, more than
doubling mobile sales, and even higher
”
mobile social sharing than in 2011.
48. Michael Martin
“ Google’s recent Mobile Search Patent
shows preference to mobile intent results
over generic desktop results as it furthers
the case for Dynamic Serving under One
URL than just Responsive Design, which
only changes the appearance of desktop
pages, but not the intent.
”