コピペ１分！ライブドアブログの目次と見出しの作り方＆カスタマイズ

こんにちは。この記事を書いたブログ管理人の後藤です。

「ブログを始めたけど稼げない」という悩みはありませんか？

最短で稼ぎたい人は下記よりバナーをクリックしておいてください。

こちらをクリック
↓　↓　↓

それでは本編に入ります。

今回はライブドアブログの目次と見出しの作り方を解説いたします。サンプルを用意しましたのでコピペすれば１分で完成します。

コピペで目次と見出しを同時に作れます！

また後半では目次の背景色を変えたり番号を付けたりなどのカスタマイズ方法もお伝えしております。とっても簡単なのでサクッと一緒にやっていきましょう。

ライブドアブログをまだ作っていない人はライブドアブログの始め方と作り方の記事を参考にサクッと準備しておいて下さい。

【ブログで稼ぎたい人へ】

なかなか上位表示しない
全然アクセスが増えない
どんなジャンルを扱えばよいか分からない

こういった悩みをお持ちの方は下記をご覧ください。

⇒無料アフィリエイト講座

きっとブログに関するほとんどの悩みを解決できるはずです。

【見本】このような目次が簡単に作れます

今回のノウハウを使えば下記図のような目次を簡単に作る事ができます。

目次のリンクをクリックすると各見出しにジャンプします。

最近のブログではこのように目次と見出しを付けるのが当たり前になってきました。なぜなら目次があることにより読者さんが知りたい情報に一発でジャンプできますし、それにより直帰率を減らす事が可能だからです。

「直帰率が減る＝読者の満足度が高い」

このように判断されてグーグルの検索結果も上位表示されやすくなります。

目次と見出しを同時に作る方法

ライブドアブログは使いやすくて便利なのですが、目次を自動で作る機能がありません。でもコピペだけで簡単に目次と見出しを作れるようにサンプルを用意しましたので一緒にやってみましょう。

ライブドアブログのマイページを開いて下さい。

今回は練習として新規で記事を書いてみましょう。「記事を書く」をクリック。

目次と見出しを作るためには「HTMLタグ編集」をクリックします。

このようにバックがクリーム色になったらHTMLタグ編集画面です。ここに下記をコピーして貼り付けます。

【こちらををコピーして下さい】

<div style="text-align:left;padding:10px;border-color:#cccccc;border-width:2px;border-style:solid;width:90%;background:#ffffff;">
<b>目次</b><br />
<a href="#1">見出し1</a><br />
<a href="#2">見出し2</a><br />
<a href="#3">見出し3</a><br />
<a href="#4">見出し4</a><br />
<a href="#5">見出し5</a><br />
</div>
 
 
<h2 id="1">見出し1</h2>
 
ここに文章を入力。
 
<h2 id="2">見出し2</h2>
 
ここに文章を入力。
 
<h2 id="3">見出し3</h2>
 
ここに文章を入力。
 
<h2 id="4">見出し4</h2>
 
ここに文章を入力。
 
<h2 id="5">見出し5</h2>
 
ここに文章を入力。

上記をコピーして、