トップページ >>ブログ>>ブログのの作り方

超簡単!ブログの目次や見出しを使った構成案の作り方を図解解説

ブログの作り方を解説するイメージ画像

富田貴典

初心者向けに、ブログの目次や見出しを利用した構成案の作り方を分かりやすく図解入りで解説

ブログの目次の作り方

このページでは、Wordpressブログで作る見出しと目次、ブログの構成案の作り方を分かりやすく解説します。

Wordpressブログの目次は、

  • テンプレートの機能か
  • プラグイン

を使えば簡単に作り上げる事が可能です。

私のブログの目次や構成案の事例

例えば、私が利用している賢威テンプレートを使えば上記のような目次はプラグインを利用せずとも簡単に表示する事が可能です。

有料テンプレートであれば同じような目次の設定表示機能があり、基本的には目次を表示するか否かを設定するだけ。後は、見出しを書けば自動で目次が自動生成される事が多いです。

賢威テンプレートを導入したブログの目次の設定

もし、テンプレートを利用せずに目次を生成する場合は、目次が作れるプラグインを探してインストールすれば作成する事が簡単に無料で作成も可能です。

ただし、今の時代は、Googleが表示スピードの早さを求めている時代なので極力プラグインは使わない方がおすすめです。

なぜなら、その方がブログ自体が軽くなり表示スピードが早まるからです。

実際、私も以前までは、下記のTable Of Contentsというプラグインを利用して目次を生成していました。

ブログの目次が作れるプラグイン(Table Of Contents)

上記をご覧になればわかるように、目次を自動生成出来るプラグインは色々ありますが、ブログの表示スピードを速める上ではプラグインよりも目次が作れるテンプレートの利用をおすすめします。

 

ブログの目次(構成案)の作り方

次に、ブログの見出しの作り方についても解説します。見出しの作り方は、さらに簡単です。

ブログの見出しは、特にプラグイン等を使わずとも記事投稿画面で表示したい見出しタグを選択するだけ。

見出しの作り方

また、基本的にブログ記事で利用する見出しは

  • 見出し2
  • 見出し3

大半です。

場合によっては、見出し4〜5も利用する事もありますが、基本的には見出し2が1番利用して大枠の見出しを作り上げていきます。

そして、それぞれの見出しの中でさらに文章の内容を細かく分けたい場合に、見出し3以降利用します。

それから見出し1はブログのタイトルで利用されるので、記事内の各見出しは【見出し2】から利用する事を考えて下さい。

私のブログの目次や構成案の事例

例えば、上記のブログ記事の見出しは見出2と、見出し3で構成されています。

1・2・3・4と、それぞれ大枠の見出しが作られていますが、これらは見出し2で作成しています。

そして、1と2の見出し下には細かく分けられた見出しがありますが、これらは見出し2の下に見出し3を利用して作られています。

見出しの作り方

 

ブログの構成案の作り方

ここまで、ブログの目次と見出しの技術的な作り方を説明してきましたが、1番大事なのは実はブログの構成案の作り方です。

このブログの構成案を事前に決めた上で、ブログの目次設定を行い、記事投稿画面で構成案に沿って見出しを作成すればブログの目次・見出し・構成案が作りあがります。

そんなブログの構成案は、検索キーワードを調べて作り上げる必要があります。

私のブログの目次や構成案の事例

例えば、何度もお見せしている上記の記事の構成案は、ラッコキーワード使って【ahamo】で検索している人の

  1. 検索キーワード一覧と
  2. 月間検索数を

リストアップして、そこから見つけた【ahamo デザリング】というキーワード一覧を網羅する形でブログの構成案を作りました。

ラッコキーワードで構成案に繋がるキーワードを調査

要は、ブログの構成案は、検索されているキーワード一覧と月間検索数を表示し、検索数の多い順から構成案を考えて作り上げていく必要があるんです。

そうすれば、その検索キーワードに対して求められている情報を網羅した記事を作り上げられるので、検索ユーザーが求めているブログの構成案=目次と見出しになった記事を仕上げられるようになるんです。

詳しい事は下記の【ネットビジネス初心者の方へ】と書かれた初心者向けの記事でも解説していますので是非参考にしてみて下さい。

 

ネットビジネス初心者の方へ↓

ネットビジネスで自由を手にした男性のイメージ画像

【初心者向け】資産型ネットビジネス始め方

step1.html

アフィリエイトサイトのイメージ画像

アフィリエイトとは?資産型ブログ成功事例

step2.html

資産構築型アフィリエイトのイメージ画像

自由を手にする資産型アフィリエイト入門

step3.html