Chromeでウェブページ上のテキストに直接リンクする方法

Google Chromeでは、特定の箇所でウェブページを開き、関連するテキストをハイライト表示する共有可能なリンクを作成できます。以前の「Link to Text Fragment」拡張機能は不要になりました。この機能はChromeに「Copy link to highlight」として組み込まれています。Googleは、ハイライト表示されたテキストへのリンクに関するChromeヘルプガイドで、現在のデスクトップでのワークフローを説明しています。

Chromeでウェブページ上の特定のテキストにリンクする方法

デスクトップ版の処理はシンプルで、見出しやHTMLアンカーIDを持つセクションだけでなく、通常の選択可能なテキストにも適用できます。

  1. Chromeでページを開き、共有したいテキストを選択します。短くて特徴的な部分をドラッグして選択します。通常は、一文または一文の一部で十分です。
テキストリンクを作成する前に、選択した文がChromeスタイルのブラウザウィンドウでハイライト表示されます。
受信者が最初にアクセスする箇所を正確に選択してください。
  1. 選択したテキストを右クリックします。Chromeのコンテキスト メニューから「リンクをコピーしてハイライト表示」を選択します。このコマンドが利用できない場合は、選択したコンテンツではこの機能が動作しない可能性があると Google は注意喚起しています。
Chrome風のコンテキストメニューで、選択したテキストにリンクをコピーしてハイライト表示する機能。
コンテキストメニューから「リンクをコピーしてハイライト表示する」を選択してください。
  1. コピーしたURLを、メール、チャット、ドキュメントなど、共有したい場所に貼り付けてください。選択したテキストが含まれるため、URLは通常のページのURLよりも長くなる場合があります。
ハッシュ記号、コロン、チルダ記号、コロン、テキストで始まるテキスト断片を含むURLを含むメッセージウィンドウ
コピーされたURLには、選択された箇所を識別するテキストフラグメントディレクティブが含まれています。
  1. リンクを開いて確認してください。対応ブラウザであれば、ページが読み込まれ、該当する箇所までスクロールして、視覚的にハイライト表示されます。
  2. テスト済みのリンクを共有してください。Chromeでこれらのリンクを開いた後、ハイライトを解除したい場合は、ハイライトされた箇所を右クリックして「ハイライトを削除」を選択してください。
Chrome風ブラウザで、テキストフラグメントURLを開いた後にリンクされた文章が黄色でハイライト表示される。
対応するブラウザでリンクを開くと、該当するテキストが表示され、強調表示されます。

ChromeはURLに何を追加しますか?

Chrome は、ウェブ プラットフォームのテキスト フラグメント機能を使用します。ウェブサイトの所有者が見出しや段落に ID を追加する代わりに、テキスト フラグメント URL はアドレス内の単語を直接識別します。認識可能な部分は で始まります#:~:text=。

例えば、リンクは のようになる場合がありますhttps://example.com/article#:~:text=selected%20words。ブラウザはスペースやその他の文字をエンコードするため、テキストは安全に URL に表示できます。完全な構文には、重複する一致を区別するために周囲の単語を含めることもできます。MDNのテキストフラグメントのリファレンスでは、構文と動作について詳しく説明しています。

通常、このような構文を手動で作成する必要はありません。Chromeのコンテキストメニューコマンドを使えば、リンクが自動的に作成され、目的の箇所を特定するのに十分なコンテキスト情報も追加されます。

受信者はChromeを必要としていますか?

必ずしもそうとは限りません。テキストフラグメントは、現在のブラウザバージョンで広く利用可能なWeb機能です。MDNでは、関連するフラグメントディレクティブ機能がBaseline 2025の一部として記載されており、最新の主要ブラウザエンジンでサポートされていることを意味します。古いブラウザやサポートされていないブラウザでは、テキストディレクティブが無視され、該当箇所までスクロールしたりハイライト表示したりすることなく、単にページが開かれる場合があります。

これは、以前のガイダンスでこの機能がChromium専用とされていた点からの重要な変更です。特に受信者が古いブラウザを使用している可能性がある場合は、重要なリンクを送信する前にテストするのが依然として最も安全な方法です。

テキストリンクが機能しなくなる理由

テキストフラグメントリンクは、ページ上にリンク先の単語がまだ存在していることを前提としています。記事が編集され、該当するテキストが変更または削除された場合、ブラウザはフラグメントを見つけられなくなり、ページを通常どおり開くようにフォールバックする可能性があります。そのため、テキストリンクは、特定の箇所にすぐにアクセスできるようにするには最適ですが、長期的な参照には、安定したセクションアンカーほど耐久性はありません。

  • 簡潔で特徴的な表現を選びましょう。場所が一文で明確にわかる場合は、複数の段落を使うのは避けましょう。
  • 表示されているページテキストを使用してください。一部の埋め込みフレームやインタラクティブエディタ内のテキストは、この機能に対応していない場合があります。
  • コピー後にテストしてください。リンクを新しいタブで開き、目的の箇所に正しくアクセスできることを確認してください。
  • 動的に変化するページには注意が必要です。ニュースフィード、ライブページ、頻繁に編集されるドキュメントなどは、後々マッチングを無効にする可能性があります。

