ディスプレイを使用するのはどれくらい悪いですか?CSSではどれですか?


72

display: none関係のない人気キーワードを押し込もうとする試みである可能性があるため、SEOの理由で使用するのは悪いと何度も聞いています。いくつかの質問:

  1. それはまだ知恵を受けていますか?
  2. 単一の単語、またはおそらく単一の文字のみを非表示にしている場合、違いが生じますか?
  3. 使用を避ける必要がある場合、非表示にするための推奨テクニックは何ですか(特定の条件で再び表示する必要がある場合)?

これまでに見つけた参考文献:

コメントの2005年からのマット・カッツ

CSSを使用してテキストを非表示にしている場合、それがスパムと呼ばれても驚かないでください。マウスオーバーやDHTMLテキスト、あるいはロゴを持っているがテキストも持っているテキストはスパムだと言っているのではありません。最後の会議で、「訪問者、競合他社、またはスパムレポートをチェックアウトする人にどのように見えるか想像してみてください。あなたの会社の名前と、Expo MarkersロゴではなくExpo Markersを表示すると、表示するテキストが「Expo Markers cheap online discount buy online Expo Markers sale ...」である場合、私はもっと慎重になります。

そして、同じ記事の別のコメント

GoogleのCSSを使用して、非表示に見えるテキストにフラグを付けることができます。現在のところ、それを行うためにアルゴリズム的にサイトを削除していません。私たちは、お風呂で赤ちゃんを捨てないように努めています。

エリック・エンゲは2008年に言った

この手法の合法的な使用は非常に一般的であるため、検索エンジンがdisplay: none属性を使用したことでサイトにペナルティーを課すことはほとんどありません。の特定の使用がdisplay: none検索エンジンを欺くためのものであるかどうかを真に突き止めることができるアルゴリズムを実装することは非常に困難です。


後でjavascriptで非表示にする読み込み中の白い画面(内部にテキストがない)を使用するとどうなりますか?Googleはその白い画面の下にページを隠していると見なしますか?ありがとう
bloomingsmilez

私はdisplay:noneを使用して、モバイル画面のページコンテンツを削減します。より大きな画面で妥当と思われるコピーの量は、電話では多すぎるためです。私は自分に問題を引き起こしていますか?

回答:


57

最近のjQuery(および他のJavaScriptフレームワーク)の重いWebサイトでは、jQueryスライダー、トランジション、ギャラリー、ティッカーなどを使用するときに広く使用されるため、どのように問題になるかわかりません。検索エンジンは、使用を盲目的にペナルティを科さないほど賢いです。

ユーザーは、Google Webmaster Centralフォーラムでこれを述べています:

「display:noneを使用してもペナルティは自動的にトリガーされません。重要なのは、コンテンツを表示するメカニズム(自動またはユーザーが呼び出すメカニズム)があるかどうかです。GoogleはJavaScriptの処理に非常に熟練しています有効なHTML、CSS、およびJavaScriptを使用している場合、心配する必要はありません。幸運を祈ります!」


興味深い、ありがとう。これdisplay: noneは、コードで削除できるCSS内のアイテムを削除するために怠zyで使用することを避ける必要があることを意味します。でも、エフェクトなどは大丈夫です。画像ロゴがあり、ロゴのテキストもアクセシビリティのために含まれていますが、隠されている状況をどのように検出するのでしょうか。説明から、これは悪いものとしてカウントされますか?
アンディ

@アンディ:そうかもしれない。ただし、ロゴのテキストを非表示にするためにCSSを使用しないでください。タグのalt属性に入れてくださいimg。それが属性の目的であり、私が知る限り、それを使用するとSEO評価が上がる傾向があります。
デビッドZ

実際にlongdescは、画像タグの属性を使用して、完全な説明を含む別のページへのリンクを提供する場合が考えられます。これは、スクリーンリーダー(およびおそらく検索エンジン)でのみ表示されます。参照してくださいwebaim.org/techniques/images/longdesc#longdesc
ダン・ディプロ

私は実際にグラフィックの説明を提示するための最良の方法を探していません...私はそれを言っていないマット・カッツの引用参照していました...スパムです。彼がaltやのlongdesc属性の使用について話しているように聞こえますが、キーとは、コンテンツを表示するためのメカニズムがあるかどうかです。
アンディ

7

あなたがそれを悪用していないなら、それは問題になりません。現時点では、GoogleはCSSスタイルシートをクロールせず、display: none

Googleは、広く使用されているスタイルルールに対して戦争を宣言するつもりはありません。サイトに1000個のキーワードを追加する可能性がある、display: noneまたはさらに悪いと考えている人に警告を発しているだけです。margin-left: 9999px


6

「display:none」は、適切なツールである場合にのみ使用してください。

引用が示唆しているように、検索エンジンがディスプレイなしで持つ問題はスパムではありません。使用するツールに関係なく、検索エンジンにスパムを送信することは悪い考えです。スパム以外にCSSを使用する場合、問題はありません。

適切な仕事に最適なツール。


3
ありがとう。質問はdisplay: none、適切なツールがいつになるかとなります。CSSをスパム以外に使用する場合display: none、それは問題になりません。要素を削除するための怠wayな方法として使用する場合、それは問題になりませんか?
アンディ

