h1をロゴの画像に入れ替える際のSEOについて

解決済 ShinichiN
(@shinichin)

14年、 8ヶ月前
こんにちは。
defaultテーマをカスタマイズして、オリジナルのテーマを作ろうとしています。

現状、h1部分は、
```
<div id="header" role="banner">
	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>
```
となっております。画像に変えるためには、
<h1><img /></h1>
とでもするといいのだと思いますが、その場合には、ブログタイトルが読み込まれず、SEO的に弱くなります。

また、Googleなどで検索しますと、
- h1に挿入する画像img内のaltに文字を入れる
- cssでtext-indent:-9999pxを指定して、文字を見えなくする
- cssでdisplay:noneを指定して、見えなくする
といった方法がヒットしますが、いずれも検索エンジン側でペナルティ対象となる可能性について言及されています。

最適な方法について、結論は出ているのでしょうか。
どうぞ、よろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)

shokun0803
(@shokun0803)

14年、 8ヶ月前

wordpressには直接関係のない話題になってしまいますね。
SEOに関しては「絶対これ」というものもなく、さまざまな議論に発展しかねません。
ましてSEOのフォーラムでもないので;)

というのを前提で、結論をだすと「お好きな方法でどうぞ」となります。
Google先生はaltを読んでいるらしいです。なので画像でもaltがきちんとしていされていれば問題ないはずです。そもそもxhtmlではaltがないと文法違反です。
また、-9999pxにペナルティはないそうです。現実、画像置き換えを利用しているページをgoogleウェブマスターツールに登録しても警告メールはきません。ただし飛ばしている文字と置き換えている画像の内容に大きな隔たりがあるとペナルティを受けます。
display:noneは知りません。

あくまでも個人的な見解です。

どれも憶測や推測に過ぎません。検索エンジンの仕様は公開されていませんので。
議論を大きくしない為にも異論・反論の返信はやめましょう>all

Fumito MIZUNO
(@php-web)

14年、 8ヶ月前

アクセシビリティを考えると、画像には alt を付けた方がいいでしょうね。

http://jp.fujitsu.com/webaccessibility/v2/54.html

すべての画像には、画像の内容を的確に示す alt属性をつける（画像の代替情報）。

attrip
(@attrip)

14年、 8ヶ月前

ヘッダー部分にテキストで普通にいれればいいんじゃない。
けど正直h1なんか今あんまり意味ない気もする。

V.J.Catkick
(@vjcatkick-1)

14年、 8ヶ月前

テキスト部分はそのまま残しておいて、レイヤーで上に画像を乗っけちゃえばいいんじゃないかな…

kurosquare
(@kurosquare)

14年、 8ヶ月前

「お好きな方法でどうぞ」としか申し上げられませんけれど。

CSSでh1の背景画像にして
<h1 class="title"><span class="txt_title">Example.JP</span></h1>
と
.txt_title{display:none;}
とかやってしまっても、幸い今のGoogleさんには拾われてますね（稀なケースなのかな？）

正直なところ、SEOがどうのというよりページの中身で評価していただきたいです＞検索エンジンさん
#もちろん、文法違反がより少ないほうが読みやすいとは思いますが。

トピック投稿者 ShinichiN
(@shinichin)

14年、 8ヶ月前

みなさま

ありがとうございました。少し微妙な話題を出してしまったようで、申し訳ありませんでした。非常に参考になりました。altで実施したいと思います。

ありがとうございました。