ブログで記事作成するのに目次を作る理由

くまはちLABのブログ記事にはよく目次を設置しております。

この目的は、SEO対策と思われる方も多いようですがそうではありません。

目次は、ブログ記事を読みに来てくれたユーザーが便利なように設置しているのです。

結果的にSEO対策になっている場合もあるようですが、大前提はユーザーのためなのです。

目次で内部リンクにする理由

目次が内部リンクになっているのは、ユーザーが知りたいところだけを読めるようにです。手前にいろいろあるとスクロールするだけで大変です。

また、ワードプレスで記事を書く場合にページをまたぐ場合があります。

そういった場合でも目次でリンクしておくとユーザー目線からするとかなり便利ですね

Howtoなどのページなどで手前のことは知ってるなどの場合に飛ばして読みたいとかあると特にそう思います。

最近ではスマホで読むことも多くかなり便利なことも多いですね

それ以外でも便利に使えることはよくやっていますが・・・

目次で使っているタグ

実は、くまはちLABではこの目次についてテンプレートを作成して使いまわしております。

特にアメブロなどそれをそっくり使っているのです。

目次本体には、囲み枠を使っています。

その中にリストタグであるOLタグを使って番号順にしております。

また、目次内のリンクはAタグですが、属性がhrefではなくnameを使っております。

リンク先は、各見出しタグに向けてリンクしているのです。

アメブロなどではちょっとテンプレートを配布する予定にしております。

上記サイトのような感じになるので参考にしてください。

配布するのは下記のメンバーズエリアになります。

現在は、配布ページで使い方やカスタマイズ方法を執筆中になります。

もし、使って見られる方はAmecareを使うと便利です。

Amecareについては、下記を参考にしてください。

SEOの効果

今のところ、正直あまり実感ないですがないよりはあるといったところのようです。

ただ、これは結果的なことでありこの効果を狙うためでないということをご理解しておいて下さい。

「アメブロ　アメケアの使い方」などで検索された場合に目次に「アメケアの使い方」が入ってるとHitすることもあるようです。

くまはちLABのアメブロもそれなりに検索されているようです。

目次でリンクになっていることと見出しタグを使っている場合にそうやってヒットしていることが多いようです。

見出しといいながらDIVタグで装飾してる場合は、弱いようですね

見出しは、やはりHタグでH2くらいを使う方がいいようです。

検索されることを考えるとDIVタグでなくちゃんとHタグを使うと覚えておいて下さい。

その辺りを考慮したアメブロ用のテンプレートになっています。

目次やテンプレートについてのお問い合わせは、下記よりお願いします。