記事タイトルの下にラベル(カテゴリー)を表示させる方法! -BloggerのSEO対策-

2017/09/04

Blogger SEO対策 ブログの技


いろんなブログを見ているとよく記事タイトルの下にカテゴリが出ているのをみます。

これによってこの記事以外の関連する記事を読みたい場合、サイドバーにあるラベルやカテゴリの中からそれらが見つけやすくなります。

Bloggerの標準ではタイトルの下にラベル(カテゴリ)がありませんが、設定を変更すれば表示できることが分かりましたのでそれを書いていこうと思います。
(注:自分が使っているのはBloggerなのでBlogger用の話ですが、他のブログでも応用できるかもしれません)




まずはHTML編集へ


Bloggerの「テーマ」から「HTMLの編集」をクリックします。
するとアルファベットの数字がずらっと並ぶブログのHTMLをいじる画面が出てきます。
その中に、

<div class="post-header-line-1">
</div>


というところがあるので<div class="post-header-line-1"></div>の間に、

<div class='labelheader'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if></span></div>


これをコピペしてください。
後は「テーマを保存」で完了です。



書き加える場所を探そう


といっても

<div class="post-header-line-1"></div>    

なんてどこにあるんや?という方もいるでしょうから書いておきます。
テーマ」で「HTMLの編集」に行きHTMLの画面に行ったら、
上の方に「ウィジェットへ移動」というものがあるのでそれをクリックし、
Blog 1」を選びます。
そこの後半辺りにありますので探しましょう。
管理人の場合は1826行目のところにありました。

1826番のところにあるのでその辺りを探しましょう

見つけたらコピペし「テーマを保存」をクリックして終了です。



するとこうなる


ちゃんと出来ていればこうなります。


タイトルの下にラベルが表示されました。



最後に


このブログは左側にタイトル下のラベルが表示されますが、
テンプレートのカスタマイズをいじればこれを右側に持ってくることもできるみたいです。
もっと変更させたい方はググっていろいろ調べてみましょう。



QooQ