リンクを作成する方法

PDF形式でダウンロード

PDF形式でダウンロード

この記事には：

リンクをコピー＆ペーストする

メールにハイパーリンクを挿入する

HTMLを使う

関連記事

この記事では、WebサイトのURLをコピー＆ペーストしてサイトへのリンクを作成したり、メールにリンクを挿入してテキストの下にリンク先のURLを隠したり、HTMLを使ってWebサイトにリンクを組み込んだりするなど、さまざまな方法でWebコンテンツへのリンクを作成する方法を紹介します。

ステップ

方法 1

方法 1 の 3:

リンクをコピー＆ペーストする

PDF形式でダウンロード

1. 
   1
   リンクを張りたいWebページを表示させる　Webサイトの特定のページへのリンクを見つけるためには、まずそのページを表示させる必要があります。
2. 
   2
   WebページのURLを選択する　ブラウザ上部のそのWebページのURLをタップまたはクリックすると、URLがハイライト表示されるはずです。
3. 
   3
   URLをコピー＆ペーストする　以下の操作を行います。

   • モバイル端末：コンテキストメニューが表示されたら、コピーをタップします。ただし、端末によっては、URLを長押ししたり、最初にすべてを選択をタップしたりする必要があるかもしれません。
   • パソコン：URLがハイライト表示されている状態で、Ctrl+C（Windows）または⌘ Command+C（Mac）を押します。
4. 
   4
   リンクを貼る場所を決める　リンクはあらゆるテキスト入力領域（Facebookの近況ボックス、Microsoft Wordの文書、スマートフォンのメッセージアプリなど）に貼ることができます。
5. 
   5
   リンクを貼り付ける　以下の操作を行います。

   • モバイル端末：テキスト入力領域を長押しし、コンテキストメニューが表示されたらペーストをタップします。
   • パソコン：テキスト入力領域をクリックし、Ctrl+V（Window）または⌘ Command+V（Mac）を押します。
6. 
   6
   リンクを試してみる　リンクを貼ったら、そのリンクをタップまたはクリックして、指定した場所に飛ぶことを確認しましょう。

   • 通常、リンクは選択できるようになると色が変わります。
   広告

方法 2

方法 2 の 3:

メールにハイパーリンクを挿入する

PDF形式でダウンロード

1. 
   1
   WebサイトのURLをコピーする　ハイパーリンクとは、テキストに見せかけたWebサイトへのリンクのことです。ハイパーリンクは、URLでメールの流れを乱すことなくページへリンクを張りたい場合に役に立ちます。
2. 
   2
   任意のメールサービスのWebサイトを開く　ほとんどのメールサービスで、メールにハイパーリンクを挿入することができますが、そのためにはそのメールサービスのモバイルアプリではなくWebサイトを使う必要があります。

   • メールサービスにログインしていない場合は、メールアドレスとパスワードを入力しログインしてから先に進みましょう。
   • ただし、Outlookではハイパーリンクを作成することができません。
3. 
   3
   新しいメールウィンドウを開く　この手順は、使っているメールサービスによって異なります。

   • Gmail：ページ左上の作成をクリックします。
   • Yahoo!メール：ページ左上のメールの作成をクリックします。
   • Appleメール：ページ上部の青い鉛筆とメモ帳のアイコン
     
     をクリックします。
4. 
   4
   メールの本文部分をクリックする　これは「件名」の下の大きな空白部分のことです。これでハイパーリンクを作成できるようになります。
5. 
   5
   ハイパーリンクアイコンをクリックする　通常、ハイパーリンクアイコンは2本の鎖のような形をしており、「新規メッセージ」ウィンドウの下部にあります。このアイコンをクリックすると、ハイパーリンクが表示されます。

   • Appleメールの場合は、「新規メッセージ」ウィンドウ上部のwwwアイコンがハイパーリンクです。
6. 
   6
   リンクを貼り付ける　「リンク」または「ハイパーリンク」というテキスト入力領域をクリックし、Ctrl+V（Windows）または⌘ Command+V（Mac）を押します。
7. 
   7
   ハイパーリンクのテキストを入力する　「表示するテキスト」、「テキスト」、または「http://」というテキスト入力領域に、リンクとして表示させたいテキストを入力します。

   • 例えば、このテキスト入力領域に「こちらをクリック」と入力すると、ユーザーがそのメールの「こちらをクリック」という文字をクリックしたときに指定したページに飛ぶリンクが作成されます。
8. 
   8
   OKまたは保存クリックする　これでメールにハイパーリンクが貼られます。メールの残りの部分の作成を進めましょう。
   広告

方法 3

方法 3 の 3:

HTMLを使う

PDF形式でダウンロード

1. 
   1
   テキストエディタを起動する　これは、テキストを入力できるソフトウェアであれば何でもかまいません（「Microsoft Word」や「メモ帳」など）。
2. 
   2
   コンテンツがWebサイト上に存在していることを確認する　Webサイト上のコンテンツへリンクを張る場合は、リンク先のページやコンテンツがWebサイト上に存在している必要があります。

   • 例えば、Webサイト上の画像へリンクを張る場合、その画像がWebサイト上に存在し、その画像が掲載されているページのURLを確認しておく必要があります。
3. 
   3
   アンカーテキストを作成する　これは、リンク先のページにアクセスするときにユーザーにクリックしてもらうものです。テキストエディタに任意の語句を記述しましょう。

   • 例えば、「リンク」という語句をクリックしてもらうテキストとして使います。
4. 
   4
   リンクテキストをタグで囲む　ハイパーリンクは開始タグ（<a>）、アンカーテキスト（例：「リンク」）、終了タグ（</a>）を使って表示させます。

   • 最初は「<a>リンク</a>」のようなリンクになるはずです。
5. 
   5
   href属性を設定する　開始タグの中にhref=を記述して、ハイパーリンクのリンク先を指定します。href属性は、リンクがクリックされたときにユーザーをどこに誘導するかをブラウザに伝えるものです。

   • 途中経過では<a href=>リンク</a>のようなリンクになります。
6. 
   6
   WebサイトのURLを記述する　「href=」と「>」の間にWebサイトのURLを記述し、URLの前後に忘れずに引用符を付けましょう。これは、内部リンク（Webサイトの別のページなど）でも外部リンク（別のWebサイトのページなど）でもかまいません。

   • 例えば、YouTubeへリンクを張る場合は、<a href="https://www.youtube.com">リンク</a>のようなリンクになります。
7. 
   7
   リンクを貼る　Webサイトにリンクを貼るには、そのサイトのコード画面を表示させる必要があります。リンクを選択し、Ctrl+C（Windows）または⌘ Command+C（Mac）押してリンクをコピーしたら、Ctrl+V（Windows）または⌘ Command+V（Mac）を押してWebサイトのコード画面に貼り付けましょう。
   広告

ポイント

• ハイパーリンクは、新人研修やシラバス（講義摘要）などの資料リストをメールで作成する際に便利です。

広告

注意事項

• リンクを公開する前に、必ずリンクの構文をもう一度確認しましょう。括弧や文字が1つでも欠けていると、リンクが壊れてしまうことがあります。

広告