WordPress の目次利用でできる簡単なSEO対策｜WordPressプラグイン＆テーマガイド

相談者

・うまく指定した記事内のトピックへリンクが機能しない
・サイト内で別ページの特定場所へ設定したリンクがうまく動かない

目次が自動生成されている場合、記事内でのリンク先が変更されることがあります。

これは記事のリライト時、見出しの構成に修正、追加、削除を行った際に発生しやすい現象の１つです。

本記事の内容

WordPress の目次自動生成機能について
目次・見出しが内部SEO対策で重要な理由と設定例
見出しの設定方法

目次がどうやって作られているのか、どうして大事なのがわかると、サイト全体を通じて検索対策を施せるようになります。

これから新しいページを作っていく時、またはリライトする時。

ここで紹介したテクニックを活用して、簡単だけど大事な検索対策を施し、１歩でも検索結果上位１０位以内表示を目指しましょう。

この記事を書いた人

WordPress のプラグインとテーマ、ブログ記事作りに役立つ記事を書いてます。
テーマは、Cocoon、JIN、Lightning、SWELL を主に使ってます。

WP愛だけじゃ生きていけない😂

Contents

WordPress の目次自動生成機能について
WordPress の目次・見出しは大事な内部SEOの一つ
- 手書きでも見出しにIDを付けていた～大事なSEO内部対策
HTML アンカー(ID)の設定方法
- ID 命名のルール
- 設定した見出しへの内部リンク作成方法
WordPress 目次生成のFAQ
WordPress の目次と内部リンク活用のまとめ

WordPress の目次自動生成機能について

今ではほとんどのWordPressテーマには、目次作成機能が備わっていると思います。

自動的に作ってくれるので大変便利な機能です。

もし目次機能がついてない場合は、プラグインを導入すればすぐに目次を追加することができます。

本題に入る前に、WordPress が目次を生成してくれるメリットとデメリット、目次生成の仕組みについて書いてます。興味の無い方は直接本題「重要な見出しには HTML アンカー(ID)を設定すること」へ移動してください。

WordPress 目次自動生成のメリット

WordPress テーマが目次を自動生成してくれるメリット

自動で作ってくれること
見出し内容の変更もすぐに反映してくれること
見出しづくりを意識しなくて良い

もし目次機能がなくて、自分で目次をつくることを想像してみてください。

簡単なプログラムが書けるなら、見出しだけを抽出してリストにするだけでできますが、それができずに、「手作業」で目次を作ることを想像したら・・・？

そして、その目次の順番の変更、追加、削除という作業が発生したら・・・？😱

WordPress が無いころ、手書きでホームページを作っていた頃、目次が無いページが多かったのかな。ともあれ、工夫して見出しリストを作成して作ってました。

この目次自動生成がどれだけ便利な機能なのかわかりますよね。

WordPress 目次自動生成のデメリット

WordPress テーマが目次を自動生成してくれるデメリット

場所は大体固定されている（最初のH2見出しの前、とか）
デザインは好みが分かれる
目次リンクは「意味のないアルファベットと数字」である

デメリットらしいデメリットではないかもしれませんが、今回は３番目の目次リンクについてのお話になります。

WordPress 目次自動生成の手順

目次を自動生成するとき、大体こんな感じで作ってます。

記事内の見出し（設定によっては見出しレベル２～４）をリスト化
上から順番に番号割り振り
割り振った番号を各見出しへ割当て
割り当てられた番号を元にリンク生成
リストへリンクを設定

なので、記事公開後に同一記事内で移動をする時、目次を使えばすぐに移動できます。
まあ、当たり前のことなんだけどｗ

事件は、記事の構成が変わった時に起きます😎

あ、記事の中に絵文字入れるの興味あれば、「WordPress で絵文字を入れるプラグイン eomoji toolbar」の記事をご参考に。

編集バーからサッと絵文字を入れられる大変便利なプラグインですよ。

記事の構成が変わったら目次はどうなる？

目次の自動生成機能の動きからなんとなくわかると思いますが、機械と人間との考え方のギャップがここで生まれます😅。

例えばこんな感じの見出しで目次を作ったとします。

例）

目次のつくり方
目次のメリット・デメリット
目次が作れるプラグイン

これを目次の自動生成で見出しリンクを作ると、

目次のつくり方（#mokuji-01）
目次のメリット・デメリット（#mokuji-02）
目次が作れるプラグイン（#mokuji-03）

と機械的に番号を割り振ってリンクを作成していきます。

このリンクがあるからこそ目次は目次の役割、つまりクリックするとその場所へ移動してくれるのですね。

