0

display:none;cssで使用してコンテンツを非表示にできます。しかし、Google が好まない多くの Web サイトを読みましたdisplay:none;。jQueryアニメーションのため、これが本当に必要です。
Javascript/jQuery を介してコンテンツを非表示にする新しい方法を見つけました。

$(this).css({display:'none'});

これはより良いですかdisplay:none;。これは Google フレンドリーですか？
ここにフィドルがあります

4

4 に答える 4

3

Google には、サイトを安全にクロールできるようにするために従うことができるガイドラインがあります。

https://support.google.com/webmasters/answer/35769

Google ボットは、Web ページで基本的な JavaScript を理解して実行し、ユーザーが実際に表示する結果を確認できることに注意してください。

https://support.google.com/webmasters/answer/81766?hl=ja

非表示のテキストまたはリンクに関するスニペットを次に示します: https://support.google.com/webmasters/answer/66353

Google の検索ランキングを操作するためにコンテンツ内のテキストやリンクを非表示にすることは、欺瞞的であるとみなされる可能性があり、Google のウェブマスター ガイドラインに違反しています。テキスト (過剰なキーワードなど) は、次のようないくつかの方法で非表示にすることができます。

  • 白い背景に白いテキストを使用する 画像の後ろにテキストを配置する
  • CSS を使用してテキストを画面外に配置する フォント サイズを 0 に設定する
  • 1 つの小さな文字のみをリンクしてリンクを非表示にする (たとえば、段落の途中にあるハイフン)
于 2013-08-13T19:38:56.063 に答える
2

私にとっての主な問題は、css で非表示にしてから JavaScript を使用して表示すると、JavaScript が有効になっていない訪問者はコンテンツを表示できないことです。を使用$(this).css({display:'none'});してコンテンツを非表示にすると、JavaScript が有効になっていない場合でもデフォルトで表示されるようになります。

この問題は、スタイル設定されていないコンテンツのフラッシュを回避しようとする際によく発生します。http://www.learningjquery.com/2008/10/1-way-to-void-the-flash-of-unstyled-contentで提供される適切な議論と解決策

于 2013-08-13T19:42:34.193 に答える
1

CSS display:none の使用は、Google にとってはまったく問題ありません。JS の方法では、SEO に関して何のメリットもありません。
一例を次に示します: http://seotesttool.com/blog/does-the-google-bot-index-css-hidden-divs/

ただし、Google をだます目的だけで (これらの方法のいずれかによって) コンテンツを非表示にすると問題が発生します... キーワードの詰め込み、スパム リンクなど。その後、ペナルティを受け、Google のインデックスからまとめて削除される可能性があります。 、手動のプロセスを経てサイトを修正し、検証されて再度追加されるまで待つ必要があります。したがって、この種のスキームを計画しておらず、ユーザー フレンドリーなコンテンツの通常の表示/非表示を行っているだけであれば問題ありません。

于 2013-08-13T20:16:25.247 に答える
0

私が聞いたところによると、display: none;ブロック内のコンテンツは検索スパイダーやスクリーン リーダーによって読み取られません。javascript を使用して非表示にする場合 (.css()または.hide()メソッドを使用しても)、スパイダーがページをクロールした後に非表示になります。

欠点は、js が読み込まれる前に、非表示のコンテンツが表示されるフラッシュが発生する可能性があることです。コンピュータにコンテンツを読んでもらいたい場合は、.visuallyhidden規則を使用してみてください。

于 2013-08-13T19:34:19.957 に答える