@Andyディスプレイ:一部のコンテンツを表示したくない場合、noneは正しいツールです。要素を削除するには、要素をまったく含めない(またはJavaScriptを使用している場合はDOMから要素を削除する)のが最適です。display:noneを使用してページからコンテンツを削除すると、ユーザーには表示されませんが、検索エンジンは引き続きインデックスを作成するため、スパムになります。何らかの「表示/非表示」ボタン、またはそのようなものがあれば、それで構いません。
-luiscubal

4

私はDan Diploに同意し、彼が言ったことに加えて、Google自体display: noneHOME PAGEで使用していますので、スパムに使用しない限り、それを使用することは本当に問題になりません(つまり、ディスプレイのキーワード:DIVパネルなし)。

Googleホームページを開き、HTMLソースコードを確認します。display:noneあなたを検索すると、何度も表示されます。:)


ありがとうマルコ。それでもdisplay: none決して表示されない要素に使用できるかどうかという疑問が残ります。
アンディ

@Andy:目に見えない要素は単なるスパムであると想定されています。なぜ目に見えない要素を使用する必要があるのか​​、なぜそれらをHTMLページに配置するのかわからないのですか?したがって、それらを使用するのは良い考えではないでしょう。Googleは現在または将来それらを検出し、サイトにペナルティを科す可能性があります。
マルコデマイオ

私が考えることができる唯一の例は、CMSを使用している場合であり、時間的な理由で、CSSを使用してマークアップを完全にカスタムテーマ化するのではなく、1つまたは2つの小さなマークアップを非表示にすることができます。(そして、私はQに現在の状況をより良く理解するように頼んでいるだけです-私が選んだCMSはDrupalです。マークアップの変更は素早く簡単です。)
Andy

@Andy-検索エンジンが数千行のjavascriptを読み取り、要素を表示することが論理的に不可能なケースを識別することは論理的にも可能ですか?$('.'+somevar).show();すべての可能な値somevarが持つ可能性のあるすべての値を特定し、それをDOMのあらゆる状態と比較する1行でサイトのコードを調査するには、膨大なリバースエンジニアリングが必要になります。 div要素は、例たくさんではないだろう論理によるデータ入力、API / AJAX呼び出しの結果、ユーザーの行動などを示すことが、でき ...
user568458

@ user568458これは、質問の最後の段落でEric Engeによって、受け入れられた回答でDan Diploによって指摘されている点だと思います。
アンディ

3

私はあなたが他の選択肢を考え出そうとするべきだと思うが、ここにいくつかの参考記事がある

このトピックに関するWebmasterラジオチャットにMaileとVanessaへのリンクが含まれています http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

マイレはGoogleエンジニアです http://maileohye.com/html-text-indent-not-messing-up-your-rankings/

これはGoogleが解決策を考え出すものですが、長期的な見通しを立てると、負のオフセットとディスプレイは安全ではありません。


0

GoogleはCSS display:noneコンテンツをクロールします。

Googleから何かを隠すことは、検索ランキングを意図的に操作しようとしている場合にのみ悪いことです。

訪問者からの隠されたオプションとテキストは、インタラクティブなWebサイトがどのようになったかを考えると、今では一般的な慣習です。したがって、心配する必要はありません。これまで、人々はこの種の方法を使用してSEOをゲームし、キーワードやリンクを隠していました。その結果、Googleが閲覧者に隠されたものを含むサイトをクロールすると、そのサイトは信頼性が低いと見なされていました。


0

Googleでseoとの会議を行ったところ、これは事実ではありません。確実にペナルティなしを表示します。代わりに、可視性を処理するか、負のテキストサイズまたは負のインデントを使用する前にこれを処理しました。

テキストは目に見える必要があり、目に見える方法で邪魔されないことが必要であるという事実です。少なくともボイラープレートはなく、重複したコンテンツや遅延コンテンツはありません。

ちなみに、グーグルは自分のサイトでやりたいことを何でもできるので、たとえそれがジャガイモだったとしても、おそらく自分自身を最優先に考えています。

特に、提案され、おそらく使用されると思われるアプローチは、それを示すことであり、設計上の結果に関係ありません。

万が一この種のスタイルが考慮されていないかどうかをチェックするために、z-indexing(階層化)として提案します。しかし、私はアルゴリズムがこれを考慮するのに十分強いとは思いません。または、画面サイズに対するボックス位置の計算など、ネガティブポジショニングを視覚的なブロックと見なします。

seo ergoクライアントの関心に関連するテキストが表示されるはずです。


1
この答えは間違っています。どんな会議に行っても、ひどいものです。彼らがあなたに食べさせた他のごみは想像できません。彼らはおそらくメタタグも重要だと言ったでしょう。
ジョンコンデ

1
キーワードの長いリストを作成し、それをページに配置し、display:noneで非表示にすると、Googleはサイトにペナルティを科すことは事実です。インデックスを作成するテキストを表示する必要があることも事実です。他の回答が指摘しているように、display:noneには正当な用途があります。
スティーブンオステルミラー

テキストを隠すために使用される技術的な手段は、Googleにとってはまったく問題ではありません。Zインデックスまたはネガティブポジショニングを使用してGoogleを覆す可能性があるという推測は、まったく間違っています。Googlebotが今のページをレンダリングすると、他の回答が指摘page.Asの画素ではない現れてからテキストを防止するために使用される任意の手段を検出することができます
スティーブンOstermiller
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.