【はいぱーりんく】

ハイパーリンクとは？

最終更新: 2026年10月4日

💡 文書から別の場所へつながるリンク

文書から別のページやファイル、同じページ内の位置などへ移動するためのつながり。Webでは主にHTMLのa要素とhref属性で行き先を指定し、クリック・タップ・キーボードなどで利用する。

📌 このページのポイント

青は別ページ、橙は同じページ内のFAQへの移動。線は移動先を示す。リンクはクリック・タップのほか、フォーカスしてEnterキーでも利用できる。表示色はサイトのCSSで変わる。

ひよこ

ハイパーリンクって普通のリンクとは違うの？

ペンギン先生

Webで日常的に「リンク」と呼んでいるものがハイパーリンクだよ。文字や画像などを入口に、行き先のURLへ進める。ページの上から順番に読むだけでなく、関連する説明へ移れるんだ。

ひよこ

どうやって行き先を指定するの？

ペンギン先生

HTMLなら<a href="guide.html">使い方</a>のように書くよ。「使い方」が表示する文字で、guide.htmlが行き先。マウスだけでなく、TabキーでリンクにフォーカスしてEnterキーを押す操作もできるんだ。

ひよこ

必ず別のページに移動する？

ペンギン先生

同じページ内の位置にも移動できるよ。たとえばid="faq"を付けた場所に、href="#faq"でつなげられる。目次から見出しへ進む使い方だね。メールアドレスやファイルを行き先にするリンクもあるんだ。

ひよこ

リンクの色は必ず青なの？

ペンギン先生

標準的な表示では未訪問が青、訪問済みが紫で、下線も付くよ。ただし色や下線はCSSで変更できる。色だけで決まる仕組みではなく、行き先へ進む機能がリンクなんだ。

ひよこ

リンクを増やせば検索で上位になる？

ペンギン先生

Googleはリンクを新しいページの発見や関連性の判断に使うけれど、リンクの数だけで順位が決まるわけではないよ。「こちら」だけより「使い方の説明」のように行き先が分かる文言にすると、人も検索エンジンも内容を理解しやすくなるんだ。

まとめ：ざっくりこれだけ覚えればOK！

「ハイパーリンク」って出てきたら「文書から別の場所へつながるリンク」と思えばだいたいOK！

📖 おまけ：英語の意味

「Hyperlink」＝超リンク

💬 「hyper（超越した）」+「link（つながり）」で、普通の文書を超えてページ間を飛び回れる仕組みを表しているんだよ

参考資料