Discussion :

[kurtbosh]

Bonjour,

Je cherche la syntaxe de link alternate qui me permette d'annoncer la version mobile de mon site mais sans en changer l'aspect ?

En effet, cette page par exemple http://www.grenault.net/mob_tech.htm s'affiche parfaitement bien sur un mobile (validé par Google).

Je voudrais pouvoir ajouter un link alternate sur la page destinée au web qui pointerait sur la version mobile mais sans modifier l'affichage sur les mobiles.

Merci pour votre aide.

Bon dimanche.

[Muchos]

Voici ce que dit la documentation Google sur le sujet.

Pour indiquer à Google qu'il existe une page "desktop" et son équivalent mobile, il existe 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 hcml :

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 a le même objectif que précédemment :

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>

[kurtbosh]

Bonjour,

Merci pour votre aide.

C'est ce que j'ai fait avec ces pages :

Desktop http://www.grenault.net/_essai.htm

Mobile http://www.grenault.net/_mob_essai.htm

Mais cela ne fonctionne pas... Quand on ouvre le lien desktop avec un mobile on reste sur la version desktop ! Le link alternate n'est pas pris en compte?

Merci.

[Muchos]

Je comprends votre malentendu. Ce que vous venez d'intégrer, permet à Google de comprendre que deux pages au contenu identique sont en fait des versions "mobile" et "desktop". À aucun moment, cela ne suffit à rediriger un utilisateur mobile vers la version adéquat.

Pour cela, il faut intégrer une détection d'user agent. Cela peut se faire en JS ou en PHP. Il existe de nombreux sujets sur DVP.

[kurtbosh]

Ah voilà, ta réponse me rassure !

Je n'ai plus qu'à trouver la détection des users-agents...

Merci.

Cordialement.