#39 背景画像の中に文字が入っている場合、HTMLの中の文字を非表示にしたい 【ぴよぴよコーダーの開発日記】
毎回毎回ググっているので、ここでメモ。
昔は -9999pxで飛ばせ。とか言われてたじゃないですか。でもその後、スパム判定されるとか、いろんな噂があって、、それ以降、何が正解かわからないけど、なるべく背景画像やめて、imgタグにaltでやっていたんですが、案件によっては、背景画像にしないといけないものもあって、そんな時どうしようかなと。テキストを伝えたいけど、スパムはいやだ。
同じようなことを考えている方はいるもので、下記を参考にしました。
.u-text-off {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
追記:後日、TAKさんの下記のツィートを発見。-9999pxだろうが、-10000pxだろうが、Google DevelopersブログでもOKって言っているので、大丈夫そうですね。よっぽど何百個も隠しキーワード埋め込むとかしなければペナルティにならなそう。まぁ上記コードのtext-indent:100%のほうが、なんとなくブラウザレンダリングのコスト減りそう?かな。
元ソース:コンテンツの非表示と更新
この記事が気に入ったらサポートをしてみませんか?