Discussion :

[MInfo25]

Bonjour,

j'ai mis le lien ci-dessous dans mon fichier index.html de mon site version bureau pour que lorsqu'on est sur du mobile, le site affiche le design de indexmobile.html mais ça ne marche pas, j'ai toujours la version bureau sur les mobiles.

Code HTML :

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

linkrel="alternate"media="only screen and (min-device-width : 320px) and (max-device-width : 480px) "href="http://monsite.com/indexmobile.html">

Merci.

[Invité]

Bonjour,

Merci d'enlever les couleurs dans ton message :

• c'est illisible,
• c'est une perte de temps*,
• et on ne peut pas faire de copier-coller pour tester.

*A NOTER : pour la coloration syntaxique (automatique), il suffit d'écrire le langage :

[CODE=html]............[/CODE]

[ProgElecT]

Salut

Code HTML :

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

<link rel="alternate" media="only screen and (min-device-width : 320px) and (max-device-width : 480px) " href="http://monsite.com/indexmobile.html">

Déjà, Il manque un espace entre link et rel

[MInfo25]

Désolée pour l'erreur, voici le lien que je met dans mon index version bureau :

Code html :

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

<link rel="alternate" media="only screen and (min-device-width : 320px) and (max-device-width : 480px) " href="http://monsite.com/m.index.html" >

Et voici le lien que je met dans mon index version mobile :

Code html :

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

<link rel="canonical" href="http://monsite.com/index.html" >

Mais ça ne change rien, sur mon mobile j'ai toujours la version bureau.

[Invité]

A lire (ou relire) :

• SEO pour sites mobiles - autres appareils - URL distinctes

A priori, l'exemple parle de lui-même.


N.B. Es-tu sûre de tes "min-device-width" et "max-device-width" ?

[MInfo25]

Merci beaucoup @Jreaux, j'apprends des choses avec toi, merci ! J'ai lu et relu mais je ne comprend pas où écrire/définir HTTP "Vary" ils parlent de ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
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...)

Où le met-on ? et qu'est ce qu'on met dans "(...rest of HTTP request headers...)" ?

Merci


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...)

[MInfo25]

Je ne sais pas mais voici ce que j'ai essayé de faire pour vary http dans mon fichier version bureau. Est ce cela ?

Code HTML :

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

<meta name="viewport" content="width=device-width, initial-scale=1" GET="page-1" HTTP/1.1 host="monsite.com" vary="User-Agent" />