ブログの目次の作り方!初心者でもササっと作れます

ブログの目次の作り方

こんにちは。SEOアドバイザーの田村です。

ブログをしていて、目次の作り方がわからなくて、困っていませんか?

もし、WordPressを利用しているのなら、簡単に設置することができます。

そこで、本記事では、WordPressでブログを作った場合の目次の作り方について、解説しています。

ブログの目次の作り方

目次の作り方

では、WordPressでブログを作った場合の目次の作り方について、解説していきます。

プラグイン「Easy Table of Contents」

設定の仕方がとても簡単なので、パソコンが苦手な方でも操作しやすいです。

それから、定期的に、バージョンアップもしてくれるので、不具合なども起こりにくいです。

なので、「Easy Table of Contents」をおすすめしています。

では、インストールのやり方から、設定の仕方まで解説していきます。

インストールについて

まずWordPressを開いて、左側のメニューにある「プラグイン」>「新規追加」を選択します。

次に、キーワード窓に「Easy Table of Contents」と入力します。

私はすでに、インスト―ルしているので、「有効」となってますが、これからの方は「今すぐインストール」>「有効化」をクリックします。

これでプラグインが使えるようになります。

設定について

設定の画面へは、左側のメニューにある「設定」>「目次」を選択します。

では、設定項目について説明していきます。

【サポートを有効化】

チェックを入れたところに目次を表示し、個別設定が可能になります。

「投稿」の部分にチェックを入れます。

【自動挿入】

チェックをを入れた箇所には、自動で目次が挿入されるようになります。

ここも、「投稿」にチェックを入れます。

【位置】

目次を挿入する箇所を決めるところです。

「最初の見出しの前(デフォルト)」に設定しておけば大丈夫です。

【表示条件】

h1、h2などの見出しタグがいくつ以上あれば、目次を設けるかを設定するところです。

設定は「1件以上」で大丈夫です。

特に、「この設定が良い」というのはないので、ご自身の見出しの数に合わせれば良いかと思います。

【見出しラベル】

先に、見出しラベルについて説明したいと思います。

目次だとわかるように、タイトル(名前)をつけるところになります。

例えば、わかりやすく「目次」にしたり、カッコよく「コンテンツ」と、お好きな名前をつけることができます。

【見出しラベルを表示】

先程、説明した「見出しラベル」を表示させるかを設定します。

『目次だ!』とすぐにわかるので、チェックを入れることをおすすめします。

【折りたたみ表示】

訪問者ご自身で、目次を「表示」させたり、「非表示」にしたりできるようにする設定です。

ユーザーが自由に「表示・非表示」できるように、チェックを入れておきましょう。

【初期状態】

記事へ訪問した際に、初めから目次を非表示にするかしないかの設定です。

ここはチェックを外しましょう。

目次を見てもらうことで、興味を引き寄せることができ、読まれる可能性を高めることができます。

【ツリー表示】

これは、目次に階層をつけるかどうかの設定です。

チェックを入れましょう。

『ツアー表示にチェックあり』の場合

『ツアー表示にチェックなし』の場合

階層がある方が見やすいですよね。

【カウンター】

目次の前につける数字に関する設定ができます。

「ツアー表示」で見せた画像が、「小数点表示(デフォルト)」となります。

『数字』の場合

『ローマ字』の場合

デフォルトが一番見やすいかと思います。

【スクロールを滑らかにする】

スクロールを滑らかにするために、チェックを入れておきましょう。

上図の項目に関しては、デフォルトで問題はないです。

それぞれの項目について、説明します。

【幅】

目次の幅を設定できます。

【カスタム幅】

先程説明した「幅」のところで、「ユーザー定義」を選択した際に、ご自身で幅を決めることができます。

【回り込み】

目次の周りに文字や画像を入れる際に、目次を左右どちらに設定するかを決めます。

【タイトル文字サイズ】

目次タイトルの文字サイズを設定できます。

【タイトル文字の太さ】

目次タイトルの文字の太さを設定できます。

【文字サイズ】

文字のサイズを設定できます

【テーマ】

目次に適用するテーマを選択できます。

【カスタムテーマ】

先程、解説した「テーマ」で「カスタム」にチェックを入れることで、それぞれのテーマを決めることができます。

デフォルトの状態で問題ないです。

ここからは、『高度』な設定になるので、初心者の方ならデフォルトで十分です。

