はてなブログにはないSEO対策-パンくずリスト・関連記事リスト・子カテゴリ備忘録
最近始めたブログですが、使いやすいはてなブログでも多少のカスタマイズは必要になります。そこで、ほかのWEBページで集めた、はてなブログカスタマイズを集めた備忘録を作りました。(本気でコピペだけなので、カスタマイズとは言えませんが)
- パンくずリスト
- 関連記事リスト
- 子カテゴリ
まず、パンくずリストとは
パンくずリストとは、ユーザーが今WEBサイト内のどの位置にいるのかを視覚的に分かりやすくするため、上位の階層となるWEBページを階層順にリストアップしてリンクを設置したリストのことを指します。
参考のウェブサイトでは、グーグル検索上に表示させることもできる。
出典はここです。非常にお世話になっております。
①ダッシュボートのデザイン画面における「フッタ」に以下のコードをコピペ。
以下の青い文字を。
<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/breadcrumb.js" charset="utf-8"></script>
② パンくずリストを表示さる場所(記事上 or 記事下)に以下のコードをコピペ。(私はパンくずを記事上にしました)
<style>
div #breadcrumb div {
display: inline;
font-size: 13px;
}
</style>
<div id="breadcrumb"></div>
関連記事リスト
記事下に
下の青い文章は関連記事のもの。
<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/gatcha.js" charset="utf-8"></script>
<script type="text/javascript">
writeGatcha(3,'entryGatcha','category','あわせて読みたい' ,true);
google.setOnLoadCallback(function(){ writeGatchaCategory('entryGatcha') } );
</script>
赤い数字の3を変えれば、自分でも関連記事の数を変えられます。
最後に子カテゴリ
はてなブログには子カテゴリを作れないと知り、ここまで使いやすいのに意外と感じましたが、しっかり方法はあるようでした。以下では最後のほうにありました。
やることは2つあって
- まず親カテゴリを作って
- (親カテゴリの名前)-(子カテゴリの名前)を作ればそれで終わりです。
結果的には
なぜか2つ出てきてましたが、満足(コピペなので、これは功罪だと理解)
下のほうに関連記事が出てきてくれます。
以下参考リンク: