WordPress投稿の特定の段落または文を参照する方法

長文コンテンツは、権威を構築し、質問に徹底的に答えるのに役立ちます。しかし、読者が1つの特定の答えを探しているときに、何千もの単語をスクロールさせるのはイライラする可能性があります。

そこで、特定の段落や文章へのリンクが大きな違いを生むことができます。単に読者をページに誘導するのではなく、見てもらいたい情報に直接誘導することができます。

この記事では、WordPressの投稿で特定の段落や文章に直接リンクする方法を、2つの簡単な方法でご紹介します。

この記事では、以下の内容を説明します。

簡単な方法：ブラウザからハイライトリンクをコピーする

特定の段落や文章を指すリンクを作成する最も簡単な方法は、クリックするだけでブラウザに生成させることです。

リンクしたいページを開き、共有したい正確な単語をハイライトするだけです。その後、選択した部分を右クリックし、「ハイライトへのリンクをコピー」を選択します。

Safariを使用している場合、このオプションは「ハイライト付きリンクをコピー」と表示されます。

これで、クリップボードに完成したリンクが保存されました。これには、ページのURL、#:~:text=という文字、そして選択した単語がエンコードされた形式で含まれています。これは、スペースや句読点が%20のようなコードに置き換えられていることを意味し、URLに安全に含めることができます。

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

読者がそのリンクをクリックすると、ブラウザはすぐに指定された箇所にスクロールし、テキストをハイライト表示します。

これは標準的な選択可能なテキストでのみ機能することに注意してください。ハイライトリンクは、画像、PDFドキュメント、またはYouTube動画プレーヤーのような埋め込みフレーム内のテキストでは機能しません。

手動の方法：テキストフラグメントURLを自分で記述する

場合によっては、自動生成されたリンクが必ずしも必要に合致するとは限りません。例えば、同じフレーズがページ内に複数回出現する場合や、リンクに数段落のテキストを使用せずに、文章全体をハイライトしたい場合があります。

そのような場合は、URLの構造を理解することで、選択される内容を完全に制御できます。

https://example.com/page/#:~:text=prefix-,textStart,textEnd,-suffix

• textStartは必須の部分です。これだけで、ブラウザにその正確なフレーズをハイライトするように指示できます。
• textEndは、選択範囲を範囲に変換し、開始フレーズから終了フレーズまでのすべてをハイライトします。
• prefix-と-suffixは、ターゲットテキストの直前と直後の単語を指定します。同じフレーズがページ内に複数回出現し、どの出現箇所を使用するかをブラウザに伝える必要がある場合に便利です。

すべての単語を入力せずに長い文章をハイライトするには、開始フレーズと終了フレーズをカンマで区切って入力するだけで十分です。ブラウザはそれらの間のすべてを自動的にハイライトします。

https://example.com/page/#:~:text=Start%20of%20the%20passage,end%20of%20the%20passage

同様に、2つの別々の箇所をハイライトするには、それらを&text=でつなぎます。これは、読者に2つの関連情報（例えば、主張とその後の注意書き）に誘導したい場合に便利です。

https://example.com/page/#:~:text=first%20passage&text=second%20passage

URLを手動で作成したくない場合は、無料のText Fragment Link GeneratorがURLを自動的に作成してくれます。

ツールに、ターゲットページのURLと、ハイライトしたい正確なテキストを貼り付けます。

テキストがページ内に複数回出現する場合、オプションのプレフィックスとサフィックスフィールドに入力して、正確な場所を特定できます。ツールは自動的に正しいエンコーディングを適用し、コピーして共有できる完成したリンクを出力します。

ハイライトリンクをWordPress投稿に追加する

クリップボードにリンクをコピーしたら、WordPressのブロックエディターで、他のリンクを追加するのと同じように追加できます。追加のプラグインやカスタムブロックは必要ありません。

編集したい投稿またはページを開き、アンカーテキストを選択します。これは、読者がクリックしたい単語またはフレーズです。

次に、ブロックツールバーのリンクアイコンをクリックするか、Windowsの場合はCtrl+K、Macの場合はCommand+Kのキーボードショートカットを使用します。

その後、ハイライトリンクをフィールドに貼り付けてEnterキーを押します。WordPressは、末尾のテキストフラグメントを含むURL全体を保存します。

最後に、投稿を公開または更新し、ライブページ上のリンクをクリックします。ブラウザはセクションにジャンプしてハイライト表示し、参照が機能していることを確認する必要があります。

アンカーリンクを使用して投稿の特定の部分にリンクする

アンカーリンクは、エディター内のブロックに追加されたHTMLのid属性を使用して、ページ内の特定のセクションに読者を誘導します。テキストフラグメントのようにテキストをハイライト表示しませんが、後で単語を変更したり編集したりしても壊れることはありません。

アンカーリンクを追加するには、WordPressコンテンツエディター内で、見出しなどのリンクしたいブロックを選択します。

次に、右側の設定サイドバーにある「ブロック」タブを開き、「詳細設定」パネルを展開して、「HTMLアンカー」フィールドに短いキーワードを入力します。

HTMLアンカーを使用してアンカーリンクを作成できます。同じページ内では、リンクは次のようになります。

<a href="#linkedsection">

別のWebページ上のID属性を指定している場合、リンクは次のようになります。

<a href="https://example.com/#linkedsection">

IDを追加するには、投稿を編集する必要があります。そのため、この方法は独自のコンテンツに最適です。

両方のエディターでの完全なウォークスルーについては、WordPressにアンカーリンクを簡単に追加する方法のステップバイステップガイドをご覧ください。

WordPressでテキストを参照することに関するよくある質問

以下は、特定の段落や文章へのリンクの作成に関して、よく受ける質問への回答です。

1. アンカーリンクとハイライトリンクの違いは何ですか？

違いは、各リンクがターゲットとするものです。

アンカーリンクは、ページに追加された固定HTML IDを指し、周囲の単語が変更されてもリンクはアクティブなままです。

ハイライトリンクは、単語自体を指し、ページが読み込まれるときにそれらをハイライト表示します。ターゲットページを編集する必要がないため、他のサイトを引用するのに最適です。ただし、その単語が編集されると機能しなくなります。

2. アンカーリンクはすべてのウェブサイトで機能しますか？

はい、アンカーリンクはHTMLの基本的な部分であり、すべてのモダンブラウザのどのウェブサイトでも機能します。

3. ページ上のテキストが変更された場合はどうなりますか？

参照されたテキストが削除または大幅に変更された場合、リンクは期待どおりに機能しなくなる可能性があります。ブラウザはページ上で指定された単語を見つける必要があるため、ハイライトが機能するにはテキストが一致する必要があります。

このチュートリアルで、WordPressの投稿で特定の段落や文章を参照する方法を学べたことを願っています。また、WordPress SEOに関するガイドや、SEOのための内部リンクのヒントもご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。