用語集

display none

display noneはcssのプロパティの1つで、指定した要素の表示・非表示を切り替える際などに使用されます。
例えば、同じHTML内で端末ごとに表示させる内容を切り替える方法が考えられます。

display noneで見えなくなった要素もソースを見ればわかるため、htmlを見ているロボットとブラウザを見ているユーザーとで表示される内容が異なります。

display noneを設定する際のSEO上の注意点
display noneを悪用すればユーザーから見えないように検索エンジンにだけテキストなどを見せることができるようになります。
このようなテキストは隠しテキストとして、Googleのガイドラインにて禁止されており、そうした用途での使用が認められてしまうとペナルティを受ける可能性があります。

スパムとして扱われなくても、display noneで隠している部分の内容は、検索エンジンから全くもしくはほとんど評価されません。
ページ内の重要なコンテンツは常に表示されるようにし、display noneを使うのはサポート的なコンテンツにとどめておくことがおすすめです。

visibility:hiddenとの違い
display noneと似たものに、visibility:hiddenがあります。
display noneの場合には、要素は無くなったものと見なされ、次にある要素が詰めて表示される一方、visibility:hiddenは単純に見えなくするだけなので、visibility:hiddenで指定された領域は空白として表示されます。
こうした違いはあるとはいえ、visibility:hiddenもdisplay noneと同様に、ユーザーから要素が見えなくなるという点では同じですので、不正なSEO目的で使用するとスパムとして扱われる可能性があります。







無料資料ダウンロード

サービス資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. 弊社社長、根岸がSEOの漫画になりました!

    マンガマーケティングの領域において3000件近くの実績を誇る 株式会社シンフィールドさんとの コラボレーション企画で、弊社社長の根岸のインタビューを漫画にして頂きました。 弊社同様、マンガを作成頂きたい方は、こちらからお […]...

    1. Google検索品質評価ガイドラインの要約とSEOへの活用方法

      Googleの検索品質評価ガイドラインとは、Googleが自身の検索エンジンの品質を評価するために、外部の品質評価者に向けて評価方法を説明した資料のことです。 検索品質評価ガイドラインには、Googleがどのようなページ […]...

      1. サクラサクラボ8月のツイートまとめ

        当サイトのツイッターアカウント(@sakurasakulabo)のツイートから、8月のイベントを振り返ります。 ツイッターのフォローはこちらからお願いします。 Follow @sakurasakulabo 8月の変動 7 […]...

おすすめコンテンツ

  1. コンテンツマーケティングとは?特徴と事例、社内でできる方法を解説します

    ここ数年で急激にコンテンツマーケティングという言葉を聞くようになりました。しかし、「興味があるがまだ着手できていない」という人や、「そもそもどんなコンテンツを作ればいいのかわからない」、「社内で運用しているが成果がでない […]...

    1. SEO対策(検索エンジン最適化)とは~Googleで上位表示を実現する方法

      目次 1. SEO(Search Engine Optimization:検索エンジン最適化)とは 2. SEOの現在(検索エンジン最適化≒Google最適化) 3. Google Search Consoleの活用とS […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        SEOに強いコンテンツとは 検索エンジンで上位表示をさせるためには、サイトパワーとユーザーが求めるコンテンツが必要です。 ユーザーが求めるコンテンツとは、情報や課題の解決方法であり、それを満たすコンテンツを多く提供してい […]...

最新情報を取得する

PAGE TOP