ワードプレスでジャンプリンクを作成する方法

WordPressでジャンプリンクを作成する方法(そしてSERPでの可視性を高める)

WordPressでジャンプリンクを作成する方法を学びたいですか?

ジャンプリンクは、読者があなたのページで欲しいものを見つけやすくします。また、SEO対策にもなります。

このステップバイステップのチュートリアルでは、WordPressのウェブサイトにジャンプリンクを簡単に追加する方法を学びます。

必要なもの All in One SEO (AIOSEO) プラグイン

ジャンプリンクはアンカーリンクとも呼ばれ、クリックすると同じウェブページの別のセクションにジャンプするハイパーリンクです。ジャンプリンクの例としては、目次、脚注、「関連記事」へのリンクなどがあります。

ジャンプリンクは、検索結果に表示される可能性があるため、SEOにとって良いことがあります。あなたの記事のスニペットには、1つのタイトルリンクだけでなく、3-4つのリンクが表示されるかもしれません。

ジャンプリンクの例

上の例でわかるように、ジャンプリンクは、検索者が "中穴を修正する "のように、興味のある記事のセクションを正確にクリックする方法を提供する。

そして、これらのリンクは記事に関する追加情報を提供するため、より多くのクリックスルー、より低い直帰率、より高いコンバージョンにつながります。

このような結果を得る方法を学ぶ準備はできていますか?さあ、始めよう。

SEOのためにジャンプリンクを作成する最も簡単な方法は、完成した記事から目次を自動的に生成するプラグインを使用することです。

ステップ1:All in One SEO(AIOSEO)プラグインをインストールする

まず、AIOSEOプラグインをダウンロードすることをお勧めする。このプラグインの最大の特徴は、AIOSEO - 目次ブロックです。

このブロックは、完成した投稿に即座に目次を追加します。

アイオセオ・ホームページ

AIOSEOからプラグインをダウンロードした後、WordPressのエディタを開き、プラグイン " 新規追加.そして、プラグインのzipファイルをアップロードします。

ご質問がありますか?こちらの手順に従ってインストールとアクティベーションを行ってください。

これで投稿に目次を追加する準備ができた。

ステップ2:記事に目次を追加する

WordPressのエディターで、目次を追加したい投稿を開く。

投稿本文で、目次を表示したい場所にカーソルを置く。

  1. 次に、黒い(「ブロックの追加」)アイコンをクリックする。
  2. ポップアップウィンドウの検索フィールドに「AIOSEO」と入力し AIOSEO - 目次.

    アイオセオの目次を追加

  3. これで、ページに目次(TOC)が挿入されました。編集モードではこのように表示されます。

    ワードプレスで目次付きジャンプリンクを作成する方法

ステップ3:(オプション)目次を編集する

目次を編集する方法はいくつかあります。

できる:

  • リスト項目を編集する
  • リスト項目の削除
  • リスト項目の並び替え
  • スタイルを編集する。

リスト項目の編集方法

リスト項目を編集するには、リスト項目フィールドにカーソルを置き、テキストを編集するだけです。あなたの記事の関連する見出しはそのまま残ります。

また、可能な限り短くするのも良いアイデアです。そうすることで、読者は目次に何が書かれているのかを素早くスキャンしやすくなります。目次の見出しが長いと、検索結果で切り捨てられる可能性があります。以下に例を挙げます。

切り捨てられたジャンプリンク

次の例では、見出しの一部を短く編集しています:

アイオセオ目次編集

しかし、検索に表示させたくない繰り返し項目(「補足質問」)があります。閲覧者からこれらを隠す方法を見つけましょう。

リスト項目の削除方法

目次から個々の項目を削除するには、右側の目のアイコンをクリックします。

aioseo 目次項目を削除する

これで、そのリスト項目は閲覧者から見えなくなります。(もう一度目をクリックすれば、再び見えるようにすることができます)。

リスト項目の並べ替え方法

リスト項目の順番を変更したい場合は、簡単にできます。記事の関連する見出しの順番には影響しません。

  • 右上の再注文ボタンをクリックします。

    ワードプレスの目次を並び替える

  • 移動させたいアイテムの横にある6つの点のアイコンをつかみ、移動させたい場所まで見出しをドラッグします。

    目次ヘッダーの並び替え

  • ヘッド位置が決まったらアイコンを放す。

スタイルの編集方法

スタイルオプションを表示するには

  • 目次エリアをクリック
  • 次に、ページ上部の歯車アイコンをクリックします。

右側の「ブロック」メニュー欄に、AIOSEO - 目次の設定が表示されます。

アイオセオ目次設定
  • リストのスタイルでは、目次をデフォルトの箇条書きリストではなく、番号付きリストとして表示することを選択できます。
  • または、カスタムCSSコードを追加して外観を変更することもできます。(これは上級者向けです)。
aioseoの高度な目次設定

このセクションでは、Gutenbergブロックエディタだけを使ってジャンプリンクを追加する方法を学びます。AIOSEOプラグインを使用している場合でも、投稿のテキストに個別のジャンプリンクを追加するためにこの情報を使用することができます。

ステップ1:アンカーの作成

  1. あなたの投稿で、ジャンプリンクを誘導したいブロックに移動します。そのブロックにカーソルを置きます。
  2. 右側のブロックメニューで、Advancedまでスクロールダウンする。HTMLアンカーというフィールドが表示されます。カーソルが見出しブロックの上にある場合(下の例のように)、このHTMLアンカーフィールドが即座に入力されます。
