Bloggerでヘッダタイトル画像にh1タグをつけてSEO対策をしてみた

検索エンジンでの検索順位を上げるためにh1タグが大きな役割を担っているとのことなので、当ブログにh1タグがあるかどうか調べたところありませんでした。

普通はページタイトルにh1タグをつけるとのことですが、当ページでは画像のためつけられるかどうか調べたところ、つけられるみたいなので実施してみました。

画像で使用する場合の条件

画像で使用する場合、imgタグのalt属性に文言を追加してあればよい。

alt属性の値がない場合は検索エンジンはh1が空と認識する。

１ページにおけるh1タグの数

１ページに１個が暗黙の了解。

当ブログにおけるh1タグの設置場所

当ブログではヘッダタイトルロゴの画像にh1タグを設置することにした。

画像のalt属性値はBloggerで設定したページタイトルになっている。

設置方法

テンプレートからHTML編集にて下記コードを検索する。

<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

検索したコードの前後を下記のようにする。

<h1 class='title' style='margin-bottom:0;'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</h1>

以上、参考にしていただけたら幸いです。