これってスパムですか？

質問

CSS＋HTMLでテーブルを使用しないサイト制作をしていますが、<h1>タグに関してはCSSで背景画像を設定して、下記のようなソースにしているのですが、これってGoogleなどでスパム行為としてペナルティーなど受ける可能性があるのでしょうか？

●CSS--------------

h1 {
font-size: 14px;
color: #FFFFFF;
background-image: url(img/title.gif);
background-repeat: no-repeat;
margin: 0px;
}
.hidden { display: none; }

●HTML------------

<h1><span class="hidden">プロフィール</span></h1>

よろしくお願い申し上げます。

回答No.1

partita · ベストアンサー

私も似たようなことをしていますが、検索対象になっていました。CSS、HTMLは以下のようにしています。display:none;は一部音声ブラウザに対応していないので、text-indentを使用しています。

h1 {
text-indent:-9999px;
background-image: url(img/title.gif);
background-repeat: no-repeat;
width:200px;
height:25px;
margin:0;
padding:0;
}

<h1>プロフィール</h1>

お礼

早速、ご回答頂き、ありがとうございました！
なるほど、text-indent を負の値に設定することでも同様な表示が実現できるのですね気がつきませんでした。

また
「display:none;は一部音声ブラウザに対応していないので」
は、大変参考になりました。丁寧に解説して頂き改めて御礼申し上げます。

回答No.2

noname#19206

h1などの見出しが見出しだと分からないようなCSSの書き方は、
例えエンジンに弾かれなくてもスパム行為とみられる場合もありえますが、
見出しだと分かるのであればたとえフォントサイズを変えても、
太字を解除しても問題ないのではないかと思います。（場合によりけり）

お礼

ご回答頂きありがとうございます。
h1が見出しとしての機能を果たしておけば問題は無いということですね、基本的にgoogle等の検索エンジンは画像などのalt指定よりもテキストを重要視すると思うのですが、サイト上の見出しは画像などの装飾した綺麗に見える文字を使いたいと考えておりまして、今回のような質問をさせて頂きました。
<h1><img src="sub_title.gif" alt="見出し(1)"></h1>
上記のような記述では見出しなのに検索エンジンがあまり重要視しない alt 部分しかh1タグに含まれていないので、今回の質問のようにテキストを画面から隠す（スパムをしようという悪意はありません）ことを考えた訳です。

丁寧にご回答頂きありがとうございましたm(_ _)m