CSSとJSのSEO hide/show

Question

私たちは学術機関のサイトを構築しています。この機関は多くの科目を提供しており、一度にすべてをホームページに掲載することは望ましくありません。そこで、2つの主要な研究カテゴリを表示するホームページを設計しました。カテゴリーをクリックすると、そのカテゴリーの科目のリストが表示されます。

私たちのクライアントは、ページロード時にそれらのdivが非表示になっていることについてSEO-wiseを心配しています。彼の心配は正しいのですか？

Answer 1

私はロジャー・ヨハンソンon this subjectの記事を読んで、結論であると思われる限り意図 ISN」のようそのコンテンツを検索エンジンだけに表示するには、非表示にしてください。私はもう一方の方法を隠す方法を好むという言及は見ない。単にディスプレイを使用して

：どれも自動的にペナルティをトリガしませんしません

はまた、その投稿のコメントで述べてan answer by a Google workerへのリンクがありました。我々はをしたいので、このようなメカニズムがあるだろうもちろん、私の場合は

見えるコンテンツを作るために - 自動または1のいずれかのユーザによって呼び出される - 鍵はメカニズムがあるかどうかではありません私たちのユーザーは、ページの読み込みではなく、そのコンテンツを参照してください...

Answer 2

あなたがzオーダーまたはスクリーンの左端の位置を使用している場合、それらを隠す方法は、Googleロボットによって引き続き読み取られます。表示なしまたは非表示を使用すると、SEOに影響を与える可能性があります。

Answer 3

あなたは問題があると思います。 Googleでは、ページの読み込みに表示されないコンテンツの一部を大幅に削減する予定です。私はロード時にテキスト表示を許可し、JavaScriptで表示しないように設定することをお勧めします。このようにして、検索エンジンが検索します。

あなたはこのような単純なjQueryのhideスニペットを行うことができます。

<p class="remove">Text displayed on load.</p> 

$j(document).ready(function(){ 
    $('.remove').hide(); 
});