WordPressで目次を作成する方法

訪問者のユーザー エクスペリエンス (UX) は、Web サイトの所有者または開発者にとって非常に重要です。 ただし、すべてのベースをカバーしたかどうか、サイトに他に何を組み込む必要があるかを判断するのは難しい場合があります.

見落とされがちな要素の 1 つは、長い形式のコンテンツの目次 (TOC) です。 各投稿に TOC を追加すると、読者が興味のある正確なセクションを見つけられるようになるだけでなく、コンテンツがより整理されたように見えます。

この投稿では、WordPress の目次を作成するためのさまざまなオプション (プラグイン、ショートコード、HTML を含む) を紹介します。 次に、2 つの一般的なスタイルと、それらを実現する方法について概説します。 始めましょう！

WordPress サイトに目次を含める必要があるのはなぜですか?

目次はブログ投稿には不要に思えるかもしれませんが、実際にはサイトの UX を改善するのに大いに役立ちます。 ほとんどの読者は、特定の質問への回答を求めてコンテンツにアクセスします。 TOC を使用すると、必要な情報を見つけるためにスクロールしてざっと目を通す必要がなくなり、最も関連性の高い情報に簡単にジャンプできます。

さらに、TOC は投稿の検索エンジン最適化 (SEO) を向上させることができます。 これらの便利なリンクは、非常に重要なランキング要素であるキーワードを簡単に組み込むことができる場所です。

キーワードの密度を高めることに加えて、投稿に TOC を含めると、Google で注目のスニペットが表示される可能性が高くなります。 これは、一部の検索結果のメイン リストの上に表示される短い抜粋です。

強調スニペットを取得することは正確な​​科学ではありません。 ただし、リスト (TOC など) は検索者の質問に対する回答を明確かつ簡潔に伝えることができるため、多くの場合表示されます。

プラグインを使用して目次を追加する

プラグインは、WordPress 内の機能を拡張するための完璧な方法です。 サイトの投稿に WordPress TOC を簡単に追加できるソリューションがいくつかあります。

私たちのお気に入りの WordPress 目次プラグインは Fixed TOC です。 また、Q2W3 Fixed Widget などの他のプラグインを組み合わせて使用​​して、Web サイトの目次をさらに最適化することもできます。

プラグインのインストールは簡単です。 あなたがしなければならないことは次のとおりです。

1. WordPress ダッシュボードで[プラグイン] > [新規追加]に移動します。
2. プラグインの.zipファイル (無料またはプレミアム) をアップロードするか、プラグイン ディレクトリからインストールします (無料プラグインのみ)。

インストールしてアクティブ化すると、その特定のプラグインが提供するさまざまな機能に完全にアクセスできるようになります。 そこからのプロセスは、選択したツールによって異なります。

たとえば、Fixed TOC をインストールした後で TOC を作成する方法は次のとおりです。

1. 設定 > 固定 TOC に移動します。
2. [全般]タブで、TOC を適用する投稿タイプ、含める見出しレベル、および TOC を配置する場所を選択します。
3. [色]タブで、TOC の配色を選択します。

プラグインは、関連する各投稿に TOC を自動的に追加し、既存の見出しを使用してジャンプ リンクを作成します。

ショートコードを使用して目次を追加する

WordPress 目次プラグインと並んで、ショートコードを使用して、WordPress TOC の表示方法をさらに制御できます。 これらはエディターに貼り付けることができる小さなコード スニペットであり、カスタム コンテンツを実質的にページのどこにでも表示できます。

ショートコードを使用すると、投稿、ページ、サイドバー、およびウィジェットに目次を簡単に追加できます。 方法は次のとおりです。

1. ショートコードを使用する TOC プラグインをダウンロードするか、ショートコーダーなどのソリューションと組み合わせてショートコードを使用しないプラグインを使用します。
2. プラグインが提供するショートコードを見つけるか、Shortcoder を使用して作成します。
3. ショートコードをコピーして、WordPress 内の好きな場所 (ブログ投稿など) に貼り付けます。 Shortcoder は簡単な目次のショートコードを提供し、サイトへの追加を簡単にします。

