WordPressで目次を作成する方法を知りたいですか?
WordPressで目次(ToC)を作成するのは、初心者には難しいかもしれません。熟練者であっても、WordPressのデフォルトの方法を使用すると、他の生産的なことに使える貴重な時間を奪ってしまう可能性があります。
この記事では、WordPressで目次を自動的に作成し、時間を節約するために簡単にカスタマイズする方法をご紹介します。
なぜWordPressで目次が重要なのか?
目次は、ユーザーが記事を簡単にナビゲートし、ユーザーエクスペリエンス(UX)を向上させるのに役立ちます。ほとんどの読者は、探している答えのあるセクションにジャンプしたいだけであり、目次はその手助けをします。
目次のもう一つの利点は、SEOでクリック率(CTR)を上げるのに役立つことです。目次のある記事は、ジャンプリンクによって強化されるため、検索エンジンの結果ページ(SERPs)上で、より魅力的でインタラクティブになります。
ジャンプリンクは、訪問者にウェブサイトをクリックしてもらい、最も興味のあるセクションに直行してもらうための優れた方法です。高いCTRは、ユーザーがあなたのコンテンツを価値があると検索エンジンにシグナルを送り、その結果、SEOランキングが向上します。
目次のもう一つの利点は、SEOトラフィックを最大化するために、注目のスニペット特集を掲載するのに役立つことだ。
検索エンジンは多くの場合、フィーチャードスニペットとして表示するために、リストベースのスニペットコンテンツを引き出します。主な理由は、リスト(目次のようなもの)や箇条書きが、ユーザーの質問に対する答えを明確かつ簡潔に伝えることができるからです。
WordPressで目次を作成する方法
WordPressで目次を作成する際の最大の難点は、ジャンプリンクを手作業で追加するのに時間がかかることだ。
幸いなことに、WordPressで目次を自動的に追加し、見出しまでカスタマイズできる方法がある。
このチュートリアルでは、WordPressでプラグインを使って自動的に目次を作成する方法と、コードを使って手動で目次を作成する方法の両方を取り上げます。
ということで、さっそく飛び込んでみよう。
方法1:WordPressで目次を自動的に作成する方法
WordPressで目次を自動的に作成する最も簡単な方法は、All in One SEOプラグインの目次機能を使うことだ。
AIOSEOは、市場で最高のWordPress SEOプラグインの1つで、300万人以上のウェブサイト所有者に使用されています。何十もの強力なSEO機能の他に、WordPressで目次を自動的に作成できる高度な目次ブロックも付属しています。
まず最初に、AIOSEO Proプラグインをインストールし、有効化する必要があります。詳しい手順はAIOSEOのインストール方法をご覧ください。
プラグインのインストールと設定が完了したら、WordPressに目次を追加する準備が整いました。
ステップ1:AIOSEO目次ブロックの追加
ブログ記事に目次を追加するには、WordPressのコンテンツエディターを開き、ブロックの追加ボタンをクリックするだけです。
次に、AIOSEO - 目次ブロックを選択する必要がある:
AIOSEO - 目次ブロックをクリックすると、すべての小見出しを含む目次ブロックが自動的に作成されます。
ステップ2:目次をカスタマイズする方法
目次ブロックは、目次を自動的に生成して時間を節約するだけでなく、強力なカスタマイズ機能も備えています。例えば
- 目次の見出しテキストをカスタマイズする
- 目次ブロック内の見出しを非表示にしたり、並べ替えたりできます。
- 目次アンカーのカスタマイズ
目次をカスタマイズするには、ブロックのオプションメニューをクリックする必要があります。
ここから、目次の項目を並べ替えたり、特定の項目を非表示にしたりすることができる。
その他の目次ブロックのカスタマイズオプションはエディタのサイドバーにあります:
ここでは、リストのスタイルやその他の高度なデザイン設定を変更することができます。
目次のカスタマイズが終わったら、必ず下書きを保存してください!
おめでとうございます、WordPressで目次を追加することに成功しました。
方法2:WordPressで目次を手動で作成する方法
WordPressの目次プラグインを使いたくない場合は、手動で目次を作成することもできる。しかし、この作業には非常に時間がかかります。
では、手動での手順を見てみよう。
ステップ1:HTMLアンカーの作成
最初のステップは、ヘッダタグや小見出しにHTMLアンカーを追加することです。これらのHTMLアンカーは、目次の様々なコンテンツの小見出しをリンクするための内部リンクとして機能します。
コンテンツエディターで小見出しをクリックしてください。
次に、サイドバーのブロック設定に行き、詳細セクションまでスクロールダウンする。そして、HTMLアンカー・フィールドにタグを入力する。
HTMLアンカーは小見出しと同じようなものにしましょう。こうすることで、各小見出しに関連するHTMLアンカーを覚えておくことができます。
ステップ2:通常のコンテンツブロックを使って目次を作る
HTMLアンカーを作成したら、次は目次を作成します。
まず、目次を表示したい場所に段落ブロックを追加し、それに応じたタイトルを付けます。
次に、すべての小見出しをリストアップするListブロックを追加します。タイプしてもコピー&ペーストしても構いません。
これが目次となる。
ステップ3:目次内の小見出しをリンクする
目次リストの作成が終わったら、次のステップは、作成したHTMLアンカーを使って小見出しにリンクすることです。
そのためには、目次のリスト項目をハイライトし、リンクアイコンをクリックします。
次に、リンク先の小見出しに対応するHTMLアンカーを入力し、その前に必ずハッシュタグ(#)を付けます。入力が完了したら、Enterアイコンをクリック(またはキーボードのEnterキーを押す)すると、HTMLアンカーが目次リストに追加されます。
目次の残りの項目についてもこの作業を繰り返す。
この作業を通してお気づきのように、目次が長い場合、かなり時間がかかります。そのため、私たちは常に目次ブロックを使用することをお勧めします。
この記事で、WordPressで目次を簡単に追加する方法を知っていただけたら幸いです。チュートリアルの一部をご覧ください。例えば、WordPressでFAQセクションを追加する方法です。また、究極のリンク構築ガイドもご覧ください。
情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。
WordPressは現在最も使いやすいCRMの一つであり、WordPressテンプレートに関する本当に価値のある情報を見つけるのはかなり難しい。しかし、あなたのリストは素晴らしく、良いテーマでいっぱいです。また、TemplateMonsterやElegantThemesのようなマーケットプレイスから人気のあるテンプレートを追加することができれば、大きなプラスになるでしょう。
やElegantThemes
This article is truly good one it helps new web people, who are wishing for blogging.
ありがたいお言葉をありがとう!
他のページビルダーでも使えますか?