Guesty Nous migrons nos sites Internet Guesty vers une technologie de conception entièrement réactive qui utilise des requêtes média CSS pour modifier la mise en page, masquer le contenu ou afficher différents éléments selon la taille de l'écran. Cette méthode standard de masquage du contenu pour les écrans de petite ou grande taille est utilisée sur le Web.
Lorsque vous masquez un widget, une section ou tout contenu dans le Guesty sur un appareil spécifique, nous le masquons à l'aide de requêtes média CSS. Cela signifie que le code HTML (bien que masqué sur le site Web) est toujours présent sur la page web lorsqu'un internaute consulte le contenu.
Cela peut parfois entraîner un problème lorsqu'un outil d'audit qui analyse le site Web identifie ce contenu caché, même si vous pensiez qu'il avait été supprimé de la page.
Conception Web Réactive (RWD)
Les normes de Responsive Web Design (RWD) permettent d'adapter la page web à la taille de l'appareil qui la consulte. Cette approche repose sur les media queries, qui détectent la taille de l'écran et permettent de styliser la page en conséquence. Comme les media queries s'appuient sur les styles, si vous masquez un widget, une section, une vidéo, etc. sur une taille d'écran donnée, il/elle sera toujours présent(e) dans le code HTML de la page, mais masqué(e) par le style CSS. C'est une pratique très courante sur le web.
Lorsqu'un écran est redimensionné, le contenu qui était auparavant masqué peut devenir visible, ce contenu doit donc déjà exister dans la page web.
RÉFÉRENCEMENT NATUREL et contenu caché
Certains craignent que les moteurs de recherche comme Google trouvent du contenu caché et l'indexent. Sachez que ce n'est pas le cas. Google (et d'autres moteurs de recherche populaires) sont capables d'identifier si certains contenus sont cachés et de ne pas les indexer. Google utilise un index mobile, où il explore le site web à l'aide d'un appareil mobile. Assurez-vous donc que la mise en page mobile présente tout le contenu que Google devrait pouvoir indexer et découvrir.
Quelques exemples de contenu caché, mais néanmoins optimisé pour le RÉFÉRENCEMENT NATUREL
Avoir un widget H1 différent sur chaque taille d'écran.
Bien que vous ne puissiez voir qu'un seul widget H1 par taille d'écran, les trois seront visibles dans le code. Les widgets H1 supplémentaires sont masqués via des requêtes média et des styles, de sorte qu'un seul soit visible par taille d'écran. Dans cet exemple, un outil d'audit peut également signaler un contenu dupliqué (les moteurs de recherche ne le verront pas comme tel). Tant que vous pouvez confirmer qu'une seule balise H1 est visible par taille d'écran, le problème est résolu.
Placer un bouton sur les tailles d'écran du bureau et de la tablette et une icône à la place sur le mobile.
Les deux widgets seront dans le code et seront masqués sur la taille d'écran respective à l'aide de requêtes média et de styles.
Masquer une section sur toutes les tailles d'écran parce que vous n'êtes pas prêt à la mettre en ligne
La section sera toujours dans le code, mais sera masquée via le style sur toutes les tailles d'écran.
Utilisation de widgets qui affichent une certaine quantité de contenu à la fois, tels que des curseurs, des onglets et des widgets accordéon.
Ces types de widgets ont tous un contenu caché, bien que le contenu soit facilement accessible grâce à des indices visuels (les moteurs de recherche détectent la présence d'indices visuels).
Pourquoi les outils d'audit pourraient voir le contenu
Bien que les algorithmes des moteurs de recherche appliquent le style et ignorent donc le contenu caché, les outils d'audit des robots d'exploration (ou robots d'indexation) ne sont pas forcément aussi sophistiqués que ceux de Google et n'appliquent pas ce style, se limitant au contenu brut de la page. Cela pourrait les amener à « voir » du contenu invisible sur le site.
Lorsque le contenu caché devient un problème
L'utilisation d'une tactique trompeuse pour masquer du contenu peut nuire au RÉFÉRENCEMENT NATUREL. Par exemple, placer des mots-clés répétés sur un site pour améliorer son classement, puis les masquer en définissant la taille de police à 0 ou en masquant le texte (en lui donnant la même couleur que l'arrière-plan) pour le rendre invisible aux visiteurs, est une tactique trompeuse. Les algorithmes des moteurs de recherche sont suffisamment intelligents pour reconnaître ce phénomène et potentiellement pénaliser les sites qui l'utilisent.