ショートコードの優れた点は、その配置の多様性です。 ページや投稿の上部、中央、または下部に追加したり、サイドバー ウィジェットに追加したりすることもできます。

プラグインなしで WordPress で目次を作成する方法

プラグインは WordPress 内で TOC を作成する最も簡単な方法ですが、手動で追加することもできます。 これを行うための 2 つの方法を次に示します。

HTML で目次を作成する 

HTML は難しいかもしれませんが、コードを使用して TOC を作成することは、Web サイトにシンプルなソリューションが必要な人にとっては優れたオプションです。 これを行うには、WordPress 内にテーブルを挿入し、特定のページへのブックマーク リンクを含めます。

これは、フリルやかさばりのない、最も単純な手動オプションです。 もちろん、必要に応じて、複数の色、さまざまなフォント スタイル、見出しなどを組み込むこともできます。 自分の創造性と HTML の知識だけに縛られます。

TOC のアーカイブとリンクのページ テンプレートの使用

目次は、必ずしも個々の投稿やページに配置する必要はありません。 代わりに、WordPress テンプレートを使用して「マスター」TOC を作成できます。 これらは、アーカイブやリンクなどのサイト要素専用のページを作成できる、プリセットのページ デザインです。

これらのページは、Web サイトで「マスター」TOC として使用でき、ユーザーが探している正確なコンテンツに誘導できます。 たとえば、Leaving Work Behind のアーカイブページを見てみましょう。

これらのページのテンプレートは通常、 archives.phpおよびlinks.phpという名前になっています (ただし、名前を変更することはできます)。 一部のテーマにはこれらのページが含まれていますが、すべてのテーマに含まれているわけではありません。 ただし、コーディングの知識がほとんど必要なく、独自のものを作成できます。

目次のスタイル

目次のスタイルは、訪問者の UX を向上させる上で大きな役割を果たします。 それを念頭に置いて、WordPress TOC で最も人気のある 2 つのスタイルを見てみましょう。

フローティング目次

フローティング TOC は、ページの端に固定されたままのウィジェットです。 実装には 2 つの手順が必要です。 まず、WordPress TOC を設定し、WordPress サイトにウィジェットとして追加する必要があります (前述のいずれかの方法を使用)。

それが完了したら、Q2W3 Fixed Widget プラグイン (または同様のソリューション) を使用して、TOC ウィジェットをページの横に「スタック」させておくことができます。 このプラグインをインストールしたら、サイトのウィジェットエリアに戻り、TOC ウィジェットを開きます。 次に、 [固定ウィジェット]チェックボックスを有効にします。

このオプションを有効にすると、ユーザーが下にスクロールしても TOC がページ ビューから消えなくなります。 代わりに、ページのコンテンツとともにスクロールするため、常に表示されます。 これは、前述の Fixed TOC プラグインによって実装されるデフォルトのスタイルでもあります。

目次サイドバー

フローティング TOC と同様に、この方法ではサイドバーが Web ページの右または左に表示されます。 ただし、ユーザーと一緒にスクロールする代わりに、TOC サイドバーは固定位置 (WPBeginner の位置など) にとどまります。

TOC サイドバーは非常に簡単に作成できます。 可能であれば TOC ウィジェットを追加するか、既存のサイドバー ウィジェットにショートコードを含めます。 WordPress TOC は、サイドバーの固定要素として表示されます。

WP Engine でサイトをカスタマイズする

最高品質の UX を Web サイトのユーザーに提供することで、ユーザーはより多くのコンテンツを求めて戻ってくるようになります。 WordPress TOC を投稿やページに組み込むためのさまざまな方法を説明するだけでなく、サイトを強化するための貴重なヒントやコツがたくさんあります。

また、24 時間年中無休の優れたサポートも提供しており、さまざまなホスティング プランにより、お客様のニーズに合ったものを確実に見つけることができます。 今日それらをチェックしてください！