隠しテキスト、隠し文字にキーワード、隠しリンクにアンカーテキスト
レガシーなブラックハットで、ユーザーがブラウザーで見る画面と、検索エンジンがクロールするソースとが違うことが問題。
隠し文字（隠しテキスト）
背景色と同色のフォント
キーワード1、キーワード2、キーワード3、キーワード4、キーワード5、キーワード6、キーワード7、キーワード8、キーワード9、キーワード10、キーワード11、キーワード12、キーワード13、キーワード14、キーワード15
ソースは↓
<p style="color:#FFF">キーワード1、キーワード2、キーワード3、キーワード4、キーワード5、キーワード6、キーワード7、キーワード8、キーワード9、キーワード10、キーワード11、キーワード12、キーワード13、キーワード14、キーワード15</p>
※不自然なスペースを見付けたら、ドラッグしてみるといい。隠しテキストがみえるかも。
過小サイズのフォント
過小サイズのフォント
キーワード1、キーワード2、キーワード3、キーワード4、キーワード5、キーワード6、キーワード7、キーワード8、キーワード9、キーワード10、キーワード11、キーワード12、キーワード13、キーワード14、キーワード15
ソースは↓
<p style="font-size:1px">キーワード1、キーワード2、キーワード3、キーワード4、キーワード5、キーワード6、キーワード7、キーワード8、キーワード9、キーワード10、キーワード11、キーワード12、キーワード13、キーワード14、キーワード15</p>
※画像のラインかな？と見せ掛ける。
隠しリンク スパム
一般的な隠しリンク
<a href="index.html">.</a>
さらに悪質な隠しリンクは、
<a href="index.html" title="キーワード" class="spam">.</a>
a.spam:link { color:#FFFFFF; cursor: default; }
a.spam:visited { color:#FFFFFF; cursor: default; }
a.spam:hover { color:#FFFFFF; cursor: default; }
a.spam:active { color:#FFFFFF; cursor: default; }
色も変わらなければ、カーソルも変わらない。Internet Explorerでは、タイトルのチップ表示、ステータスバーのURL表示で確認できるのだが…
隠しテキストと合体
<a href="index.html" class="spam">キーワード</a>
a.spam:link { color:#FFFFFF; }
a.spam:visited { color:#FFFFFF; }
a.spam:hover { color:#FFFFFF; }
a.spam:active { color:#FFFFFF; }
<a href="index.html" class="spam" title="キーワード1、キーワード2、…">キーワード</a>
a.spam:link { color:#FFFFFF; }
a.spam:visited { color:#FFFFFF; }
a.spam:hover { color:#FFFFFF; }
a.spam:active { color:#FFFFFF; }
隠し画像と合体
<a href="index.html"><img src="spam.gif" width="1" height="1" border="0"></a>
<a href="index.html"><img src="spam.gif" width="1" height="1" border="0" alt="キーワード1、キーワード2、…"></a>
もちろん、画像（spam.gif）は透明もしくは背景色と同色にする。
関連コンテンツ
サイト内検索（by Googleカスタム検索）
