web-dev-qa-db-ja.com

bootstrap hidden-smはSEOの結果に影響しますか

したがって、Googleはテキストを非表示にすることをSEOのブラックハットトリックと見なすことができます。これは、多くの記事で読んだことです。そのため、ユーザーが自分のウェブサイトをモバイルで表示している場合、通常、表示する必要がないと思われることがいくつかあります。

Bootstrapを使用する開発者として、hidden-xsを使用してページ上の要素を非表示にするクラスvisible-lgまたはdisplay: noneをよく使用します。 hiddenを使用する場合、SEOの結果が心配です。

質問：

hidden-を使用する場合、Googleはこのブラックハットを考慮してサイトを罰しますか？

seocssmobilehidden-textbootstrap
2
Matthew Smart

Googleは 隠された要素を含むサイトを罰する ではありません。実際、数年間このようになっています。現在、Googleは10年前よりもはるかに賢く、ボットは多くの標準JavaScriptスクリプト、CSSコード、最新のCSS3スタイルシートを理解できます。

キーワードスタッフィングが機能しなくなる かつてのように、Googleがテキストを隠すことでサイトを罰することはほとんどありません。ただし、非表示にならない非表示の要素は、ページコンテンツにはカウントされません。

Googlebotは次のことを理解できます：

  • JavaScriptトリガー（onclick、jQuery、MooTools、DoJoなど）
  • CSS3ビューポイントトリガー（@Media, Screen etc）
  • CSSトリガー（focus、hover、activeなど）

Bootstrapsは、次のCSSメディアクエリを使用して要素を非表示にします：

@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は メディアクエリ を理解し、どのコンテンツがどのモードで非表示になっているかを把握します。

2
Simon Hayter