Est-il mauvais pour le référencement d'utiliser CSS pour masquer la balise H1 pour les visiteurs mobiles?
J'ai un curseur qui est caché par "Affichage: Aucun" lors de la visualisée sur les téléphones mobiles. Ce curseur contient notre étiquette H1. Est-ce mauvaise pratique? La balise H1 elle-même n'est pas cachée, mais la div contenant le curseur est.
La pratique standard pour montrer des balises H1 sur les écrans de grande résolution (PC) lors de la masquage des balises H1 pour les appareils mobiles consiste à utiliser CSS de manière à ce que ce soit comme suit:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
@media screen and (max-width: 850px) {
h1 { font-size: 12px;
}
@media screen and (min-width: 850px) {
h1 { font-size: 24px;
}
</style>
Cela vous permet de mettre des mots-clés de page dans les balises H1 qui peuvent toujours être pertinents pour la ciblage des mots clés dans les moteurs de recherche, tout en limitant la taille du texte lorsqu'il est affiché sur différentes tailles d'écran.
Il est également considéré comme une pratique de référencement fine d'afficher certains contenus aux utilisateurs de PC qui n'est pas visible pour les utilisateurs mobiles et inversement. Donc, cacher les balises H1 est une méthode potentiellement fine, bien que vous préférez changer la taille de la police, comme suggéré avec ma méthode.
Il est peu probable que vous soyez frappé par une pénalité pour "cacher le texte" avec l'affichage: aucun, bien que vous ne sachiez jamais. Les sites Web utilisaient des mots-clés dans leurs pages avec l'affichage: Aucun et ont été pénalisés pour cela. GoogleBot devrait comprendre que vous essayez simplement de montrer ce contenu aux utilisateurs de PC mais pas aux utilisateurs de téléphonie mobile, mais il est possible que le BOT a mal interprété vos intentions. En conséquence, je pense qu'il est préférable de changer la taille de la police le cas échéant au lieu de simplement cacher tout le bloc de contenu.