ブログ記事が長くなると、読者は「どこに何が書いてあるのか分かりにくい」と感じて離脱してしまいます。
そこで役立つのが 目次（Table of Contents） です。
WordPressテーマ「SWELL」には、目次を自動で生成できる便利な機能が搭載されています。
この記事では、SWELLで目次を設定・カスタマイズする方法とSEO効果を解説します。
SWELLで目次を入れるメリット
- 読者の利便性アップ
- スクロールせずに知りたい情報にすぐ飛べる。
- 記事の滞在時間が伸びる
- 読みやすさが改善し、離脱率を下げられる。
- SEO評価にもプラス
- Googleは記事の構造を理解しやすくなり、検索結果に「目次リンク（ジャンプリンク）」が表示されることもある。
SWELLで目次を設定する方法
① 目次を自動生成する
SWELLは見出しタグ（H2・H3）を読み取って自動で目次を作成します。
管理画面 → 外観 → カスタマイズ → 投稿・固定ページ 「目次を自動挿入する」にチェックを入れる
これだけで記事冒頭や任意の位置に目次が表示されます。
② 目次の表示位置を決める
記事冒頭（リード文の下） 最初のH2の手前 記事本文の好きな場所
「自動挿入＋必要に応じて手動で追加」がおすすめです。
③ ショートコードを使う
好きな場所に目次を挿入したいときは以下を使います。
目次
これを本文中に書くだけで、そこに目次が表示されます。
SWELLの目次カスタマイズ方法
デザイン変更
- 番号付き／ドット付き
- 枠あり／シンプル
デザインはカスタマイザーから選べるので、ブログの雰囲気に合わせて調整できます。
折りたたみ機能
長文記事では「目次を折りたたんで表示」がおすすめ。
クリックで展開できるようにすることで、スッキリとした印象になります。
SEOに効果的な目次の使い方
- 見出しにキーワードを入れる → 目次にも反映され、SEO効果が高まる
- H2・H3を整理して構造化する → 読者もGoogleも記事内容を理解しやすい
- 内部リンクと併用する → 目次から関連記事に飛ばすとさらに回遊率アップ
👉 参考：【SWELLの便利機能8選】初心者でもブログが一気に見やすくなる使い方
まとめ
SWELLなら見出しを自動で読み取り、目次を簡単に設置できる カスタマイズで「折りたたみ」「デザイン変更」も自由自在 目次は SEOにも有効な機能 なので必ず活用しよう
👉 まだ目次を入れていない人は、今日から設定して記事の読みやすさを高めてみましょう！
