web-dev-qa-db-fra.com

Est-il mauvais d'utiliser display: none en CSS?

J'ai souvent entendu dire qu'il était mauvais d'utiliser display: none pour des raisons de référencement, car il pourrait s'agir d'une tentative d'introduire des mots clés populaires non pertinents. Quelques questions:

  1. Est-ce toujours la sagesse reçue?
  2. Cela fait-il une différence si vous ne cachez qu'un seul mot, ou peut-être un seul caractère?
  3. Si vous devez éviter de l'utiliser, quelles sont les techniques préférées pour vous cacher (dans les situations où vous avez besoin que cela redevienne visible sous certaines conditions)?

Quelques références que j'ai trouvées jusqu'à présent:

Matt Cutts de 2005 dans un commentaire

Si vous utilisez directement CSS pour masquer du texte, ne soyez pas surpris si cela s'appelle du spam. Je ne dis pas que les survols, le texte DHTML ou le logo ayant un logo, mais aussi le texte associé, sont du spam; Lors d’une conférence, j’ai répondu à cette question lors de la conférence en disant: "imaginez à quoi ressemblerait un visiteur, un concurrent ou une personne vérifiant un rapport de spam. Si vous affichez le nom de votre société et son marqueur Expo au lieu du logo Expo Markers, vous Si le texte que vous décidez de montrer est "Marqueurs Expo bon marché, achat en ligne bon marché en ligne ...", je serais plus prudent, car cela peut paraître mauvais. "

Et dans un autre commentaire sur le même article

Nous pouvons signaler le texte qui semble être masqué en utilisant CSS chez Google. À ce jour , nous n'avons pas, de manière algorithmique, supprimé les sites pour le faire. Nous nous efforçons d'éviter de jeter les bébés avec l'eau du bain.

Eric Enge dit en 2008

L'utilisation légitime de cette technique est tellement répandue que je m'attendrais rarement à ce que les moteurs de recherche pénalisent un site pour avoir utilisé l'attribut display: none. Il est juste très difficile de mettre en œuvre un algorithme qui puisse vraiment révéler si l’utilisation particulière de display: none est censée tromper les moteurs de recherche ou non.

72
Andy

En ces jours de sites Web lourds jQuery (et autres frameworks JavaScript), je ne vois pas en quoi cela peut poser un problème, car il est très utilisé lorsque vous utilisez des éléments tels que des curseurs jQuery, des transitions, des galeries, des tickers, etc. Les moteurs de recherche sont suffisamment intelligents pour ne pas pénaliser aveuglément leur utilisation.

Un utilisateur déclare ceci dans Google forum Webmaster Central :

"Simplement en utilisant affichage: aucun ne déclenchera automatiquement une pénalité. La clé est de savoir s'il existe ou non un mécanisme - automatique ou invoqué par l'utilisateur - pour rendre le contenu visible. Google devient de plus en plus apte à traiter JavaScript de trouvez et interprétez de tels mécanismes.Si vous utilisez du HTML, des CSS et du JavaScript valides, vous n'avez rien à craindre. Bonne chance! "

57
Dan Diplo

Si vous n'en abusez pas, ce ne sera pas un problème. Pour le moment, Google n'analyse pas les feuilles de style CSS à la recherche d'instances de display: none.

Google ne va pas déclarer la guerre à une règle de style largement utilisée, mais seulement avertir ceux qui pensent pouvoir ajouter 1000 mots-clés à un site qui sont tous réglés sur display: none ou même pire, margin-left: 9999px

7
Shane Stillwell

Utilisez "display: none" uniquement lorsque c'est le bon outil à utiliser.

Comme le suggèrent les citations, le problème des moteurs de recherche en matière d'affichage est le spam. Essayer de spammer les moteurs de recherche, quels que soient les outils utilisés, est une mauvaise idée. Si vous utilisez CSS pour autre chose que du spam, il n'y a pas de problème.

Le bon outil pour le bon travail.

6
luiscubal

Je suis d'accord avec Dan Diplo et d'ajouter à ce qu'il a dit, aussi Google lui-même utilise display: none dans sa PAGE D'ACCUEIL , il ne devrait donc pas y avoir de problème d'utilisation si vous ne l'utilisez pas pour envoyer du spam (par exemple, insérer des centaines de mots-clés dans un écran: aucun panneau DIV).

Ouvrez Google HOME PAGE et cherchez dans le code source HTML. Recherchez display:none vous allez le voir plusieurs fois. :)

4
Marco Demaio

Je pense que vous devriez essayer de trouver d'autres alternatives, mais voici quelques articles de référence

Inclut des liens vers Maile et Vanessa sur une discussion radio Webmaster sur ce sujet http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

Maile est un ingénieur Google http://maileohye.com/html-text-indent-not-messing-up-your-rankings/

Google va proposer une solution, mais un décalage négatif et un affichage nul ne sont pas sécuritaires si vous utilisez Outlook à long terme.

3
AndyBeard

Je viens d'avoir une conférence avec référencement dans Google et ce n'est pas vrai. L'affichage aucun ne pénalise, à coup sûr. Quelque temps auparavant, il était question de visibilité ou d’utilisation de tailles de texte négatives ou d’indentations négatives.

Est un fait que le texte doit être visible et non obstrué de manière visible. Au moins pas de plaque de la chaudière ou du contenu dupliqué ou paresseux.

Soit dit en passant, Google peut faire ce qu'il veut sur son site, mais il se met probablement au premier rang même s'il s'agissait d'une pomme de terre.

En particulier, l’approche proposée et probablement à utiliser consiste à la montrer et quelles que soient les conséquences qu’elle peut avoir sur la conception.

Je proposerai des choses comme z-indexing (layering) pour vérifier si par hasard ce genre de styles ne sont pas considérés. Mais je ne pense pas que l'algorithme soit assez puissant pour prendre en compte cela. Vous pouvez également calculer la position de la boîte par rapport à la taille de l'écran pour prendre en compte le positionnement négatif comme un bloc visuel.

Le texte associé à l'intérêt du client seo ergo doit être visible.

0
Budaya

Google analyse le contenu CSS display:none.

Cacher quelque chose à Google n’est mauvais que si vous essayez intentionnellement de manipuler les classements de recherche.

Les options cachées et le texte des visiteurs sont désormais une pratique courante en raison de la transformation des sites Web interactifs. Ne vous inquiétez donc pas. Dans le passé, les gens utilisaient ce type de méthodes pour jouer au SEO, cacher des mots-clés, des liens, etc. Le résultat est que lorsque Google explore un site qui cache des éléments cachés au spectateur, il le voit moins fiable.

0
Josip Ivic