CSS text-indentによるSEO対策の影響について

初めまして、ストークデザインの中沢と申します。

text-indentで画面から飛ばしてしまい、テキストを表示させない手法によるSEO対策の影響ですが、私の経験上で回答させて頂きます。

ご質問内容のソースを見る限り、“画像置換え”と呼ばれるリスト表示ですね。
マウスオーバーで別画像(一つの画像で表示をズラす)を表示させる物だと思いますが、私が管理しているサイトの一つで同じ様な手法を使っておりますが、特に検索結果に問題はありません。

こちらの手法をサイト全面に使用し、明らかにユーザーと検索エンジンを騙すような作り方にしますと問題がありそうですが、リストタグでのメニュー表示程度でしたら、今の所は問題無さそうです。

しかし、最近ではこの“画像置換え”は問題も指摘されています。

その問題の一つとして、画像を表示させずにCSSだけを有効にしたブラウザで見た場合は何も表示されないという事です。

こちらの手法は制作者の間でも議論になる事もありますが、2008年中のウェブ専門雑誌には、あえて使用した例も載っていましたので、問題にはならないかと思います。

ただし、こちらの手法については、以前からスパム説も流れていますし、将来はスパムと判断されてしまう可能性もあります。

こちらを回避する別の方法としては、javascriptを外部ファイルとして読み込んで、ロールオーバーさせる方法(smartRolloverが有名)がありますが、どちらにもメリット、デメリットがありますので、その時の状況で使い分けされればよろしいかと思います。