

高岡智則
年齢:33歳 性別:男性 職業:Webディレクター(兼ライティング・SNS運用担当) 居住地:東京都杉並区・永福町の1LDKマンション 出身地:神奈川県川崎市 身長:176cm 体系:細身〜普通(最近ちょっとお腹が気になる) 血液型:A型 誕生日:1992年11月20日 最終学歴:明治大学・情報コミュニケーション学部卒 通勤:京王井の頭線で渋谷まで(通勤20分) 家族構成:一人暮らし、実家には両親と2歳下の妹 恋愛事情:独身。彼女は2年いない(本人は「忙しいだけ」と言い張る)
hyperlinkとは?
ウェブの世界でよく耳にする hyperlink とは、クリックするだけで別のページへ飛ぶことができる“リンク”のことです。このリンクがあるおかげで、情報は連結され、Web全体の情報網が動きます。日本語では「リンク」や「ハイパーリンク」と呼ばれることもあります。
ポイントは以下の3つです。リンク先、表示される文字列(アンカーテキスト)、クリックで開く挙動です。
hyperlinkの基本
「hyperlink」という言葉は、単なるURL(住所)を指すだけでなく、クリック可能な要素全体を指す広い意味として使われます。URLは住所であり、hyperlinkはそれをクリックする仕組みです。
作り方の基本
実際のHTMLでは、次のように書きます。HTMLタグはここでは実際には使わず、表示として例を示します。<a href='https://example.com'>例のページ</a> はリンクを作る基本形です。注意として、リンクを使うときはリンク先が信頼できるかを確認してください。
さまざまな場面で使われるリンクの例は次のとおりです。<a href='https://example.com'>公式サイト</a>、<a href='https://news.example.com' rel='noopener'>ニュース</a> などです。アンカーテキストは、リンク先の内容を分かりやすく伝える文字列を選ぶことが大切です。
リンクの使い分けと注意点
・長期的なリンクは安定性を意識する。URLが変わるとリンク切れになるので、公式サイトの導線やサイトマップへの導線を活用しましょう。
・検索エンジン対策としては、アンカーテキストとリンク先の関連性が重要です。過剰なリンク設置は避け、適切に配置します。
| 説明 | |
|---|---|
| URL | ウェブページの住所。実際の場所を指します。 |
| hyperlink | クリックすることで別のページへ移動できる仕組み。リンク自体とその機能を指すことが多いです。 |
| アンカーテキスト | リンクとして表示される文字列。読者にリンク先を示す役割を果たします。 |
まとめ
要点は3つだけです。hyperlinkはクリックで開く仕組み、アンカーテキストが重要、リンク先の信頼性を確認すること。これを押さえておけば、ウェブ上の情報を安全に、楽しく活用できます。
hyperlinkの同意語
- ハイパーリンク
- クリックすると別のウェブページやリソースへ遷移するリンクのこと。HTMLでは通常 a 要素を使って作成します。
- リンク
- ウェブ上の参照先を指す一般的な呼び名。クリックで別ページや資源へ移動します。
- ウェブリンク
- ウェブサイト間やサイト内のページ同士を結ぶ参照先のこと。日常的には“リンク”と同義で使われます。
- アンカリンク
- ページ内の特定の場所へ移動するリンクのこと。#id のようなアンカーを使って指定します。
- アンカーリンク
- アンカーポイントへ跳ぶリンクの別称。主にページ内の特定地点への遷移を指します。
- アンカータグ
- HTML のアンカータグ(a 要素)を指す用語。実際のリンクを作成する要素です。
- 外部リンク
- 別のドメインやサイトへ遷移するリンクのこと。サイト外部の参照を指します。
- 内部リンク
- 同じサイト内の別ページへ遷移するリンクのこと。SEO的にも重要です。
- URLリンク
- URL(ウェブアドレス)を直接指定して飛ぶリンクのこと。URLを指す表現として使われます。
- クリック可能なリンク
- クリックして遷移できる状態のリンクのこと。ユーザーが認識する“クリックできる”表示を指します。
- ウェブページへの参照リンク
- 他のウェブページへ参照目的で接続するリンクのこと。説明的な表現として使えます。
- ハイパーリンク先
- ハイパーリンクが指す先のページやリソースのこと。
- ドキュメント内リンク
- 同じ文書やドキュメント内の別の場所へ遷移するリンクのこと。
hyperlinkの対義語・反対語
- 非リンク
- ハイパーリンクを設けていない状態。ページ上に他のページへ移動するリンクが全く存在しないこと。
- 無リンク
- リンク機能そのものが欠如している状態。クリックして別のページへ遷移できない。
- リンクなし
- ページやセクションに遷移先を示すリンクが見当たらない状態。
- テキストのみ
- リンクを使わず、情報をそのままプレーンテキストとして提供している状態。クリックで遷移は生じない。
- アンカーなし
- aタグ(リンク要素)を使っていない、クリック可能な遷移先が設定されていない状態。
- 外部リンクなし
- 外部サイトへのリンクを設けず、すべてのナビゲーションを同一サイト内で完結させている状態。
- 内部リンク中心
- ハイパーリンクは存在するが、外部サイトへのリンクを極力使わず、サイト内のページ同士をつなぐことに特化した状態。
hyperlinkの共起語
- アンカーテキスト
- リンクの表示文字。ここをクリックして遷移する先の内容を説明する言葉で、検索エンジンにも手掛かりとして使われます。
- aタグ
- HTMLでリンクを作る基本要素。クリックで別のページへ移動するための容れ物です。
- href
- aタグが指すリンク先のURLを示す属性。必須で、どこに飛ぶかを決めます。
- URL
- リンク先を特定するウェブ上の住所。http/httpsで始まる文字列です。
- リンク先
- クリックして遷移する先のページやリソースのこと。
- 相対リンク
- 現在のドメインを基準にしたリンク。/about のように書くと、同じサイト内の別ページへ移動します。
- 絶対リンク
- 完全なURLを使うリンク。https://example.com/about のようにサイト名も含みます。
- 内部リンク
- 自サイト内の別ページへ向かうリンク。サイト内の回遊性を高めます。
- 外部リンク
- 別のサイトへ向かうリンク。引用元の表示や信頼性の証明に使われます。
- リンク構造
- サイト内のリンクの配置・繋がり方全体を指します。SEOにも影響します。
- 内部リンク構造
- 内部リンクの設計・階層を整えること。ナビゲーションとSEOの基本です。
- SEO
- 検索エンジン最適化の略。リンクの使い方はSEOの重要な要因の一つです。
- 検索エンジン
- GoogleやBingなど、ウェブを巡回して情報を評価・表示する仕組みです。
- クローリング
- 検索エンジンがウェブページを巡回してリンクをたどる作業のことです。
- アンカー
- アンカーテキストの別称として使われる語。錨(いかり)という意味合いも含みます。
- アンカーテキスト最適化
- リンク先の内容を適切に表す言葉を選ぶことで、クリック率とSEOを高める工夫です。
- アンカーリンク
- アンカーテキストとリンク先を結ぶ意味の表現。日常的には同義で使われます。
- rel属性
- aタグの属性の一つ。リンクの関係性(nofollow/noopener など)を指示します。
- target属性
- リンクを開く場所を指定する属性。_blank で新しいタブなど。
- target
- リンクの開き先を指定する値の総称。_blank などが代表例。
- noopener
- 新しいタブで開く時のセキュリティ対策として、 window.opener を無効化します。
- noreferrer
- リンク元の参照情報を送らない設定。プライバシー保護に役立ちます。
- noopener noreferrer
- 新しいタブ開く際のセキュリティとプライバシーを同時に守る設定。
- nofollow
- 検索エンジンにリンクの評価を渡さない指示。広告リンクやユーザー生成リンクに使われます。
- dofollow
- デフォルトの状態。特別な指示がない場合、検索エンジンはリンクを評価します。
- リンク切れ
- リンク先が削除・移動して辿れなくなる状態のこと。UXとSEOの観点で問題になります。
- クリック率
- リンクがクリックされる割合の指標。ページの魅力度や配置を評価する指標です。
- CTR
- クリック率の略称。検索結果や広告などのパフォーマンス測定に使います。
- セキュリティ
- noopener/noreferrer など、リンクの取り扱いに関わる安全性の話題。
- プライバシー
- noreferrer などにより参照情報を最小限に抑え、利用者のプライバシーを守る考え方。
- 新しいタブ
- リンクを新しいタブで開く設定のこと。ユーザーの元のページを残します。
hyperlinkの関連用語
- hyperlink
- Web上で別のWebページや場所へ移動させるためのリンクの総称。クリックすると指定のURLへジャンプします。
- アンカータグ(タグ)
- HTMLでリンクを作る要素。属性として href でリンク先URLを指定します。
- href属性
- aタグの属性のひとつ。リンク先のURLを設定します。
- URL
- 資源の所在を表す住所。プロトコル、ドメイン、パス、クエリなどで構成されます。
- absolute URL
- プロトコルとドメインを含む完全なURL。例として https://example.com/page など。
- relative URL
- 現在のページを基点に解決されるURL。ドメイン部分を省略します。
- アンカーテキスト
- リンクとして表示される文字列。読者にとって意味のある文言を使うとクリック率が高まります。
- target属性
- リンクをクリックしたときの開き方を制御する属性。新しいタブで開く場合などを設定します。
- rel属性
- リンク先との関係性を示す属性。nofollow や noopener、noreferrer、sponsored などの値を組み合わせて使います。
- nofollow
- 検索エンジンに対してこのリンクを評価対象にしないよう指示する rel 値。
- noopener
- 新しいタブを開いた際に、元のページとリンク先の間の参照を遮断する rel 値。セキュリティ対策として推奨。
- noreferrer
- リンク先へ参照元情報を送らないようにする rel 値。
- internal link
- 同じサイト内の別ページへ向くリンク。サイトの内部構造を伝え、ナビゲーションを改善します。
- external link
- 別のサイトへ向くリンク。信頼性や権威性の評価に影響します。
- 被リンク(バックリンク)
- 他のサイトから自サイトへ貼られたリンク。SEOの評価向上に寄与する要素の一つ。
- リンクエクイティ
- リンクを通じて伝わる評価の総称。検索エンジンのランキングに影響します。
- canonical URL
- 正規のURLを示す指示。重複ページ対策として用いられることがあります。
- URLフラグメント
- URL のハッシュ以降の部分。ページ内の特定のセクションへジャンプする時に使われます。
- ダウンロードリンク
- ファイルを直接ダウンロードさせるリンク。
- mailtoリンク
- メール作成画面を開くリンク。形式は href="mailto:address@example.com" のように指定します。
- リダイレクト
- リンク先を別のURLへ自動的に転送する仕組み。SEO に影響を与えることがあります。
- リンク切れ
- 指すページが見つからない状態。UXとSEOの改善が必要です。
- URLエンコード
- URL内の特殊文字を % 形式で表現する処理。URLの安全性と互換性を保つために使われます。
- sponsored
- rel 属性の値のひとつ。広告リンクに用いられ、検索エンジンのガイドラインに準拠させる目的で使われます。
- ugc
- rel 属性の値のひとつ。ユーザーが生成したコンテンツ内のリンクに用いられる場合があります。
hyperlinkのおすすめ参考サイト
- ハイパーリンクとは?意味とやり方をわかりやすく解説 | SEM Plus
- ハイパーリンクとは?意味・用語説明 - KDDI Business
- ハイパーリンクとは?意味とやり方をわかりやすく解説 | SEM Plus
- リンクとは?意味と使い方、URLとの違いや関連用語を解説
- ハイパーリンクとは?意味・用語説明 - KDDI Business
- ハイパーリンクとは - IT用語辞典 e-Words
- ハイパーリンクとは - ウェブ開発の学習 - MDN Web Docs
- 「リンク (ハイパーリンク)」とは |トレンドマイクロサポート



















