メニュー

メニュー

2017年3月14日火曜日

Bloggerでヘッダタイトル画像にh1タグをつけてSEO対策をしてみた | 日々のメモ帖 by holidaybuggy1980 holidaybuggy1980
300 300

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

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

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

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


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

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

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


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

当ブログにおける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>


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

0 件のコメント:

コメントを投稿