Conception de site Web utilisant une approche réactive ou un site mobile
Je cherchais une solution de site Web pour ordinateur portable et je suis confus avec les informations disponibles sur Internet. Dans certains cas, les articles parlent d’approche réactive avec l’avenir, mais je suis sûr qu’il a ses propres limites. Google le recommande, ce dont je ne suis pas sûr pour leur propre inconvénient.
De l'autre côté jQuery Mobile il est bon de travailler avec, les deux approches pourraient avoir leurs propres inconvénients.
J'aimerais avoir un avis d'expert sur ceci:
- Qu'est-ce qu'un site Web réactif ou un site Web mobile distinct?
- Quel est le meilleur point de référencement?
Tout d'abord, il y a une 3ème option. Vous pouvez servir un site mobile dédié sur des URL distinctes, par exemple, m.example.com, ou vous pouvez adopter une approche adaptative selon laquelle un contenu spécifique à un mobile est fourni sur les mêmes adresses URL que votre adresse URL. "bureau" site.
Quelle option est la meilleure pour les utilisateurs?
Du point de vue de la conception et de l’architecture, la meilleure solution dépend beaucoup de ce que vos clients ou utilisateurs veulent faire sur les appareils mobiles. La raison en est que l'intention et le comportement diffèrent d'un appareil à l'autre.
Que veulent vos utilisateurs?
Prenez un site Web de banque par exemple. Sur un smartphone, la plupart des gens voudront probablement seulement effectuer des transactions rapidement et simplement: consulter leur compte, demander un découvert, etc. Ils ne voudront probablement pas lire de longues informations sur les produits ou des conditions générales.
Dans ce cas, une approche réactive n'est pas optimale car le site mobile doit proposer un contenu spécialement optimisé pour le mobile.
Le meilleur choix dépend donc de votre activité et de votre compréhension de vos clients.
Quel est le meilleur pour le référencement?
Site mobile distinct
Le grand inconvénient d'un site mobile totalement séparé est le potentiel de la valeur SEO d'être divisée entre vos deux sites, devant devoir promouvoir et optimiser deux sites distincts, etc.
Cependant, cela peut être atténué en suivant conseil de Google , qui consiste essentiellement à utiliser <link rel="alternate" href="http://m.example.com"> sur votre site Web et <link rel="canonical" href="http://www.example.com"> sur mobile.
Cela a pour effet (a) d'indiquer la relation entre les deux sites et (b) d'indiquer que le site de bureau est la version canonique.
Adaptatif
L'approche adaptative évite ce qui précède puisque le contenu est livré sur les mêmes URL. Google conseil ici, pour éviter les problèmes de mise en cache et informer les moteurs de recherche de ce qui se passe, il faut utiliser l'en-tête HTTP Vary, indiquant que le contenu change en fonction de User-Agent.
sensible
Cela ne présente aucun des problèmes mentionnés ci-dessus et, du point de vue du référencement, présente probablement le moins de défis. La considération clé ici est celle ci-dessus: votre contenu doit-il être trop modifié pour que le mobile soit viable pour que l'approche réactive soit viable?
Conclusion/TL; DR
D'un point de vue technique, ils sont tous bons pour le référencement si vous les concevez correctement. Le plus important est que vous compreniez ce que votre site mobile doit offrir et que vous sélectionniez une approche en conséquence.
Responsive Design vous permet d'héberger du contenu sous un même toit
Responsive vous permet d’héberger le même contenu pour plusieurs plates-formes sur une seule page plutôt que plusieurs pages, ce qui a une valeur de référencement impressionnante, tout simplement parce que les gains de votre lien arrière sur les plates-formes de bureau dynamiseront les pages mobiles et inversement sans fuite être considéré comme un doublon s'il n'est pas configuré correctement.
Mais ... un site mobile peut aussi bien se classer ....
Un site mobile peut se classer aussi bien qu'un site réactif, mais en général, il faut plus d’administration et de référencement hors page. Les utilisateurs apprécieront également la même expérience qu’ils ont obtenue à partir du bureau sur leur plate-forme mobile, car les sites mobiles ont tendance à contenir beaucoup de contenu.
jQueryMobile est un framework sensible
De plus, je pensais mentionner que jQueryMobile est un framework responsive et non un contenu de site mobile. Il sert à la fois les ordinateurs de bureau et les appareils mobiles tels que les tablettes et les téléphones mobiles.
Autres cadres réactifs à prendre en compte
Il existe de nombreuses autres plates-formes réactives à prendre en compte, de même que jQuery, qui sont aussi bonnes ou meilleures ...