ページ内リンクや内部リンクを設定してる人

WordPressでのページ内リンク(アンカー)内部リンクの設定方法を解説します。

 

ページ内リンク(アンカー)は、コンテンツ内の指定した場所に移動ができて、内部リンクはブログ内の違う記事を見てもらえます。

 

設定するときの注意点もお話するので、参考にしてください。

「ページ内リンク(アンカー)」と「内部リンク」の違い

ページ内リンク(アンカー)とは、1つのコンテンツ内の好きな部分にジャンプさせることです。

 

たとえば、ブログ記事に目次をつけたい場合がそうですね。

目次を作成してページ内リンクを挿入すれば、ユーザーが好きな部分から読めるようになります。

 

【※ページ内リンクのイメージ】

ページ内リンク(アンカーリンク)の説明図

 

「内部リンク」とは、コンテンツから別のサイト内コンテンツへとジャンプさせることです。

 

【※内部リンクの説明図】

内部リンクの説明図

 

ページ内リンク(アンカー)と内部リンクの違いは、「ページ内への移動」か「サイト内の別コンテンツへの移動」かです。

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

それでは、ページ内リンク(アンカー)の設定方法を解説していきます。

 

プラグインを活用して設定する方法」と「手動で設定する方法」に分けて、お話します。

プラグイン「TinyMCE Advanced」での設定方法

ページ内リンク(アンカー)を設定するときに、便利なプラグインが「TinyMCE Advanced」です。

 

 

簡単にページ内リンクを設定できます。

ページ内リンク(アンカー)のスタート地点の設定

まずはページ内リンクのスタート地点となるテキストを選択します。

そして「リンクの挿入/編集」をクリックしてください。

 

ページ内リンク(アンカーリンク)の設定方法

 

リンク挿入画面が登場したら、「半角の#」を入力した後に「アルファベット」を入力します。

(※ひらがな・カタカナは不可)

 

アルファベットは分かりやすい文字列でOKです。

でも他の文字列とカブるとリンク先に不具合が起こるので、特徴的な文字列にするといいですね。

ページ内リンクのゴール地点の設定

つぎにページ内リンクのリンク先(ゴール地点)を設定します。

リンク先にしたい部分を選択し、「アンカー」マークをクリックしてください。

 

WordPressのアンカーマーク

 

「ID」入力画面が登場したら、先程のスタート地点で設定したアルファベットの半角「#」を除いた文字列を入力してください。

 

ページ内リンク(アンカーリンク)のリンク先の設定方法

 

そして、OKをクリックすればページ内リンクの設定は完了です。

 

最後にページ内リンク(スタート地点)とリンク先(ゴール地点)が設定されてるか確認しましょう。

リンク先に「イカリマーク」が表示されてたらOKですが、念のためにプレビューで確認するといいですね!

 

ページ内リンク(アンカーリンク)の設定完了画面

 

これでプラグインを活用したページ内リンク(アンカー)の設置は完了です。

手動での設定方法

つぎに手動でのページ内リンク設定方法を解説します。

 

WordPress投稿ページの「テキスト」画面を開いたら、ページ内リンクを挿入したいテキスト部分(スタート地点)を下記の文字列で囲ってください。

 

<a href="#アルファベット">ページ内リンクを挿入したいテキスト</a>

 

先程の場合だと「<a href="#ka">ページ内リンク(アンカー)</a>」になります。

 

つぎにページ内リンク先(ゴール地点)を下記文字列で囲みます。

 

<a id="アルファベット"></a>ページ内リンク先のテキスト

 

先程の場合だと「<a id="ka"></a>注意点」になります。

これで手動でのページ内リンクの設置は完了です。

ページ内リンクを設定する時の注意点

ページ内リンクを設定する時の注意点は2つです。

 

  • 半角「#」を忘れない
  • アルファベットをカブらないようにする

 

1つ目は、ページ内リンクを設定したい場所(スタート地点)を設定する場合に、アルファベットの前に半角の「#」を入力するのを忘れないことです。

全角の「#」でも正しく機能しないので気をつけましょう。

 

2つ目は、ページ内リンクのアルファベットをカブらないようにすることです。

他のアルファベットとカブると、正確にジャンプできない場合があります。

ページ内リンク先(ゴール地点)に関連したアルファベットに設定すると良いですね。

