このページで: [隠れる]
WordPress は、以来、目次ブロックを出荷してきました。 2022. あれから4年, まだフラグが立っています “実験的な,” そのため、デフォルトの自己ホスト型インストールではエディターでさえ見ることができません. つまり、すべてのチュートリアルで次のように指示されます。 “ネイティブブロックを追加するだけです” 実際には存在しない機能を指している. ここは誰も言及していない部分です: おそらく作業用の目次がすでにあるでしょう, 別の目的でインストールしたプラグインの中に隠されている.
簡単な回答: 順位計算またはオールインワン SEO の実行? あなたはすでに無料のものを持っています 目次ブロック. 最初の見出しの上にドロップすると、H2 と H3 からリストが自動的に作成されます. SEO プラグインはまだありません? SimpleTOC をインストールする (追加する 10,000 インストール ブロック ゼロフロントエンドJavaScript) または簡単な目次 (600,000+ インストールします, サイト全体に自動挿入). プラグインをまったく必要としない? アンカー リンクは約 10 分で手動で構築できます.
最終レビュー済み: 六月 2026. プラグインのインストール数, 評価, 今月、WordPress.org と Gutenberg プロジェクトに対してコア ブロックのステータスが検証されました.
このガイドとその上位にある多数のガイドの違いは何ですか: ほとんどのサイトが使用できない実験的なブロックをスキップします. おそらくすでに所有している無料ツールを活用します. そして、どの見出しレベルと配置が実際に読者に役立つのかがわかります。, どのプラグインが存在するかだけではなく.
目次が重要な役割を果たす理由
2 つの理由, そして彼らは同じ方向に引っ張ります. 初め, 読者がざっと読む. 2,500 ワードのガイドについて, 上部近くにあるクリック可能なリストにより、目的のセクションに直接ジャンプできます. 必要のない 4 つの項目をスクロールする必要はありません. 摩擦が少ない, バウンスが少なくなる.
2番, Googleはそれらのアンカーリンクも読み取ります. 見出しに適切なアンカーが付いている場合, Googleが表示できるのは “ジャンプ” 結果のすぐ下のリンク, 訪問者をページの奥深くまで送り込む. 結果に余分なスペースが含まれるため、リストの高さが向上し、クリックスルーが向上します。. 検索のためのページ上の構造が主な目標の場合, きれいな見出しのアウトラインを組み合わせる SEOに最適化されたホスティング コンテンツと配信側の両方をカバーします.
正直な注意点が 1 つあります. 目次は長いコンテンツに役立ちます. 400 ワードの投稿を 1 つ叩くと乱雑になります. 大まかなライン: 記事に 4 つ以上の H2 セクションがある場合, 1つ追加します. その下に, スキップしてください.
方法 1: すでに持っている目次ブロックを使用する
ここから始めましょう, 費用はかからず、新しいプラグインを追加する必要もないため、. 2 つの主要な無料 SEO プラグイン, ランク計算とオールインワン SEO, 目次ブロックを無料で含める. いずれかがすでにサイト上にある場合, 仕事は基本的に終わった.
為に オールインワンSEO, ブロックエディターで投稿を開きます, 「ブロックの追加」をクリックします (+) リストを表示したい場所のアイコン (通常はイントロの直後に), そして検索してください “アイオ。” を選択してください AIOSEO 目次 ブロック. ページをスキャンします, すべての見出しを取り込みます, H3 を親 H2 の下に独自にインデントします. リスト形式のオプションが得られます (箇条書きまたは数字) 折りたたみ可能なトグルにより、モバイル読者は折りたたんで収納できます.
ランク計算も同様に機能します: 目次ブロックを挿入します, 見出しからリストを生成します. どちらも無料です. 見出しを追加または並べ替えると、両方とも更新されます. どちらも HTML 行に触れる必要はありません.
Yoast を実行する場合の注意点. 最も多くインストールされている SEO プラグインです, ただし、無料版には目次ブロックがまったくありません. Yoast は有料で 1 つだけバンドルします プレミアム層. Yoast がプラグインで、Premium を利用していない場合, 存在しないブロックを探して 20 分を無駄にしないでください. 使用方法 2 また 4 代わりは.
知っておく価値のある落とし穴: ブロックは 1 つのポストに収まります. 古い記事には自動的に表示されません. サイト上のすべての投稿を編集せずに目次を取得したい場合, メソッドへジャンプ 3.
- 料金: 自由, すでに SEO スイートを実行している場合は追加のプラグインは不要
- 努力: 約 30 投稿あたりの秒数
- こんな方に最適: Rank Math または AIOSEO をすでにインストールしている人
方法 2: フェザー級ブロック (シンプルTOC)
SEOプラグインなし, リストのためだけに欲しいわけではありません? SimpleTOC は無駄のない選択です. これは、単一目的の Gutenberg ブロックであり、全体で 5 つ星の評価を得ています。 76 WordPress.org のレビュー, そしてその際立った特徴は何もしないことです: デフォルトではロードされます JavaScriptもCSSもなし フロントエンドで. スムーズスクロールとアコーディオンスタイルはオプトインです, そして、スイッチをオンにしたときにのみアセットが追加されます.
自制は思っている以上に重要だ. Easy Table of Contents のインストールベースは 60 倍, ただし、目次を表示するすべてのページに独自の JavaScript と CSS がロードされます。. SimpleTOC のフットプリントはほぼゼロであるため、PageSpeed 監査でレンダリング ブロックの重みとして表示されません。. 高速なホストでは差はわずかです, でもそれは本当です, そして、元の速度はどちらにしても重労働をこなします. サイトをホストする場所 SSDベースのWordPressホスティング 目次を数キロバイト削減するよりも、ロード時間の短縮に効果があります。.
セットアップは同じ 2 クリック ルーチンです: 最初の H2 の上に SimpleTOC ブロックを追加します, 見出しからアウトラインを構築します. デフォルトではプレーンな HTML リストが使用されます, これはまさにアクセシビリティとクリーンなマークアップが求めているものです.
- 料金: 自由, 有料枠なし
- 努力: 投稿ごとに 1 つのブロックを追加します
- こんな方に最適: SEO プラグインがインストールされていない速度重視のサイト
方法 3: 設定したらあとは忘れる (簡単な目次)
困ったときに手を伸ばせるのはここです 200 既存の投稿があり、すべてを編集することに興味がありません. Easy Table of Contents は、この分野で最も多くインストールされているオプションです。 600,000+ アクティブインストール, 評価された 4.4 から 5 横切って 219 レビュー, そしてそれは積極的に維持されています (バージョン 2.0.85, WordPressまでテスト済み 7.0). これは放棄されたプラグインではありません.
その真のトリックは自動挿入です. プラグイン設定で、目次を取得する投稿タイプを選択します (投稿, ページ, または両方), 最小ヘディング数を設定してトリガーします, そしてそれが着地する場所を選択してください. それ以来, 対象となるすべての記事には、投稿ごとの作業が行われないリストが取得されます. 遡及的に. これは、SimpleTOC と SEO プラグイン ブロックでは一致できない機能です.
いくつかの正直な制限. 無料版では、グローバルな自動挿入とショートコードによってすべてが実行されます。, ドラッグアンドドロップブロックではありません; Gutenberg ブロックと Elementor ウィジェットは有料の Pro レベルにあります. また、サイト全体の自動挿入により、望ましくない場所に目次が表示されることがあります。, そのため、投稿ごとの無効化オプションを手元に置いておいてください. ほとんどのブログにとって、トレードする価値はある.
- 料金: フリーコア, ブロックとウィジェットのオプションの Pro
- 努力: ワンタイムセットアップ, その後自動
- こんな方に最適: 一度に目次を必要とする既存の投稿が多数あるサイト
方法 4: 手作りのアンカーリンク (プラグインなし)
スタックに別のプラグインを入れたくない? ブロックエディターで目次を手動で作成できます. 見出しごとに数回クリックするだけでコードは不要. それは最も耐久性のある方法でもあります, アップデートで中断される可能性のあるものには何も依存していないためです.
このプロセスには 2 つの部分があります: 各見出しにアンカーのタグを付ける, 次に、上部のリストからそれらのアンカーにリンクします.
- ステップ 1: アンカーを追加する. H2 をクリックします, ブロック設定サイドバーを開く, 拡張機能を展開します, HTML アンカー フィールドに短いスラッグを入力します。 (いう, 価格設定 また セットアップ手順). リンクしたい見出しごとに繰り返します.
- ステップ 2: リストを作成する. 投稿の上部にある, List ブロックを追加し、セクションのタイトルを入力します.
- ステップ 3: 各項目をリンクします. リスト項目を強調表示する, リンクボタンをクリックしてください, そして入力してください # 設定したアンカーに加えて (例えば, #価格設定). ハッシュはブラウザに同じページ上のその場所までスクロールするように指示します。.
- ステップ 4: テストしてみよう. 投稿をプレビューして各リンクをクリックします. 誰もがそのセクションにジャンプする必要があります.
はい, もっとマニュアル的だ, セクションを追加するたびにリストを更新する必要があります. ただし、可能な限りクリーンなマークアップが生成されます, プラグインの変更が存続する, 言葉遣いや順序を完全に制御できます. めったに触れることのない基礎となるページに, それは良い選択です. 毎週公開するブログの場合, 維持費はすぐに古くなる, それはまさにそのときです。 1 また 3 勝ちます.
それについて “ネイティブ” 目次ブロック
これは多くの人をつまずかせる, だからそれを片付けましょう. WordPress は、バージョン 1 の Gutenberg プロジェクトに目次ブロックを追加しました 13.3, 再び解放された 2022. 問題? 決して卒業しなかった. 6月現在 2026 まだ実験段階とマークされています, つまり、別の Gutenberg プラグインをインストールし、実験的機能をオンにした場合にのみ表示されます. 標準の WordPress インストール (ほとんどのホストが提供するコア ソフトウェア) ブロックインサーターにはまったく表示されません.
WordPress.com が水をさらに濁らせる. そこのサイトでは、H2 から H6 までの見出しから自動構築される目次ブロックが提供されています。. しかし、WordPress.com 自身のサポート ページでさえ、Gutenberg プラグインがアクティブであることに依存していると述べています. つまり、ガイドがブロックは次のとおりだと告げたとしたら、 “組み込まれている” そしてあなたは探しに行ったが何も見つからなかった, あなたは間違ったことをしていませんでした. ほとんどはまだ存在していない.
結論: コアブロックを待たないでください. 上記の方法はすべて、現在の WordPress サイトで今日でも機能します。. メソッドの SEO プラグイン ブロック 1 人々がネイティブのものに期待するのと同じワンブロックの利便性を提供します.
実際にどの方法を選択すべきか?
機能チェックリストのルーチンをスキップする. 代わりに状況に合わせて方法を変更してください.
- Rank Math または AIOSEO をすでに実行しています, 月に数回の投稿を公開する: SEO プラグインのブロックを使用する (方法 1). 新しいプラグインはゼロ, そしてそれは無料です. 専用の TOC プラグインを上に追加すると、単なる冗長になります。.
- SEOプラグインなし, ページ速度が気になる, 〜50投稿未満: シンプルTOC (方法 2). JavaScript を使用しないフットプリントにより、PageSpeed スコアをクリーンに保ちます, その量であればポストごとの挿入は負担になりません.
- 大規模な既存のブログ (100+ 投稿) 今すぐ目次が必要です: 簡単な目次 (方法 3). 自動挿入は 1 つの設定でアーカイブ全体に遡って適用されます. これを手動で、またはブロックごとに行うと数日かかります.
- 価値の高い単一のランディング ページ, またはプラグインの追加を拒否する: 手作りのアンカー (方法 4). 最大限のコントロール, 依存関係ゼロ, プラグインが更新されても壊れるものは何もありません.
- Elementor Pro でビルドします: 組み込みの目次ウィジェットを使用する. Pro のみの機能です, ただし、すでにElementorの支払いを行っている場合は、, テーマビルダーは一度の操作でサイト全体に配置できます. 個別のプラグインは必要ありません.
呼びかけるために 1 つのオーバーラップ: これらを 2 つ同時に実行しないでください. SEO プラグイン ブロックと同じ投稿への簡単な目次の自動挿入により、2 つの目次が重ねて表示されます。. 投稿タイプごとに 1 つのパスを選択します.
スタイリングとベストプラクティス
作業用の目次はステップ 1 です. 便利なチュートリアルでは、ほとんどのチュートリアルでは省略されているいくつかのルールに従っています。.
- イントロの後に配置します, 最初の H2 の前に. 読者は記事の内容を知った後で地図を知りたいと思う, 以前はなかった. このスロットはほとんどの投稿のスクロールせずに見える部分にもあります.
- H2 と H3 に制限する. H4 と H5 を取り込むと、リストは誰も読まないリンクの壁になります. 2 レベルの深さがスイートスポット. ほとんどのブロックでは深さを設定できます.
- モバイルで折りたためるようにする. 携帯電話の画面半分に実際のコンテンツを押し込む 12 項目のリストは、効果があるというよりも害を及ぼします. AIOSEO オプションと Easy Table of Contents オプションは両方とも折りたたみ式トグルを提供します. 使ってください.
- 非常に長い部分にのみ粘着性を考慮する. スクロールに続くフローティング目次は、4,000 ワードのピラー ページでは便利ですが、900 ワードの投稿では煩わしいです. 大きなもののために予約してください.
- 重量に注意してください. すでにプラグインが多いサイトに TOC プラグインをスタックしている場合, キロバイトを合計すると. 私たちの内訳は、 ホスティング速度の計算式 いくつかの追加のスクリプトが実際にロード時間を食い込み始める場所を示しています, そしてそうでないところ.
クイックアクセシビリティに関するメモ, 正しくするのは自由だから: リストを説明テキストを含む実際の HTML リスト項目として保持します. スクリーン リーダーはそれに従ってナビゲートします, Googleも同様です. 上記の 4 つのメソッドはすべて、デフォルトで適切なマークアップを生成します, したがって、カスタム HTML ハックで上書きしない限り、問題は解決されます。.
一般的な問題のトラブルシューティング
リンクが飛ばない, あるいは間違った場所にジャンプしてしまう
ほとんどの場合、アンカーの不一致が発生します. 手作りのリストについて, リンク先を確認する (#価格設定) 見出しの HTML アンカーと完全に一致します. ブロックベースの目次を使用する場合, 既知の癖があります: 投稿を保存してエディタを一度リロードするまでライブアンカーを生成しないものもあります. 保存, リフレッシュする, 壊れていると考える前にもう一度テストしてください.
2 つの目次が表示されます
自動挿入プラグインがあります (簡単な目次) 同じポスト上で手動でブロックを発射する. 1 つを無効にする. その投稿タイプの自動挿入をオフにするか、, またはブロックを削除します. コンテンツ タイプごとに 1 つのメソッドを選択すると、重複はなくなります.
目次が空であるかセクションがありません
よくある 2 つの原因. 投稿がプラグインのトリガーに必要な最小見出し数に達していない可能性があります (設定でそのしきい値を確認してください). または、見出しが実際の H2/H3 見出しブロックではなく、プレーンな太字テキストとしてスタイル設定されます。, そのため、ジェネレーターはそれらを認識できません. 適切な見出しに変換すると表示されます.
デスクトップでは問題なく見えますが、モバイルではレイアウトが崩れます
折りたたまれていない長いリスト、またはコンテンツと重複する粘着性の目次. 折りたたみオプションをオンにします, 短いポストではスティッキーな位置を削除します. テーマがスタイルに反する場合, 通常、競合の原因は古いテーマまたは PHP バージョンにあります。; マネージドWordPressホスティング スタックを最新の状態に保ちます, これにより、多くの表示バグが回避されます.
よくある質問
WordPress には目次が組み込まれていますか?
現実的な意味ではない. Gutenberg プロジェクトには目次ブロックが存在します。, しかしそれは実験的なものでした 2022 そして現時点ではまだWordPressのコアには含まれていません 2026. 通常のインストールでは表示されません. 一番近い “組み込み” オプションは Rank Math または All in One SEO 内の無料ブロックです, すでにそれらのいずれかを実行している場合.
WordPress に目次を追加するにはプラグインが必要ですか??
いいえ. 見出しの HTML アンカーと上部のリンク リストを使用して、手動で作成できます。, プラグインがまったくない状態で. プラグインまたは SEO プラグイン ブロックはその作業を自動化し、見出しが変更されたときにリストを更新するだけです. 単一ページの場合, マニュアルは大丈夫です; 忙しいブログのために, 自動化によりリアルタイムが節約される.
WordPress用の最高の無料目次プラグインは何ですか?
ほとんどの人にとって, Rank Math または AIOSEO 内にすでにあるブロック, 新しいものは何も追加されないので. SEO プラグインがなく、ページの重みを最小限に抑えたい場合, シンプルTOC (デフォルトではフロントエンドJavaScriptなし) 無駄のない選択です. 数百の既存の投稿に目次を一度に適用する場合, 簡単な目次とその自動挿入が効果的.
Yoast SEOには目次ブロックがありますか?
有料のもののみ. Yoast SEO プレミアムには目次ブロックが同梱されています, ただし、無料の Yoast プラグインにはそれが含まれていません. 無料のYoastを実行する場合, これのためだけにアップグレードしないでください. SimpleTOC の追加, 簡単な目次をオンにします, または、代わりにアンカー リンクを手動で構築します.
目次はSEOに役立ちますか?
間接的に, はい. それ自体で上位にランクされるわけではありません, しかし、アンカーリンクは収益を得ることができます “ジャンプ” Google 検索結果の下のリンク, クリックスルーを高める. また、読みたいものを見つけやすくすることで、読者をページに長く留まらせることができます。. どちらもシグナル検索エンジンの報酬です.
目次はブログ投稿のどこに配置する必要がありますか?
導入直後、最初の H2 ヘディングの前. 読者はトピックを知ったら概要を知りたいと考えます, その前ではない. そのポジションはスクロールせずに見える範囲の上に位置する傾向もあります, そのため、ほとんどの投稿ではスクロールしなくても表示されます.
公開後に目次リンクが機能しないのはなぜですか?
通常は 2 つのうちの 1 つです. 見出しアンカーとリンク ターゲットが正確に一致しません (タイプミスまたは別のスラッグ), または、ブロックベースの目次がアンカーをまだ更新していません. 投稿を保存する, エディタをリロードする, そして再テスト. リンクを手動で構築した場合, それぞれをダブルチェックする # 見出しの HTML アンカー フィールドに対するターゲット.
次のステップ
目次は、長い WordPress コンテンツを読みやすく、検索しやすくするための小さな部分です。. 入ったら, より大きな勝利はその周りのコンテンツから生まれます: 適切に構造化された見出し, 速いページ, そして最初にスクロールする価値のある投稿. まだサイトを構築中の場合, 私たちの見方 AI WordPress ビルダー その構造を素早く作成する方法を説明します, 上記リンクの SEO ホスティングと速度ガイドは配信側を扱います. 見出しを正しく設定する, 設定に合った方法を選択してください, そしてあなたの読者 (およびGoogle) 何も考えずに道を見つけるだろう.