web-dev-qa-db-fra.com

Est-ce que bootstrap effets de caché-sm SEO conséquences

Ainsi, le texte masqué peut être perçu par Google comme une astuce de référencement: c'est ce que j'ai lu dans de nombreux articles. Ainsi, lorsqu'un utilisateur consulte mon site Web sur son mobile, il y a généralement quelques éléments que je pense qu'il n'a pas besoin de voir.

En tant que développeur utilisant Bootstrap, j'utilise souvent la classe hidden-xs ou visible-lg, qui masque les éléments de la page à l'aide de display: none. Lors de l'utilisation de hidden, je m'inquiète des conséquences du référencement.

Question (s):

Si vous utilisez hidden-, Google considérera-t-il ce blackhat et punira-t-il le site?

seocssmobilehidden-textbootstrap
2
Matthew Smart

Google ne fait pas punir les sites avec des éléments cachés , en fait, cela fait plusieurs années. Aujourd'hui, Google est beaucoup plus intelligent qu'il ne l'était il y a une décennie. Leurs robots sont en mesure de comprendre un grand nombre de scripts JavaScript standard, de code CSS et de feuilles de style CSS3 modernes.

Google punit rarement les sites qui cachent du texte car le bourrage de mots clés ne fonctionne plus comme auparavant. Cependant, les éléments cachés qui n'ont aucun moyen d'être non cachés ne seront pas comptabilisés dans le contenu de la page.

Googlebot peut donner un sens à:

  • Déclencheurs JavaScript (onclick, jQuery, MooTools, DoJo etc.)
  • Déclencheurs de point de vue CSS3 (@Media, Screen etc)
  • Déclencheurs CSS (focus, hover, active etc)

Bootstraps utilise les requêtes de support CSS suivantes pour masquer des éléments: 

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
}

Google donnera un sens à requêtes multimédia et saura quel contenu est caché dans quel mode.

2
Simon Hayter