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