スパム行為について

質問

リストを作成し、背景画像を配置してCSSでマウスオーバー時に画像が切り替わるよう設定しているのですが、テキストをインデント-9999pxでページ上に表記されないようにしています。
これはいわゆるスパム行為としてみなされるのでしょうか。

回答No.3

grizzlycat · ベストアンサー

テキストが必要かどうかは対象のブラウザ、ユーザーによって、またはキーワードとして重視するかによって違ってくるので置いておきます。

「text-indent: -9999px;」のように派手に隠さなくても（もしかしたらこの値を拾ってスパム行為とするロボットの仕組みもある？）、よくある方法で「overflow: hidden」と「height: 0」、「padding-top:～」を組み合わせる事で表現もできます。

提示していただいているソースと組み合わせてみました。

#h_navi{
～～～～
height: 31px;
～～～～
}

#h_navi li{
float: left;
width: 121px;
}

#h_navi a{
display: block;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 31px;
background: url(../images/h_navi.gif);
}

#h_naviに高さを31pxに指定、aでは「height: 0」を指定しその分だけ「padding-top: 31px」でコンテンツをずらし、「overflow: hidden」の指定で収まりきらないコンテンツを非表示にしてます。

あとは「#h_navi02 a { background-position: -120px 0 }」で画像を表示します。

昔のブラウザ用に「height /**/:31px;」と退避しておくのもパターンです。

スパム行為かどうかについてですが、ありふれた手法でもあるので問題はないと思います。これらはCSSそのものが適用されないなら問題ないのですが、画像だけが表示できない環境だとメニューが見れない弱点があります。あまりそのような環境を眼にした事ないので自分はさほど気にしていません…

回答No.2

MAN_MA_RUI

いや、そうじゃなくて何故隠しテキストを用意する必要があるのかということです。
表示する必要がなければページ中に書かなくていいのではないでしょうか？

SEO対策として隠しテキストを入れると、検索エンジンに気づかれなくても実質はスパムと同等の行為に…。

回答No.1

MAN_MA_RUI

はい、では補足をお願いしましょう。何のためにそんなことをしているのですか？^^;

補足

ページのヘッダー部にあるリストをグローバルナビにしているのです。
画像は1枚で制作しており、マウスを置くと画像が切り替わるようにしています。
タグでいうと、
---html---
<div id="h_navi">
<ul>
<li id="h_navi01"><a href="">ニュース</a></li>
・・・以下、"h_navi02"と続いていきます。
</div>

---css---
#h_navi li,#h_navi a{
float: left;
display: block;
width: 121px;
height: 31px;
background: url(../images/h_navi.gif);
text-indent: -9999px;
}
#h_navi02 a { background-position: -120px 0 }
・・・以下、#h_navi03 a と続いていきます。

上記のような感じで設定しているのですが・・・どんなもんでしょう。