Web ページ上の特定のテキストにリンクする方法

リンクを共有することで、関連情報をこれまでより迅速に見つけることができるようになりましたが、テキストが豊富な Web ページでそれを行うのは困難です。有用なデータを見つけるにはテキスト全体をスキャンする必要があり、面倒で時間がかかります。ただし、Web ブラウザを使用して、強調表示されたテキストにつながる事前にプログラムされたリンクを作成すると、関連情報を他のユーザーと共有できるようになります。

Web ページ上の特定のテキストにリンクする方法

このガイドでは、PC または Mac を使用していくつかの Web ブラウザーでスクロールからテキストへの直接リンクを作成する方法について説明します。

PC 上の Web ページ上の特定のテキストへのリンク

PC ユーザーの場合は、2 つの方法を使用して、受信者を Web ページの特定の語句または段落に誘導するリンクを作成できます。共有可能なブックマークを作成することも、好みのブラウザの拡張機能を使用することもできます。

ブックマークレットの作成

JavaScript コードの小さな部分が詰め込まれたブックマークは、ブックマークレットと呼ばれます。特定のブックマーク リンクをクリックすると、事前定義されたアクションが実行されます。ユーザーを特定の Web ページ セクションに誘導するために使用すると、ブックマークレットは Web サイトを開いて、強調表示されたテキスト領域に焦点を合わせます。この機能は、Google Chrome や Microsoft Edge などの Chrome ベースのブラウザーで動作します。

Google Chrome でクリック可能なブックマークレットを作成するプロセスは比較的簡単です。そうするために:

  1. 「Ctrl + Shift + B」を押し続けると、ブラウザのブックマークまたはお気に入りのタブが有効になります。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Ctrl + Shift + O」を押して、Chrome の「ブックマーク マネージャー」に入ります。または、「設定」を選択し、「ブックマーク」をタップして、「ブックマークマネージャー」を押します。
    Web ページ上の特定のテキストにリンクする方法
    Web ページ上の特定のテキストにリンクする方法
  3. 「ブックマークマネージャー」セクションに移動したら、右クリックして「新しいブックマークを追加」オプションを選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. 次のコード行をポップアップ URL フィールドに貼り付けます。
    “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Web ページ上の特定のテキストにリンクする方法
  5. ブックマークレットの名前を変更します。「友達と共有」または同様の名前を使用して、「保存」ボタンをタップします。
    Web ページ上の特定のテキストにリンクする方法

ブックマークレットを作成したら、それを使用して Web サイトの特定の部分に直接移動できます。仕組みは次のとおりです。

  1. Web ページを起動し、カーソルを使用してテキストの一部を選択し、「友達と共有」ブックマークレットをタップします。
    Web ページ上の特定のテキストにリンクする方法
  2. このアクションにより新しいウィンドウが生成され、選択したテキストが黄色で強調表示されます。
    Web ページ上の特定のテキストにリンクする方法
  3. リンクをコピーします。

このカスタマイズされたリンクをクリックすると、Web ページは強調表示されたテキストのセクションまで自動的にスクロールします。Google Chrome または Microsoft Edge ブラウザを使用しているユーザーのみがリンクをクリックできます。

最新のMicrosoft Edgeバージョンでもブックマークレットを作成することが可能です。そうするために:

  1. 「Ctrl + Shift + O」を押したまま「お気に入りの管理」タブに移動します。または、「Edge メニュー」を開き、「お気に入り」を選択し、「お気に入りの管理」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「お気に入り」セクションに移動して右クリックします。
  3. 「お気に入りに追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. ポップアップ URL フィールドに次の JavaScript の抜粋を入力します。
     “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Web ページ上の特定のテキストにリンクする方法
  5. ブックマークレットの名前を「友達と共有」に変更します。
    Web ページ上の特定のテキストにリンクする方法

