Duda fait actuellement passer nos sites Web à 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 en fonction de la taille de l'écran. Il s'agit d'une pratique courante sur le Web, qui consiste à masquer le contenu en fonction de la taille de l'écran, qu'il soit petit ou grand.
Lorsque vous masquez un widget, une section ou un contenu de l'éditeur Duda 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) existe toujours sur la page Web lorsqu'un visiteur consulte le contenu.
Cela peut parfois poser problème si un outil d'audit qui analyse le site Web identifie ce contenu masqué, alors que vous pensiez qu'il avait été supprimé de la page.
Responsive Web Design (RWD)
Les normes de conception Web réactive (RWD) permettent de modifier une page Web en s'adaptant à la taille de l'appareil qui affiche la page en question. Cela dépend des requêtes média, qui détectent la taille de l'écran et vous permettent ensuite de personnaliser le style de la page en fonction de cette taille. Étant donné que les requêtes média reposent sur des styles, si vous masquez un widget, une section, une vidéo, etc. sur une taille d'écran, il/elle sera toujours dans le code HTML de la page, mais masqué(e) via le style CSS. C'est une pratique très courante sur le Web.
Lorsqu'un écran est redimensionné, le contenu précédemment masqué peut devenir visible, donc ce contenu doit déjà exister sur la page Web.
SEO et contenu masqué
Certaines personnes craignent que les moteurs de recherche tels que Google trouvent du contenu masqué et l'indexent. Vous devez savoir que ce n'est pas le cas. Google (et d’autres moteurs de recherche populaires) sont capables d’identifier si tel ou tel contenu est masqué et ainsi de ne pas l'indexer. Google utilise une méthode d'indexation Mobile First Index qui lui permet d'analyser le site Web à l’aide d’un appareil mobile. Vous devez donc vous assurer que la mise en page mobile contient tout le contenu que vous attendez que Google indexe et découvre.
Quelques exemples de contenu caché, mais toujours optimisé pour le référencement (SEO)
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 pourront être trouvés dans le code. Les widgets H1 supplémentaires sont masqués via les requêtes média et le style afin qu'un seul soit visible pour chaque taille d'écran. Dans cet exemple, un outil d'audit peut également signaler qu'il s'agit de contenu dupliqué (les moteurs de recherche ne le verront pas ainsi). Tant que vous pouvez confirmer qu'il n'y a qu'une seule balise H1 visible sur chaque taille d'écran, il n'y a pas de problème.
Placer un bouton sur la taille d'écran du bureau et de la tablette et une icône sur le mobile.
Les deux widgets se trouveront dans le code et seront masqués sur les tailles d'écran respectives à l'aide des requêtes média et du style.
Masquer une section sur toutes les tailles d'écran parce que vous n'êtes pas prêt(e) à la mettre en ligne.
La section restera 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, comme les sliders, les onglets et les widgets accordéon.
Ces types de widget 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 peuvent voir le contenu
Alors que les algorithmes des moteurs de recherche appliqueront le style et ignoreront donc le contenu masqué, les outils d'audit utilisés par les robots d'indexation peuvent ne pas être aussi sophistiqués que Google. Ainsi, ils n'appliqueront pas ce style et ne regarderont que le contenu brut de la page. Cela pourrait les inciter à « voir » du contenu qui n'est pas réellement visible sur le site.
Quand le contenu masqué pose problème
Si une tactique trompeuse est utilisée pour masquer du contenu, elle peut nuire au SEO. Parmi les exemples de tactique trompeuse, il y a celle qui consiste à placer plusieurs fois les mêmes mots-clés sur un site pour améliorer le classement et à les masquer en définissant la taille de police sur 0 ou en camouflant le texte (en lui attribuant la même couleur que l'arrière-plan) pour que les visiteurs du site ne le voient pas. Les algorithmes des moteurs de recherche sont suffisamment intelligents pour reconnaître cette tactique et potentiellement pénaliser les sites qui l'utilisent.
Il s'agit d'un acte délibéré commis par une personne ; la technologie Duda ne le ferait pas et en serait incapable.