福岡・筑紫野市のホームページ制作会社「WEBプラネット」。
WordPress(CMS)×スマホ対応(レスポンシブWebデザイン)の
ホームページを福岡を中心に全国対応で制作!

隠しリンクと隠しテキストとは?

ホーム » ブログ » SEO対策 » 隠しリンクと隠しテキストとは?
2022-05-16
隠しリンクと隠しテキストとは?

隠しリンクとは、主にCSSでアンカーテキストを制御してユーザーに見えないように設置するリンクのことです。
また、隠しテキストとは、主にCSSでWebページ内の文章や単語(一部の語句)などのを制御してユーザーに見えないように設置するテキストのことです。
この隠しリンクや隠しテキストは、偽装行為とみなされてGoogleのガイドラインに違反する可能性があります。

つまり、SEOに悪い影響を与えます。

一方、隠しリンクや隠しテキストを使わなければ、ユーザーにコンテンツを全て見せることができます。
この場合、ユーザーの利便性が保たれるのでペナルティを受ける可能性が下がります。
つまり、Googleのガイドラインに準拠した健全なサイトとして、Googleに評価されやすくなるというわけです。

こうした良い状況にするために、隠しリンクや隠しテキストを避けて、コンテンツの品質を下げないようにしましょう。

隠しリンクと隠しテキストとは?

隠しリンクとは、主にCSSでアンカーテキストを制御してユーザーに見えないように設置するリンクのことです。
また、隠しテキストとは、主にCSSでWebページ内の文章や単語(一部の語句)などのを制御してユーザーに見えないように設置するテキストのことです。
この隠しリンクと隠しテキストは、SEOスパム行為であり、品質に関するガイドライン違反によるペナルティを受け、サイト評価を下げるリスクがある手法です。

隠しリンクと隠しテキストは、「背景色と同色にする」「webブラウザでは見えない場所にずらす」などの方法で、リンクやテキストを隠すケースが多くみられます。

「隠しリンクと隠しテキスト」のHTMLソース・CSSの探し方(見つけ方)

「隠しリンクと隠しテキスト」のHTMLソース・CSSは、以下のような探し方(見つけ方)があります。

  • 極端な数値指定「text-indent: -9999px」のようなCSSを見つけ、Web画面の外に飛ばすような段落指定をチェックしながら、隠しリンクや隠しテキスト箇所を探す。
    「font-size: 1px」「font-size: 0px」のようなCSSを見つけ、見ずらいフォントサイズをチェックしながら、隠しリンクや隠しテキスト箇所を探す。
  • 背景色と同色の指定「color: #FFF; background-color: #FFF」のようなCSSを見つけ、文字が見えないよう背景色と同色かチェックしながら、隠しリンクや隠しテキスト箇所を探す。
  • コンテンツ非表示指定「display:none」のCSSを見つけ、コンテンツ非表示かチェックしながら、隠しリンクや隠しテキスト箇所を探す。
  • テキストコンテンツをドラッグWebページ閲覧時にマウスカーソルでテキストコンテンツをドラッグし、見えない部分から文字が表示されないかチェックしながら、隠しリンクや隠しテキスト箇所を探す。
  • コンテンツの重なり指定z-indexやpositionなどのCSSを見つけ、画像の下にコンテンツが回り込んでないかチェックしながら、隠しリンクや隠しテキスト箇所を探す

上記のよう、検索エンジンのみを対象とした部分がないかチェックし、隠しリンクと隠しテキストを探しましょう。

「隠しリンクと隠しテキスト」のSEOペナルティについて

昔に比べ、実施するサイトが減りましたが、いまでも隠しリンクや隠しテキストを実施してるサイトが存在してます。

隠しリンクや隠しテキスト実施により、Googleガイドライン違反でSEOペナルティを受け、「インデックス削除」「検索順位下落」といったサイト制裁を受ける恐れがあります。

やってはいけない「隠しリンクと隠しテキスト」の作り方

Googleガイドライン違反である「隠しリンクと隠しテキスト」は、以下のように作られてるケースが多くみられます。
※参考:隠しテキストと隠しリンク – Search Console ヘルプ

  • 白の背景で白のテキストを使用するWebページの背景色を「background-color: #FFF」、テキストの色を「color: #FFF」でCSS指定し、隠しリンクや隠しテキストを作る
  • テキストを画像の背後に置く「position」「z-index」のCSS指定で画像の後ろにテキストを配置し、隠しリンクや隠しテキストを作る。
  • CSS を使用してテキストを画面の外に配置する「text-indent: -9999px」のCSS指定でWeb画面の外にテキストを配置し、隠しリンクや隠しテキストを作る。
  • フォントサイズを0に設定する「font-size: 0px」のCSS指定でテキストを見えなくし、隠しリンクや隠しテキストを作る。
  • 小さな1文字(段落中のハイフンなど)のみや小さな画像をリンクにしてリンクを隠すハイフンやアンダーバー、半角1文字、小さな画像などをアンカーリンクにし、クリックしずらいリンクにしながら、隠しリンクや隠しテキストを作る。

まとめ:隠しリンクや隠しテキストを避けて、コンテンツの品質を下げないようにしよう

隠しリンクや隠しテキストを避けて、コンテンツの品質を下げないようにしましょう。

一方、隠しリンクや隠しテキストを使えば、ユーザーが見れないコンテンツが存在することになります。
この場合、クローラーだけにコンテンツを認識させてSEO評価を高めようという偽装行為にみなされる可能性があります。
この偽装行為は、最悪Googleのガイドライン違反にあたり、ペナルティを招きます。
結果、検索順位が下がったり、検索流入が減少するというわけです。

こうした悪い状況を回避する為に、隠しリンクや隠しテキストを避けて、コンテンツの品質を下げないようにしましょう。