web-dev-qa-db-fr.com

La balise h1 est-elle masquée à l'aide de display: aucune n'est mise en avant par les moteurs de recherche?

Lorsque le contenu est masqué par CSS (display: none), celui-ci est-il lu par les moteurs de recherche ou les sites sont-ils pénalisés pour cela? Dans mon cas, en raison de certains CMS et d'autres raisons, je dois proposer un contenu alternatif aux utilisateurs et masquer la balise H1 sur la page à l'aide de display: none. Je voulais savoir si le moteur de recherche traiterait toujours la balise H1 avec la même importance que si elle n'était pas cachée.

28
Iris

C'est contre la politique de Google. Il s’appelle bourrage de mots clés et va vous retirer de la liste de Google, ce qui signifie que votre site ne sera même plus affiché sur Google. En règle générale, vous ne devez montrer à Googlebot que ce que les utilisateurs de votre site peuvent percevoir.

Si vous montrez les informations à des personnes à un moment donné, vous pourrez alors affirmer que vous n'êtes pas bourré de mots clés, mais Google vous retirera d'abord de la liste puis vous devrez interjeter appel. 

30
Bjorn Tipling

Je ne crois pas que Google vous pénalisera automatiquement (c'est-à-dire sans avis humain), mais c'est définitivement un risque, surtout si le texte masqué semble être ainsi uniquement à des fins de référencement.

Recommandations relatives à la qualité Google - Texte et liens masqués

12
Chad Birch

Les constructeurs de moteurs de recherche ont eu environ 15 ans pour apprendre tous les trucs que les gens utilisent pour obtenir de meilleures évaluations des moteurs de recherche, afin que vous puissiez être sûr que les robots remarquent quelque chose de simple, comme du texte masqué.

Si la balise d’en-tête n’est pas visible sur la page, il est inutile de l’avoir là. Au mieux, les moteurs de recherche ignoreront la balise. Au pire, ils vont ignorer votre site.

9
Guffa

Les moteurs de recherche ont de plus en plus recours aux techniques CSS pour dissimuler des informations dans le but de les jouer. Il y aura probablement un seuil cependant, alors une ou deux de ces techniques, pour des raisons valables, ne seront pas trop problématiques pour vous. Si vous le pouvez, essayez de les éviter, surtout en masse.

7
Alister Bulman

Il n'y a aucune raison pour que vous ne puissiez pas cacher la balise H1 - ce n'est pas nécessairement une mauvaise chose. Les personnes ayant une déficience visuelle qui lisent votre site Web avec un lecteur d'écran trouveraient le H1 caché utile, qu'il soit caché ou non (car la plupart des lecteurs d'écran lisent le code HTML et non la page visuelle). De même, si vous avez visuellement un logo d'entreprise sur la page et que vous avez ensuite un H1 masqué avec le nom de l'entreprise, c'est très bien aussi. Dans ce cas, le H1 est une alternative au Logo, il convient donc pour des raisons purement sémantiques.

Vous pouvez également avoir du contenu caché pouvant "apparaître" par interaction de l'utilisateur (par exemple, en cliquant sur un lien "plus"). C'est aussi bien. Cacher du texte n’est pas une mauvaise chose s’il existe une bonne raison de le faire. Bien sûr, le bourrage de mots clés est faux et cela ne devrait jamais être fait - une raison de référencement ne suffit jamais à cacher du texte - il doit y avoir une autre raison.

3

Comme nous l’avons déjà mentionné, ce n’est pas une bonne idée de cacher des informations à plusieurs fins.

Si, en réalité, vous souhaitez vraiment offrir aux visiteurs un autre média que le texte brut, il existe de nombreuses façons de le faire. Il suffit de consulter Neuf techniques de remplacement des images CSS pour plus d'informations, ou sIFR .

1
Török Gábor

Utiliser une classe .visuallyhidden pourrait être une meilleure idée que le bon vieux display:none; Les lecteurs d'écran liront le contenu dans .visuallyhidden comme s'il s'agissait de texte brut. 

.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

Je ne sais pas si Google pénalise l'utilisation de telles classes dans les balises h1. Mais dans tous les cas, je pense que c'est une meilleure option que d'utiliser display: none;

1
olefredrik

Tu ferais mieux de ne pas faire ça. 

Les moteurs de recherche comme Google sont intelligents et vérifient ce genre de chose. Lorsque vous êtes pris, vous êtes signalé et votre référencement est inutile.

Travaillez dans le système, n'essayez pas de le tromper. Google propose une tonne de outils pour les développeurs cherchant à faire du référencement légitime. 

1
Gavin Miller

vous pouvez définir l'arrière-plan sur l'image que vous souhaitez voir apparaître, puis indenter le texte à -9999px.

0
Justin

Ce n'est pas une discussion sur ce moteur de recherche qui devrait en tenir compte ou pas. C'est une question sur ce que le moteur de recherche fera. Voici votre réponse http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=66353

Le moteur de recherche le rejettera, ainsi que ses conditions d'utilisation, de sorte qu'il aura même le droit de supprimer votre site des résultats de recherche.

0
Rahul Prasad