ここで、リライトをして構成に変化がありました。

例）

目次のつくり方
目次のメリット・デメリット
もし目次を自分でつくるなら？
目次が作れるプラグイン

これ、どうなるかというと、

目次のつくり方（#mokuji-01）
目次のメリット・デメリット（#mokuji-02）
もし目次を自分でつくるなら？（#mokuji-03）
目次が作れるプラグイン（#mokuji-04）

と追加されたところから番号が変化していますよね。

同じページ内で目次のリンクを使って移動するならこれでも良いです。

ですが、同じページ内からのテキストリンク、または他のページから「目次が作れるプラグイン（mokuji-03）」へ直接リンクをしていたとしたら、どうでしょうか？

これ、ご自分のテーマでも試してみてもらえると良いのですが、おそらくリンクが切れてて、リンク先のページの最上部へ移動します（エラーにはならない）。

自分のページの目次用見出しリンクの見方

自分のページの目次リンクを確認するのは簡単です。

Chrome だとこんな感じ。

ページを開く
右クリックして「ページの検証」をクリック
検証エリア左上の矢印をクリック
左側の目次をクリック
右側にHTMLコードが表示されるので展開する

サンプルテーマは JIN 。JIN は RTOC というプラグインで目次を生成しています。テーマは違ってもやることは変わりません。

詳しくは「JIN は目次プラグインで目次を作ります」をご参照ください

■図解はこちら（クリックすると開く）

ページを開く

STEP

右クリックして「ページの検証」をクリック

STEP

検証エリア左上の矢印をクリック

STEP

左側の目次をクリック

STEP

右側にHTMLコードが表示されるので展開する

ここでは、「#rtoc-1」がリンクだとわかりますね。これが見出しへのリンク名です。

STEP

ここで見つけた ID（rtoc-1）を別場所からのリンクに使います。

で、前置き長くなったけれど、こっからが本題。

この変化する ID をどうやって変化させないのか。

高度な設定の「HTMLアンカー」を設定するとこの問題を回避できます。

目次は見出しが集まっているので分かりやすいかなと。

右側の詳細が見にくい場合は、実際に左側のページ内を目的の場所まで移動して、見出しをクリックしても良いですよ。

WordPress の目次・見出しは大事な内部SEOの一つ

WordPress で記事を書くときに必ず使う見出し。

ここへ別の場所からサッと移動できたら便利なのに、って時にも使えます。

よくあるのは、「ページの上部にある目次へもどりたい」とか。

▲目次へ戻るというリンクをクリックしたら目次へ戻ると便利ですよね。

このページでも、

興味の無い方は直接本題「重要な見出しには HTML アンカー(ID)を設定すること」へ移動してください。

というリンクをクリックしたら、自動的にここへ画面がスクロールしたきましたね。

別の記事へのリンクを設置するのも内部リンクですが、このように、ページ内の特定の場所へ移動する、というのも立派な内部リンクの一つなのです。

「JIN で目次へ戻るリンクを設置する簡単な方法」では、実際に JIN で目次へ戻るリンクの作り方を説明してます。

手書きでも見出しにIDを付けていた～大事なSEO内部対策

WordPress がない時、自分たちで手書きをする時、見出しには自分たちで ID をつけていました。

目的は同じです。目次を作るときに利用するのと、内部リンクを作る時に利用するためです。

ただ違うのは、内部リンク名に意味をもたせていた、という点です。

例えばURL。

日本語厳禁、意味不明な数字URL厳禁、というのは SEO では常識です。（日本語URLは同仕様もなく意味不明なURLになる。）

それと同様に、内部リンクも意味をもたせるのが当たり前でした。

だから、「詳しくはこちら」という文字列や、「++/p?=1234」とかリンクは絶対に作りません。

必ず、「WordPress で絵文字を入れるプラグイン eomoji toolbar」で紹介してます、というように意味のある文字列に、意味のあるURL（https://wptg.work/plugin/emoji-toolbar-plugin-for-easily-adding-emoji-to-wordpress/#how-to-install）を付けます。

何(Googleクローラー)が、どうやってサイトやリンクを理解(English)するのかという点は、基本的なルールとしてとても大事です。

だから、同じ理屈で考えると、ドメインって特化型サイトでは超重要ですよね。

URLは短くて分かりやすいものが良いというのは正しいですが、上のように長くても意味が伝わりやすくしても順位は落ちないので、多少長くても問題ないです。

例）
Kinesis Advantage360 機能・価格の情報やレビューまとめ
（https://soyo.life/review/organize-information-and-reviews-before-buying-kinesis-advantage360/）
２～１０位以内にちゃんと表示される。