ブックマークレットを使用して Microsoft Edge で特定のテキストまでスクロールするには:

  1. Web ページを開き、カーソルでテキストの一部を選択します。
    Web ページ上の特定のテキストにリンクする方法
  2. 「友達と共有」ブックマークレットをタップします。
    Web ページ上の特定のテキストにリンクする方法
  3. 新しいウィンドウが表示され、選択したテキストが黄色で強調表示されます。
    Web ページ上の特定のテキストにリンクする方法
  4. アドレス バーからウィンドウの URL をコピーします。
    Web ページ上の特定のテキストにリンクする方法

リンクを他の人に送信すると、その人は Web ページの強調表示されたテキストのある部分に直接移動します。Chrome と Edge ユーザーのみがブックマークレット リンクを使用できます。

テキストフラグメントへのリンク拡張機能の使用

リンクを手動で作成したくない場合は、Link to Text Fragmentsなどの拡張機能も優れたオプションです。ユーザーを Web ページで選択した単語、語句、段落に移動する、事前にプログラムされたハイパーリンクを作成します。

Google Chrome で拡張機能を使用するには:

  1. Google ストアから拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンを押します。
    Web ページ上の特定のテキストにリンクする方法
  3. アクションの確認を求めるポップアップ メッセージが表示されます。「拡張機能を追加」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  4. アドオンを拡張バーに固定して、いつでも簡単にアクセスできるようにします。
    Web ページ上の特定のテキストにリンクする方法
  5. Web ページを開き、語句または段落を選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 右クリックして「選択したテキストへのリンクをコピー」オプションを選択します。
    Web ページ上の特定のテキストにリンクする方法

選択したテキストが黄色に変わり、リンクが正常に作成およびコピーされたことを示します。次回あなたまたは他の人がそのリンクを使用すると、Web ページは強調表示されたテキストまで自動的にスクロールします。

テキスト フラグメントへのリンク機能は、Microsoft Edge ブラウザーでも機能します。使用方法は次のとおりです。

  1. Google ストアにアクセスして拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンをクリックします。
    Web ページ上の特定のテキストにリンクする方法
  3. ブラウザはアドオンのインストールを確認するメッセージを表示します。「拡張機能を追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. 複数の拡張機能を使用する場合、簡単にアクセスできるように [テキストへのリンク] アイコンを固定します。
    Web ページ上の特定のテキストにリンクする方法
  5. Web サイトを起動し、テキストの一部を選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 右クリックして「選択したテキストへのリンクをコピー」をタップします。
    Web ページ上の特定のテキストにリンクする方法

選択したテキストが黄色に変わると、PC はハイパーリンクをコピーしました。誰かがあなたのリンクをタップすると、最初に Web ページの強調表示された部分が表示されます。

Mac 上の Web ページ上の特定のテキストへのリンク

Safari は Mac 製品に組み込まれたインターネット ブラウジング オプションであり、ユーザーが事前定義されたテキスト リンクを作成できる拡張機能は提供しません。Mozilla Firefox や Opera などの他のブラウザでは、リンク作成ソリューションが提供されません。幸いなことに、Mac デバイスは Microsoft プログラムとうまく連携するため、Google Chrome や Microsoft Edge でテキストを強調表示したり、ハイパーリンクを作成したりできます。

Link to Text Fragment 拡張機能を使用すると、 Mac 上でスクロールからテキストへのリンクを作成できます。Google Chrome でこれを行うには:

  1. Chrome ウェブストアにアクセスし、Link to Text Fragment 拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」を押します。
    Web ページ上の特定のテキストにリンクする方法
  3. リンクしたいテキストが含まれる Web ページを開きます。
    Web ページ上の特定のテキストにリンクする方法
  4. カーソルをドラッグしてテキストを選択します。
    Web ページ上の特定のテキストにリンクする方法
  5. 選択したテキストを右クリックし、コンテキストメニューから「選択したテキストへのリンクをコピー」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  6. リンクをコピーすると、テキストが黄色でマークされます。これは、コピーされたリンクがクリップボードに保存されていることを示します。

リンクをクリックすると、強調表示された抜粋が最初に表示されます。

