cssのtext-indentプロパティを使用して、テキストを飛ばし、ブラウザ上では画像を見せるといういわゆる「画像置換」という技術があります。
上記のcssの例。
#hogehoge {
text-indent: -9999px;
}
個人的にはこのマークアップは嫌いです。
理由は1つしかないのですが、単純に「ウェブページのコンテンツを正しく表現していない」からです。
が、以前、この「画像置換」を好む輩もいます。
特に仕事をいっしょにする同業者がこのケースだと正直テンションダウンです。
「あぁ、本質を知らないんですね」って感じで。
今回、Googleが公式に発表してくれたおかげで、こうした「知らない」ヒトへの説得が楽になりました（笑）。
ということで、Googleのブログより。
Webmaster Central 日本版 公式ブログ: 隠しテキストは Google のウェブマスター向けガイドライン違反です
Google の検索は、隠しテキストに限らず、ユーザーが閲覧するウェブページと Googlebot が取得するウェブページの情報が大きく異なる状態を好みません。
Googleが明確に書いてくれました。
ただ、下記のようにも書いています。
画像の内容と CSS や alt 属性による代替テキストが完全に一致していなければならないわけではありません。
つまり、恣意的にやらない限りでは問題がないとも言えるのですが、それでもオーソドックスにマークアップするに越したことはありませんよね。
ぜひ、そうしましょう。
