ホーム ICT用語集 ハイパーリンク(Hyperlink)

ハイパーリンク(Hyperlink)

244
0

ハイパーリンクとは?

ハイパーリンクとは、HTML形式で作られたWebページや文書内の特定のテキスト、画像、図形などをクリックすることで、他のWebページやファイル、特定の場所にジャンプできる仕組みのことです。リンク、アンカーテキストとも呼ばれます。

ハイパーリンクの役割

ハイパーリンクの主な役割は以下の3つです。

  1. Webページ間の移動: Webサイト内の別のページや、外部サイトへ簡単に移動できます。
  2. ファイルのダウンロード: PDFファイルや画像などをダウンロードするためのリンクとして利用できます。
  3. ページ内ジャンプ: 長いWebページや文書内で、特定の項目に直接ジャンプできます。

ハイパーリンクの仕組み

ハイパーリンクは、HTMLというWebページを記述するための言語で作成されます。HTMLタグ <a> を使い、リンク先のURLやファイルパスを指定することで、ハイパーリンクを作成できます。

ハイパーリンクの作り方

Webページへのリンク

Webページへのリンクは、最も一般的なハイパーリンクです。HTMLタグ <a> を使い、以下の形式で記述します。

<a href="リンク先のURL">アンカーテキスト</a>

例:

<a href="https://www.pc-cafe.jp">PCカフェ</a>

PDFファイルや画像ファイルなどのダウンロードリンクを作成するには、ファイルのURLを指定します。

例:

<a href="document.pdf">資料をダウンロード</a>

ページ内ジャンプ

ページ内ジャンプは、ページ内の特定の場所に移動するためのリンクです。ジャンプ先の要素に id 属性を設定し、リンクの href 属性で # + id の形式で指定します。

例:

<a href="#chapter1">第1章へ</a>

<h2 id="chapter1">第1章</h2>

ハイパーリンクは、SEO(検索エンジン最適化)においても重要な役割を果たします。

  1. 内部リンク: Webサイト内のページ同士を繋ぐリンクで、サイト全体の評価向上に貢献します。
  2. 外部リンク: 外部サイトからの被リンクは、Webサイトの信頼性や権威性を高めます。
  3. アンカーテキスト: リンクのテキストは、リンク先のページの内容を示す重要な要素です。

ハイパーリンク作成時の注意点

  • リンク切れ: リンク先のURLが間違っていたり、ページが削除されていたりすると、リンク切れが発生します。定期的にリンク切れをチェックしましょう。
  • 分かりやすいアンカーテキスト: ユーザーがリンク先の内容を理解できるような、具体的なアンカーテキストを設定しましょう。
  • 外部リンクの信頼性: 信頼できるWebサイトからの被リンクは、SEO効果を高めます。

ハイパーリンクは、ハイパーテキストを作る1つの機能としてHTMLファイル上で機能します。インターネット黎明期から使われてきたもので、現在でも、ページからページへ移動するインターネットでの情報閲覧の基本です。仕組みを理解することで、よりインターネットへの理解が深まります。

関連リンク