14. GOOGLE SAYS
1. Google recommends webmasters follow the industry
best practice of using responsive web design, namely
serving the same HTML for all devices and using only
CSS media queries to decide the rendering on each
device.
2. If responsive design is not the best option to serve
your users, Google supports having your content
being served using different HTML. The different
HTML can be on the same URL or on different URLs,
and Googlebot can handle both setups appropriately
if you follow our recommendations.
15. VARY HTTP HEADER
• If your site serves different content
depending on the user agent, add
this:
16. • Google can figure it out if you have a
max-width that makes sense for
mobile devices
• Do NOT block CSS, JavaScript and
images
RESPONSIVE INDEXING
17. ALTERNATE & CANONCIAL
• On the desktop page
<link rel="alternate" media="only screen and
(max-width: 640px)"
href="http://m.example.com/page-1" >
• On the mobile page
<link rel="canonical"
href="http://www.example.com/page-1" >
18. CANONICALIZATION
Useful if there’s possible parameter
issues:
<link rel="canonical"
href="http://www.example.com/product.php?
item=swedish-fish"/>