モバイル版Chromeでハイライトテキストリンクを作成する方法

Chromeもモバイル版でこの機能をサポートしていますが、操作方法は異なります。Android版では、Googleの現在の手順は、テキストを選択し、「共有」をタップしてから、ハイライト表示されたリンクを送信したいアプリを選択することです。iPhoneとiPadでは、テキストを選択して「リンクを作成」をタップします。このオプションを表示するには、選択したテキストをもう一度タップする必要がある場合があります。モバイル版の最新の手順については、Googleの公式Android版の手順とiPhoneおよびiPad版の手順を参照してください。

デスクトップ版Chromeの場合、手順は簡単です。該当箇所を選択し、右クリックして「リンクをコピーしてハイライト表示」を選択するだけです。長いページを手作業で検索してもらうよりも、はるかに速く正確です。

コメントを残す

Chrome Syncが一時停止してサインインを求められる問題を解決する方法

Chrome Syncが一時停止してサインインを求められる問題を解決する方法

Chromeの同期が一時停止したり、サインインのプロンプトが繰り返し表示される場合は、アカウントへのアクセスを復元し、サイトデータを保持し、Chromeを更新し、拡張機能やプロファイルを確認してください。

Chromeリモートデスクトップが動作しない場合の対処法

Chromeリモートデスクトップが動作しない場合の対処法

Chromeリモートデスクトップが動作しない場合は、オフラインホストを修正し、Chromeをアップデートし、リモートアクセスをリセットし、権限、ファイアウォールルール、および管理対象ネットワークの制限を確認してください。

Marketstackレビュー:リアルタイム、日中、および過去の株式市場データAPI

Marketstackレビュー:リアルタイム、日中、および過去の株式市場データAPI

Marketstackのレビューでは、API v2、リアルタイムおよび日中データ、過去のデータ範囲、価格設定、制限、メリット、デメリット、そして誰が利用すべきかについて解説します。

YouTubeを有効化するには、youtube.com/activateにアクセスしてください。テレビへのサインイン方法の完全ガイドはこちらです。

YouTubeを有効化するには、youtube.com/activateにアクセスしてください。テレビへのサインイン方法の完全ガイドはこちらです。

YouTubeの有効化方法については、youtube.com/activateまたはyt.be/activateにアクセスし、テレビコードを入力し、Googleアカウントを選択して、ログインの問題を解決してください。

Chromeでウェブページ上のテキストに直接リンクする方法

Chromeでウェブページ上のテキストに直接リンクする方法

Chromeで選択したテキストに直接リンクする方法(リンクをコピーしてハイライト表示)、テキストフラグメントURLの仕組み、リンクが機能しない場合の対処法について学びましょう。

Discordのフォントとテキスト書式設定:太字、斜体、下線、取り消し線

Discordのフォントとテキスト書式設定:太字、斜体、下線、取り消し線

Discordのテキスト書式設定をMarkdownで学びましょう。太字、斜体、下線、取り消し線、コードブロック、ネタバレ、見出しなど、Discordフォントの本当の意味を解説します。

Discordで誰も聞こえない?Discordの音声が機能しない問題を解決する

Discordで誰も聞こえない?Discordの音声が機能しない問題を解決する

Discordで誰の声も聞こえない場合は、Deafenとユーザー音量を確認し、適切な出力デバイスを選択し、音声とビデオをリセットし、Windowsのオーディオ設定を修正してください。

Discordで役割を追加、名前変更、メンバーに割り当てる方法

Discordで役割を追加、名前変更、メンバーに割り当てる方法

Discordで役割を追加する方法、役割名を変更する方法、権限を設定する方法、メンバーを割り当てたり削除したりする方法、役割の順序を変更する方法、そして役割を安全に削除する方法を学びましょう。

ZeroSSLレビュー:手頃な価格のSSL証明書管理とREST API

ZeroSSLレビュー:手頃な価格のSSL証明書管理とREST API

ZeroSSLは、90日間無料の証明書、ACME自動化機能、ウェブダッシュボード、およびREST APIを組み合わせたサービスです。現在の機能、価格、および制限事項については、こちらをご覧ください。

Aviationstack APIレビュー:リアルタイムおよび過去のフライトデータ

Aviationstack APIレビュー:リアルタイムおよび過去のフライトデータ

Aviationstack APIの最新情報をご紹介します。エンドポイント、制限事項、料金体系、そして具体的なリクエスト例など、リアルタイムおよび過去のフライトデータへのアクセス方法を解説します。