gutenberg htmlアンカーの例
  • アンカーが見出しブロックでない場合は、ブロックから数語をコピーしてHTMLのアンカーフィールドに貼り付けます(ハイフンは自動的に挿入されます)。
  • HTMLのアンカー・フィールドに直接入力してアンカー・テキストを作成する場合は、単語と単語の間に必ずハイフンを入れてください。(お好きなものを入力してください)。

ヒント:ページ内で同じアンカーテキストを2回使うことはできない。

次に、ページ上のリンクしたい場所に移動します。

  1. ジャンプリンクを追加したい単語または語句をハイライトします。

    グーテンベルクのハイライトテキスト

  2. 真上に表示されるツールバーで、リンクアイコンをクリックする。(小さなポップアップウィンドウが開きます)。

    グーテンベルグリンクポップアップ

  3. そのポップアップの一番上のフィールドに、HTMLアンカーテキストの前にハッシュタグ(#)を貼り付けます。その後、右上の四角い矢印をクリックしてジャンプリンクを保存します。

    ワードプレスのグーテンベルグでジャンプリンクを作成する方法

  4. 投稿原稿を保存する。

これで、投稿をプレビューしてジャンプリンクを試すことができます。

WordPressクラシックエディターを使ってアンカーリンクを作成するには、以下の手順に従ってください。

ステップ1:アンカーの作成

  1. 投稿の右上隅にある ビジュアル タブ(「ビジュアル・エディター」とも呼ばれる)を テキスト タブ(「HTMLエディター」とも呼ばれる)。

    ワードプレスクラシックエディタ html
  2. リンクしたいヘッダー(小見出しともいう)に移動する。
  3. Inside the heading tag type id=”your-anchor-name” (choose an anchor name). In this example, we'll add an anchor to an <h2> tag in our article, surrounding the heading “Next Action Steps.”
html id属性の例

id属性について

id "属性はHTMLタグ(HTML要素とも呼ばれる)内に追加しなければならないことに注意してください。

しかし、見出しタグにid属性を追加することに限定されるわけではありません。以下に、id属性を追加してページの特定の領域にジャンプできる他のHTMLタグの例を示します:

  • <table>
  • <img>
  • <video>
  • <audio>
  • <map>
  1. 次に、ジャンプリンクを追加したいテキストをハイライトします。(下の例では、"plan your digital actions "をハイライトしています)。
  2. 左上の「リンク」ボタンをクリックする。

    アンカーリンクを追加する

  3. リンクの挿入/編集ポップアップウィンドウが表示されます。URLフィールドにハッシュタグ(#)の後にアンカー名を続ける。

    ワードプレスクラシックエディタでジャンプリンクを作成する方法

HTMLコードでは、アンカーリンクは次のようになります:

<a href="#next-action-steps">plan your digital actions</a>
  1. 下書きを保存し、ページをプレビュー/テストしてください。

ご覧のように、Gutenbergエディタでは、クラシックエディタよりもジャンプリンクを追加するのが簡単です。

次に、ジャンプリンクのもう一つのタイプである脚注について考えてみよう。

WordPressで脚注を作成する方法

脚注もジャンプリンクだが、ひねりが加えられている。また、本文中では上付き数字で表される。

脚注には特別なスタイルが必要なため、脚注を作成する最も簡単な方法は、WordPressプラグインを使用することです。

WordPress脚注プラグイン」で検索して、気に入ったものを見つけてください。

検索する前に、脚注にさまざまなビジュアルスタイルを作りたいかどうかを決めましょう。もしそうなら、デザインオプションを含むプラグインを探しましょう。

目次があることで、ユーザーは長いページをナビゲートしやすくなる。これは特にスマートフォンユーザーに当てはまる。

ここでは、ページジャンプリンクを使用するための追加のアイデアをいくつか紹介します。

  • ケーススタディのページ:概要紹介から研究そのものへのリンク。
  • プロモーションページ:今すぐ購入」または「予約」セクションへのリンク。
  • イベントページ:登録セクションへのリンク

他の目次プラグインに興味がありますか?

この記事では、目次を簡単に追加する方法として、All in One SEO(AIOSEO)プラグインをお勧めした。AIOSEOは、その使いやすさと多機能性からWordPress.orgで高い評価を得ている。

目次を追加するという、たった一つのことをするプラグインを探しているなら、これらのオプションをチェックしてみよう。

  • 英雄の目次
  • ジョリ 目次
  • LuckyWP 目次
  • シンプルTOC

次はどうする?

ジャンプリンクが検索結果に表示されると、収益とコンバージョンを高めることができます。また、サイト訪問者がページの特定のセクションに簡単に移動できるようにすることで、ユーザーエクスペリエンスを向上させることもできます。

この記事を読んで、WordPressサイトにジャンプリンクを追加する簡単な方法を知っていただけたら幸いです。また、FAQでトラフィックを急増させる方法や、SEOのためにパンくずを追加する方法についても、ついでにチェックしてみてください。

この記事が役に立ったなら、YouTubeチャンネルに登録してください。WordPressのチュートリアルがたくさんあります。また、TwitterLinkedInFacebookでフォローして、最新情報をゲットしてください。

AIOSEOを無料で試したいですか?

AIOSEO LiteをインストールするWordPressサイトのURLを入力してください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。

著者アバター
シェリー・ゴセット コンテンツライター
米国ニューハンプシャー州在住のSEOアナリスト。新しいSEOの開発について調査、実装、執筆で忙しくないときは、ハイキングやギターを楽しんでいる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。