目次にページ内リンクを挿入する場合

ページ内リンクの活用方法は、ほとんどが目次での利用だと思います。

 

プラグイン「TinyMCE Advanced」や「手動」でもページ内リンクを設置できますが、手間ですよね。

 

そんな時に便利なのが目次を自動生成して、ページ内リンクも自動設置してくれるプラグイン「Table of Contents Plus」です。

表示する目次デザインはカスタマイズできるのでおすすめです。

 

プラグイン「Table of Contents Plus」の設定方法は下記ブログ記事で解説してます。

内部リンクの設定方法

続いて、内部リンクの設定方法を解説します。

内部リンクについても「プラグインを活用した方法」と「手動での設定方法」の2つをお話します。

プラグイン「TinyMCE Advanced」を導入

プラグイン「TinyMCE Advanced」を導入してるなら、基本的にはページ内リンクの設定方法と同じです。

 

まずはリンク挿入したいテキスト部分を選択して、「リンク挿入/編集」をクリックするとリンク挿入画面が登場します。

そこにリンク先のページURLを入力してください。

 

内部リンクの設定方法

 

「矢印マーク」をクリックすれば、内部リンクの設置は完了です。

 

またリンク挿入画面の「歯車マーク」をクリックすれば、ジャンプしたいページの一覧が表示されるので、その中から選択してもOKです。

 

内部リンクを歯車マークから設定する方法

 

「リンクを新しいタブで開く」を設定できます。

 

そして「リンク追加」ボタンをクリックすれば、内部リンクの設置は完了です。

最後にプレビュー画面で確認して、無事にリンク先にジャンプできるか確認しましょう。

手動での設定方法

手動で内部リンクを設定する方法を解説していきます。

 

WordPress投稿ページの「テキスト」画面を開いたら、内部リンクを挿入したいテキスト部分を下記の文字列で囲ってください。

 

<a href="コンテンツURL">内部リンクを挿入したいテキスト</a>

 

コンテンツURL部分にリンクさせたいURLを挿入したら、内部リンクの手動設定は完了です。

内部リンクを設定する時の注意点

内部リンクを設定する時の注意点は2つです。

 

  • 半角「#」は必要ない
  • コンテンツとリンク先の関係性

 

ページ内リンクとは違い、内部リンクの場合にはコンテンツURLの前に半角「#」は必要ありません。

 

またコンテンツ情報とリンク先情報の関係性にも注意してください。

 

コンテンツと関連のない別コンテンツへリンクさせるのは、Googleから低評価を受ける場合もあるので、コンテンツ情報と関連性が高いリンク先を設置しましょう。

関連性の高い内部リンク先を検討してる人

アンカーテキスト(リンクテキスト)名にも注意!

最後に、「ページ内リンク」と「内部リンク」に共通する注意事項を解説します。

 

それは「アンカーテキスト(リンクテキスト)名」です。

 

アンカーテキストとは、ページ内リンクや内部リンクを設置した場所(スタート地点)の「テキスト名」です。

 

「アンカーテキスト(リンクテキスト)名」をユーザーだけではなく、Googleにとっても分かりやすいテキストにしましょう。

「こちらです」とか「ここをクリック」などは避けるべきだし、リンク先とまったく関係のないテキスト名にするのもNGです。

 

ユーザーにもGoogleにも正確な情報を伝えるために、「アンカーテキスト(リンクテキスト)名」はリンク先の情報を分かるようにしましょう。

 

基本的には「コンテンツタイトル」や「ページ内リンク先のタイトル」でOKです。

内部リンク先が、プラグイン「TinyMCE Advanced」に関する情報なら【プラグイン「TinyMCE Advanced」の設定方法を解説】のようなイメージですね。

 

ユーザー目線だけなら「こちらをクリック」でも悪くはないですが、「アンカーテキスト(リンクテキスト)名」にはGoogle目線も必要なので注意してください

正確に設定して上位表示を狙おう!

今回は、WordPressでのページ内リンク(アンカー)と内部リンクの設定方法と注意点を解説しました。

「ページ内リンク(アンカー)」や「内部リンク」を正確に設定して、ユーザービリティーを向上させサイト滞在時間を伸ばせば、Googleから優良サイトだと認識されます。

正確に設定して、上位表示を狙いましょう!

 

 

 


OTHER POSTS