Link to Text アドオンは Microsoft Edge で動作するため、Mac でこのブラウザを使用して特定のテキスト リンクを作成できます。そうするために:

  1. Chrome ストアから拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンをタップします。
    Web ページ上の特定のテキストにリンクする方法
  3. アクションを確認するプロンプトが表示されたら、「拡張機能を追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. リンクしたいテキストが含まれる Web ページを開きます。
    Web ページ上の特定のテキストにリンクする方法
  5. カーソルを使用してテキストを選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 選択したテキストを右クリックし、「選択したテキストへのリンクをコピー」をクリックします。
    Web ページ上の特定のテキストにリンクする方法
  7. テキストが黄色に変わり、スクロールからテキストへのリンクがクリップボードに保存されたことを示します。

誰かが作成したリンクを使用するたびに、Web ページは強調表示されたテキストまでスクロールします。

Chrome または Edge ユーザーのみがリンクを通じて Web ページにアクセスし、マークされたテキストを表示できます。別のブラウザを使用している人にリンクを送信した場合、その人には、強調表示されたテキスト領域のない通常の表示と同じようにページが表示されます。

直接リンクでより効率的に情報を共有

オンライン情報へのアクセスが増加する時代においては、重要なテキストに効率的にアクセスする方法が不可欠です。選択したテキストにユーザーを誘導するリンクを作成するには、PC または Mac の Chrome または Edge ブラウザを使用します。PC をお持ちの場合は、ブックマークレットまたはテキストへのリンク拡張機能を使用して、テキストへのスクロール リンクを作成できます。Apple はまだ同様のアドオンを開発していませんが、この拡張機能は Mac デバイスでも動作します。

他の人と共有するためにテキストをハイライト表示する頻度はどれくらいですか? リンクを作成する場合、上記の方法のうちどれを好みますか? 以下のコメント欄でお知らせください。

Sign up and earn $1000 a day ⋙

BaldurS Gate 3 はクロスプラットフォームですか?まだ

BaldurS Gate 3 はクロスプラットフォームですか?まだ

多くの誇大宣伝と期待を経て、「Baldur's Gate 3」がリリースされました。しかし、多くのプレイヤーはゲームに飛び込む前に、それが可能かどうかを知りたいと思うでしょう。

DS4Windows がコントローラーを検出しないエラーを修正する方法

DS4Windows がコントローラーを検出しないエラーを修正する方法

コントローラーの接続に問題がありますか?ゲームの準備はできていますが、コントローラーを使用しないとゲームオーバーになります。ゲーマーはあなただけではありません

Diablo 4 でスキルをリセットする方法

Diablo 4 でスキルをリセットする方法

「ディアブロ 4」で新しいキャラクターを再作成せずにプレイヤーのビルドを変更する方法を探していませんか?まあ、あなたは幸運です。ゲームでできることは、

Windows 10 PC で明るさを調整する方法

Windows 10 PC で明るさを調整する方法

使用するデバイスに関係なく、画面の明るさの設定は重要な機能です。ただし、明るさレベルを取得することが特に重要です

ブロックスフルーツでヤマを入手する方法

ブロックスフルーツでヤマを入手する方法

ヤマはゲームの呪われた刀の 1 つであり、伝説のステータスを持っています。 「ブロックス フルーツ」オープンワールドでこのような強力な武器を使用すると、次のことが得られます。

Windows 10ネットワークアダプターが見つからない場合の修正方法

Windows 10ネットワークアダプターが見つからない場合の修正方法

Windows オペレーティング システムのネットワーク アダプターは、ネットワーク接続がスムーズに実行されることを保証する重要なデバイスです。ネットワークアダプターが受信するため、

Windows でヘルプを表示する方法

Windows でヘルプを表示する方法

Windows を長期間使用している場合でも、専門家の支援が必要な問題が発生することがあります。向いているかどうか

Windows 11で保存されたWi-Fiパスワードを表示する方法

Windows 11で保存されたWi-Fiパスワードを表示する方法

