WordPressにページ内目次のリンクを貼る

2017年11月12日 修正したプラグインの配布を開始しました

ページ内リンクのSEO

WordPressで書いた記事に、ページ内目次をつけることは

効果が下がっている傾向にあるとはいえ、2つの観点からSEO的にも有効です。

 

1.ページの上部にキーワードを配置できる

目次をページ上部につけることで、キーワードを上位に持ってくることが可能です。

構造化されているなら、ページの下の方にキーワードがあっても大丈夫ですが、基本的にはページの上部のほうからGoogleがクロールするので、ページの上部にページに何が書いてあるかわかる施策をすることは、SEO的にも有効だと考えられます。

 

2.ユーザービリティが向上する

ページに何が書かれているのか、目次を作成することは、ユーザーにとってもわかりやすい施策となります。

Googleが評価しているのは、うわべだけの対策ではなく、「ユーザーが喜ぶかどうか」なので、ユーザーにとってわかりやすいということは、SEOとしても評価される傾向にあります。

 

何が書いてあり、このページは読むべきか読まないべきかを判断することができるので、

むやみなページ離脱を防ぐことにもつながります。

 

 

ハードルが高いページ内目次移動

いざ、WordPressでページ内の見出しを目次にしようと思っても、

以下の作業が必要になるので、ハードルが高いです。

  1. 見出しを作り、アンカーをつける
  2. そのアンカーに対して、ページの上部に見出しとアンカーリンクをつける

これ、対(つい)になっている必要があるので、例えば見出しを変えたら、目次のほうも変えなければいけません。

その辺りは、ちょっと労力もかかるし大変だと思うのです。

 

便利なページ内リンクプラグイン

プラグインとしても配布されています。

Easy Smooth Scroll Links

『簡単にページ内リンクができるプラグイン「Easy Smooth Scroll Links」がスゴイ!』
https://net-biza.jp/wordpress-plugin-page-link/


WordPressプラグインで記事の目次を自動生成する-Table of Contents Plus

https://ikumen-sim.net/table-of-contents-plus


プラグイン不要!WordPressに目次を表示する方法

https://remotestance.com/blog/2317/

 

ただ、

「英語の設定が苦手」とか

「ページ内リンクを簡単に貼れればそれでいい」

という場合は、もっとシンプルに実装が可能です。

 

 

今回配布するプラグインでは、見出しをつけるだけで、自動的にページ内リンクにする機能を実装しています。

目次の中のタイトルをクリックすると、ページ内の指定の場所に遷移します。


 

独自プラグインのダウンロード

弊社の開発するものは、「essence 〜エッセンス〜」という名前が付いています。

今回の「ページ内目次機能」は、「headline-essence」というプラグイン名で独自配布します。

 


正直、プラグインにする必要性は全くないです。
functions.phpが編集できる方は、そちらに追記してください。ここでは、functionsの調整が難しいサロン様向けに配布しています

 

ページ内リンクの設定方法

まず、ダウンロードした圧縮ファイル(.zip形式)を

プラグイン > 新規追加 からアップロードして、「有効化」してください。

 

 

このプラグインを設定すると、見出しを設定するボタンが現れます。

見出しにしたいテキストを選択して、このボタンを押すと、見出し2に変換してclassを追加します。

ただ、スタイルを設定している場合は、上書きされてしまうので、

class="headline_nav"

を、手動で追加してください。

 

これで、指定された箇所にアンカーリンクを貼るようになります。

 

スタイルの調整は、最寄りのデザイナーさんにご相談ください。

WordPress のテンプレートが崩れたり、脆弱性が発生した場合など

このプラグインを使った場合のいかなるトラブルも責任を負いかねます。
大変恐れ入りますが、自己責任のもとでご利用ください。

こんな開発室も読まれています