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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tags: #HOME PC & MOBILE APPS CHROME