インターネット ネットワークからロックアウトされることほどイライラすることはありません。パスワードを書き留めていない場合は、アクセスできなくなる危険があります

PC 上の Windows 壁紙の場所を確認する場所

PC 上の Windows 壁紙の場所を確認する場所

ここに Windows 8 および 10 の Windows 壁紙の場所があるため、これらの高解像度画像を他のデバイスや古いバージョンの Windows で使用できます。

Windows 10 PC でカメラをテストする方法

Windows 10 PC でカメラをテストする方法

Windows 10 PC で写真を撮りたい場合は、まずカメラ機能をテストする必要があります。セルフィーを撮りたいだけでも、

Windows 10 または 11 PC で一時ファイルを削除する方法

Windows 10 または 11 PC で一時ファイルを削除する方法

コンピューターの動作が遅くなり始めたら、それはスペースを解放する必要があるというサインです。通常、一時ファイルの削除から始めるのが最適です。

Windows 10 の映画 & TV アプリケーションのショートカットの概要

Windows 10 の映画 & TV アプリケーションのショートカットの概要

Windows 10 の映画 & TV アプリケーションのショートカットの概要、素晴らしいエクスペリエンスをもたらす Windows 10 の映画 & TV アプリケーションのショートカットの概要。多分

Windows版Discordでメッセージの読み込みに失敗したエラーを修正する方法

Windows版Discordでメッセージの読み込みに失敗したエラーを修正する方法

Windows 版 Discord でメッセージの読み込みに失敗したエラーを修正する方法, 他の人が書いたものが読めないと Discord は楽しくありません。メッセージエラーを修正する方法は次のとおりです

Windows 11のデスクトップに「このPC」アイコンを表示する方法

Windows 11のデスクトップに「このPC」アイコンを表示する方法

Windows 11 デスクトップにこの PC アイコンを表示する方法、Windows 11 を使用する過程で、多くのユーザーがこの PC (管理) にアクセスする必要があります。

Windows レジストリ内の情報をすばやく見つける方法

Windows レジストリ内の情報をすばやく見つける方法

Windows レジストリ内の情報をすばやく見つける方法 Windows レジストリ内の情報を見つけるのは難しいと思いますか? したがって、以下はレジストリを見つける簡単な方法です。

Windows 10 でログイン試行の失敗回数を制限する方法

Windows 10 でログイン試行の失敗回数を制限する方法

Windows 10 でのログイン試行の失敗回数を制限する方法。 Windows 10 でのパスワード ログイン試行の失敗回数を制限すると、コンピュータのセキュリティが向上します。その方法は次のとおりです

Windows で偽のエラー メッセージを作成する方法

Windows で偽のエラー メッセージを作成する方法

Windows で偽のエラー メッセージを作成する方法。Windows では非常に独創的なエラー メッセージを作成できますが、それをからかう独自のコンテンツを作成してみてはいかがでしょうか。

Windows 11 で Windows ツールを開く方法

Windows 11 で Windows ツールを開く方法

Windows 11 で Windows ツールを開く方法、Windows 管理ツール、または Windows ツールは Windows 11 でも引き続き役立ちます。 Windows 11 で Windows ツールを見つける方法は次のとおりです。

Windowsクイックアシストが機能しないエラーを修正する方法

Windowsクイックアシストが機能しないエラーを修正する方法

Windows クイック アシストが機能しないエラーを修正する方法。Windows クイック アシストを使用すると、リモート PC に簡単に接続できます。ただし、場合によってはエラーが発生することもあります。しかし、

Word、Excel、PowerPoint ファイルを Windows 11 タスクバーの対応するアプリ アイコンに固定する方法

Word、Excel、PowerPoint ファイルを Windows 11 タスクバーの対応するアプリ アイコンに固定する方法

Word、Excel、PowerPoint のファイルを Windows 11 のタスク バー上の対応するアプリ アイコンに固定する方法、Office ファイルを Windows 11 のタスク バー アイコンに固定する方法 招待する