Fondamentaux du Web Durable

Pour proposer une page "desktop" et son équivalent mobile sans que Google ne crie au duplicate content, vous avez deux techniques possibles : l'une à intégrer dans les pages HTML, l'autre dans le sitemap.

Dans les pages HTML.

Par exemple, sur http://example.com/page-1 (version desktop), écrivez dans le HEAD :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link rel="alternate" media="only screen and (max-width: 640px)"
  href="http://m.example.com/page-1" />

et sur http://m.example.com/page-1 (équivalent mobile), écrivez dans le HEAD

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="canonical" href="http://example.com/page-1" />

Dans le sitemap.

Cet exemple est l'équivalent de la solution précédente :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://example.com/page-1/</loc>
<xhtml:link
  rel="alternate"
  media="only screen and (max-width: 640px)"
  href="http://m.example.com/page-1" />
</url>
</urlset>

Dans tous les cas, la meilleure solution est de concevoir un site responsive

Source : « URL distinctes » sur Google Developers