1485 sujets

Web Mobile et responsive web design

Bonjour.

Je suis actuellement en train de terminer mon site en version mobile.
Le site de base : http://www.site.fr

J'ai créé le site mobile dans un sous domaine http://m.site.fr

Je suis paumé avec le .htaccess et l'outil Webmaster Tools de GG concernant l'envoi du sitemap etc…

Les Questions :
Lorsque l'on créé un site pour mobile dans un sous domaine, faut il créer "Ajouter un nouveau site" dans GG Webmaster Tools ou peut on se servir de celui du site de base?

Les redirections sur le .htaccess en fonction des user agent font elles vraiment en sorte
que le site ne soit pas indexer 2 fois, une fois par GGbot et l'autre par GGbot-mobile?

Meme chose pour le fichier robots.txt : J'ai des url que je ne souhaite pas voir apparaitre dans le site de base (www.site.fr) et que je ne souhaite pas voir non plus dans le site mobile (m.site.fr) mais étant donner que ne peux (si je ne me trompe pas) n'avoir qu'un fichier robots.txt par site inscrit dans GG Webmaster Tools, comment faire?

J'aurais d'autres questions au fur et à mesure je pense...

Merci.
Salut,

Et si, au lieu de créer une « version mobile » avec un sous-domaine dédié, tu te contentais d'adapter tes CSS aux supports mobiles ? As-tu déjà entendu parler de méta viewport et de media queries ?

Un des avantages de l'adaptation des CSS aux supports mobiles, c'est qu'on ne se casse pas la tête avec les problèmes auxquels tu es confronté en matière de référencement.
Modifié par Victor BRITO (16 Feb 2012 - 21:47)
Bonjour.

Merci de votre réponse.

En fait pour le site je me sers déjà de media query (pour le site de base) et des meta viewport (pour la version mobile).

Le contenu sur ces deux sites est semblable mais non identique.
Il s'agit de l'adaptation de mon site pro en version mobile et j'ai fais une sélection dans les contenus textes et images car certains n'étaient pas intéressant pour la version mobile.

Question : Si je créé deux profils de site dans GG Webmaster Tools, un pour le site de base l'autre pour le site mobile et que j'interdis pour chacun les GGbots soit normal soit mobile, est ce que ça me pénalisera?

J'ai effectué pas mal de recherche au sujet des sites dans un sous domaine, j'ai trouvé cela :
http://www.waebo.com/referencement-google-version-mobile-de-site-duplicate-content.html

http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.fr/fr/fr/intl/fr/webmasters/docs/search-engine-optimization-starter-guide-fr.pdf
(p 24 à 27)

Merci.

Guix
Re moi pour demande d'avis sur le même sujet :

Je viens de matter d'autres sites etc…

J'ai vu que certains utilisaient des :

<link rel="canonical" href="http://www.monsite.fr/"/>

sur la version normal et mobile de leur site.

Pour pallier le probleme du htaccess je pense remplacer ça par un script en javascript

<script type="text/javascript">
<!--
if (screen.width <= 480) {
document.location = "http://m.monsite.fr";
}
//-->
</script>
$

ce qui m'évitera d'avoir une redirection des pages internes du site normal sur la version mobile...

Qu'en pensez vous?
a écrit :
j'ai fais une sélection dans les contenus textes et images car certains n'étaient pas intéressant pour la version mobile.


Car tu sais exactement ce que tes utilisateurs vont recherchés ?

Si un utilisateur atterrit sur ton site après avoir cliqué sur un lien, ne cois-tu pas qu'il s'attend à recevoir un certain contenu ? Les chances sont qu'il sera déçu de ne pas avoir le choix de lire le contenu l'intéressant.

La même chose sera vraie pour ta solution en javascript. Renvoyer tous les utilisateurs mobiles vers ta page d'accueil ? Je doute que ce soit judicieux...

Si tu veux deux versions, tu devrais t'assurer au maximum que les mêmes contenus sont présent de part et d'autres (ils peuvent être présentés différemment, des sections peuvent être caché initialement et dévoilable seulement au besoin, etc). Et surtout, tu dois t'assurer que les deux versions renvoient vers la page équivalente de l'autre site; et cette redirection évidemment doit se faire dans les deux sens. Un utilisateur desktop ne voudra probablement pas voir ta version mobile lorsqu'il arrive sur ton site via un lien le menant vers l'article mobile.

En tout cas, tout cela est plutôt compliqué et comme le dit Victor, une seule version qui s'adapte est presque toujours une solution idéale (sauf cas bien spéciaux).

Si tu ne veux toujours pas te lancer dans les média queries, je propose une solution PHP de redirection sur mon blog :

http://simonboudrias.com/blog/detecter-un-mobile-par-son-ua-en-php-5-oop/
Bonjour.

Il s'git de mon portfolio, version light... au lieu d'avoir une galerie d'images avec plusieurs vues sur des projets, je n'offre à l'internaute mobile que certaines vues représentatives.

Concernant la solution dont je parlais qui est en javascript, je pense m'etre mal exprimé..

Si un utilisateur version mobile clic sur l'un des liens de mon site, il sera redirigé vers la page de la version mobile en question.

(exemple d'url pour illuster le propos) :
contact.html = contact-mobile.html / accueil.html = accueil-mobile.html

Je te remercie pour ton point de vue et tes conseils car j'avais zappé de mettre des redirections sur la partie site mobile si un utilisateur y accède depuis un ordi normal.

C'est vrai qu'avec une solution optimisée avec les media query ça aurait ete plus simple mais je n'avais pas pensé mon site pour etre mobile dès le départ...

Je vais regardé ton script.