唯一、設定を変えるとしたら「見出し」の部分かと思います。

【見出し】

目次が生成されるときに、目次に含める見出しを設定します。

私は、「見出し1」のチェックを外しているので、目次にh1の見出しは反映されません。

私の場合は、h1タグのタイトルを外した方が見やすいと感じたので、外しているだけで、こうしなきゃならないというのはありません。

以上の設定が終わったら、忘れずに「変更を保存」してください。

保存を忘れてしまったら、せっかく変更したのに反映がされません。

目次を作る時のコツ

目次を作る時のコツ

目次を作る時のコツをお伝えしたいと思います。

目次は開いておく

あなたは、本文を読む前に、目次に目を通しませんか?

私自身、最初の頃は、目次を閉じており、興味のある人だけ、目次を開いて、見ていただければなというスタンスでした。

しかし、「目次を開く」という単純な作業ですが、けっこう面倒だということに気がつきました。

ということは、離脱されてしまっていた可能性があるわけです。

離脱を防ぐためにも、目次は常に開いておきましょう。

見出しは長すぎない

見出しが長すぎると、読みにくく、わかりにくいです。

まして、全ての見出しが長すぎたら、目を通すのがイヤになりませんか?

逆に、見出しが短いと、読みやすく、記憶に残りやすいです。

なので、見出しはできるだけ短くすることを心がけましょう。

一目で書かれている内容がわかる

内容がよくわかりにくい見出しに出会ったことはありませんか?

正直、その先に書かれている本文を読みたいとは思わなくなると思います。

なので、書かれている内容が伝わる、わかりやすい見出しをつけましょう。

ブログに目次をつけるメリット

目次を作るメリット

ブログに目次を作るメリットを3つお伝えします。

内容を把握できる

目次があると、何について書かれているのかを把握することができます。

もし、目次がなければ、下にスクロールをして、書かれている内容をチェックしなければなりません。

これは、ユーザーにとって、とても面倒な作業なので、離脱を引き起こしてしまう可能性もあるわけです。

離脱を防ぐためにも、目次を設置した方がいいのです。

知りたい情報をすぐに発見できる

ユーザーは、できるだけ早く知りたい情報を手に入れたいと思っています。

なので、目次があることで、すぐに探している答えを手にすることが可能になります。

その結果、ユーザビリティ向上につながるので、記事の評価も上がりやすくなり、SEO効果も期待できるというわけです。

読みたい部分にすぐに移動できる

目次を設置してあると、目次内の見出しタイトルをクリックすることで、その見出しタイトルの箇所へ、移動することができます。

つまり、ユーザーが自分で下へスクロールする必要がないということです。

たとえ、その箇所だけ読まれたとしても、ユーザーがそれ以上検索しない、つまり、あなたの記事を読んで、問題や悩みを解決することができたのなら、その記事の評価は上がります。

最後に

本記事では、大きく分けると、以下のことについて解説しました。

  • ブログの目次の作り方
  • 目次を作る時のコツ
  • ブログに目次を付けるメリット

ブログに目次を設定すると、ユーザビリティ向上につながりやすく、検索エンジンが高く評価され、SEO効果を期待できます。

SEO効果を期待できるのは、目次を設置することだけではありません。

他の方法も知りたい方は、下記の記事もぜひご覧ください。

必見!SEO対策のチェックリスト27項目【初心者向け】

少しでも参考になればと思います。

【PR】特典動画をプレゼント

特典

メールマガジンを無料で配信しています!

自宅でマイペースに成長できて、自由な人生を手に入れる優しいSEOアドバイザーとして活躍すること、をミッションとし、活動しています。

無料メルマガにご登録すると、初心者の方向けに、検索エンジンに高く評価され、大量のアクセスを増やすために役立つ3つの特典動画をプレゼントいたします。

強引なセールスは致しませんので、お気軽に無料メルマガにご登録していただければと思います。

また、お好きなタイミングで配信解除もできますので、ご安心ください。

それでは、「詳細を見る」をクリックして、メールアドレスを入力していただき、私からの特典を受けとり、日々の配信を楽しみに待っていてください。

メルマガにご登録したのにも関わらず、メールが届いていない場合は、お手数ですが、迷惑メールフォルダーもご確認お願い致します。

最後まで、ご覧いただきありがとうございます。

コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

▲トップへ戻る