Comme nous l’avons vu précédemment, la convivialité mobile d’un site Web est un facteur important lors du classement des résultats d’une recherche effectuée sur un appareil mobile. Et avec la recherche mobile surpassant la recherche sur ordinateur, c’est un facteur qui ne peut être ignoré. Un facteur majeur dans la détermination de la convivialité mobile est la qualité du rendu et de l’affichage d’une page sur différentes tailles d’écran pour différents appareils mobiles.

L’un des meilleurs moyens d’y parvenir, et celui que Google préfère, consiste à utiliser une conception réactive à l’aide de la fenêtre d’affichage mobile nous confie les professionnelle de la création site web de qualité.

Qu’est-ce que la fenêtre d’affichage d’une page?
La fenêtre d’affichage est la fenêtre dans laquelle une page Web peut être vue. Notez qu’il ne s’agit pas de la zone dans laquelle une page s’affiche, car les dimensions d’une page peuvent être plus grandes que la fenêtre d’affichage. C’est ce qui se passe lorsque vous devez faire défiler de gauche à droite pour afficher une page. Ce défilement latéral se produit lorsqu’une page n’a pas de fenêtre d’affichage, ou a une fenêtre non configurée.

Rendre votre conception vraiment réactive
Une fois que vous avez défini la fenêtre d’affichage de la page, redimensionnez le contenu de la page en fonction de la fenêtre d’affichage. Pour vous assurer que votre page s’affiche de manière adaptée aux appareils mobiles, suivez ces consignes

-Évitez les éléments de largeur fixe tels que les grandes images. Ajustez les éléments en fonction de la largeur de la fenêtre. Sinon, l’image pourrait devenir plus grande que la fenêtre, ce qui nécessiterait un défilement latéral.

-Ne vous fiez pas à une largeur particulière pour rendre votre page. Les largeurs d’écran varient d’un appareil à l’autre, alors assurez-vous que votre page s’affiche correctement à n’importe quelle largeur.

-Utilisez des valeurs de largeur relative dans le CSS de votre page. L’utilisation de valeurs absolues peut entraîner un chargement d’éléments plus large que la fenêtre. Il en va de même pour les valeurs de positionnement. Des valeurs absolues élevées peuvent entraîner le chargement d’éléments en dehors de la fenêtre.

Comment utiliser la fenêtre d’affichage pour le référencement mobile
La définition de la fenêtre d’affichage n’augmentera pas en soi le classement d’une page dans les résultats de recherche Google. Cependant, la conception réactive contribue à rendre votre page conviviale pour les mobiles. Et il le fait d’une manière relativement rapide, facile et indolore par rapport à vos autres options:

Conception dynamique: cela vous oblige à créer une page entièrement distincte, puis à diffuser la version appropriée en détectant l’agent utilisateur. Pour indiquer aux moteurs de recherche à quelle version ils doivent accéder et pour empêcher les serveurs de mise en cache d’envoyer la mauvaise version, vous devrez utiliser l’en-tête HTTP sur la page.

Sous-domaine mobile: cette option nécessite un investissement important en termes de temps et de ressources de développement. Comme pour la conception dynamique, les options d’option de sous-domaine mobile vous obligent à créer un tout nouveau site, puis à l’héberger sur un sous-domaine. Google est assez doué pour déterminer la relation entre les domaines et les sous-domaines, mais vous ne pouvez jamais être totalement sûr.

Vous devrez donc ajouter des balises canoniques au site mobile qui pointent vers la version de bureau. Enfin, vous devrez rediriger les visiteurs vers chaque version, mobile et ordinateur, en fonction de leur user-agent. Pire encore, les sous-domaines ne partagent pas de manière fiable le jus de liens avec le reste du site, vous isolerez donc vos sites mobiles et de bureau les uns des autres. Cela pourrait entraîner des problèmes à l’avenir avec la transition de Google vers son premier index mobile.

Vous pouvez théoriquement utiliser l’une des options ci-dessus pour concevoir la version mobile de votre site et l’adapter aux mobiles. Cependant, utiliser la conception réactive en configurant la fenêtre mobile est le moyen le plus simple et le plus efficace. De plus, c’est la méthode recommandée par Google. Vous savez donc qu’elle est déjà compatible avec le référencement.