hyperlinkとは?初心者向けガイド:リンクの秘密を理解しよう共起語・同意語・対義語も併せて解説!

  • このエントリーをはてなブックマークに追加
hyperlinkとは?初心者向けガイド:リンクの秘密を理解しよう共起語・同意語・対義語も併せて解説!
この記事を書いた人

高岡智則

年齢: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が変わるとリンク切れになるので、公式サイトの導線やサイトマップへの導線を活用しましょう。

検索エンジン対策としては、アンカーテキストとリンク先の関連性が重要です。過剰なリンク設置は避け、適切に配置します。

<th>用語
説明
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のおすすめ参考サイト


インターネット・コンピュータの人気記事

awstatsとは?初心者でもわかる使い方と基本解説共起語・同意語・対義語も併せて解説!
16068viws
bing・とは?初心者のための基本ガイド:検索エンジンの仕組みと使い方共起語・同意語・対義語も併せて解説!
2613viws
着信転送とは?初心者向けガイドで分かる使い方と設定のコツ共起語・同意語・対義語も併せて解説!
1145viws
差し込み印刷・とは?初心者でもすぐわかる使い方と仕組みガイド共起語・同意語・対義語も併せて解説!
1137viws
com端子・とは?初心者にも分かる基礎ガイド|シリアルポートの使い方と歴史を解説共起語・同意語・対義語も併せて解説!
1015viws
充電アダプターとは何かを徹底解説|初心者でも分かる基本と選び方のコツ共起語・同意語・対義語も併せて解説!
958viws
7zファイル・とは?初心者でもわかる使い方と特徴を解説共起語・同意語・対義語も併せて解説!
957viws
全角文字とは?初心者向け解説|全角と半角の違いをやさしく学ぶ共起語・同意語・対義語も併せて解説!
954viws
リマインドメールとは?初心者にもわかる基本ガイドと使い方のコツ共起語・同意語・対義語も併せて解説!
853viws
pinロックとは?初心者が知っておくべき基本と使い方ガイド共起語・同意語・対義語も併せて解説!
846viws
none とは?初心者にもやさしく解説する意味と使い方ガイド共起語・同意語・対義語も併せて解説!
784viws
16進数カラーコード・とは?初心者でもつまずかない基礎と使い方ガイド共起語・同意語・対義語も併せて解説!
784viws
asp・とは?初心者向けに徹底解説する基本と使い方ガイド共起語・同意語・対義語も併せて解説!
715viws
ローカルポート・とは?初心者にも分かる基本と使い方ガイド共起語・同意語・対義語も併せて解説!
688viws
xlsmとは?初心者でも分かるExcelのマクロ付きファイルの基本共起語・同意語・対義語も併せて解説!
681viws
sha256とは?初心者が知るべき暗号ハッシュの基礎と使い道共起語・同意語・対義語も併せて解説!
608viws
countifとは?初心者でもすぐ使える基本と応用ガイド共起語・同意語・対義語も併せて解説!
592viws
ワンタイムコード・とは?初心者でも分かる基本と使い方ガイド共起語・同意語・対義語も併せて解説!
586viws
csvダウンロードとは?初心者が今すぐ使える基本ガイド共起語・同意語・対義語も併せて解説!
580viws
googleドキュメントとは?初心者が今日から使いこなす基本ガイド共起語・同意語・対義語も併せて解説!
526viws

新着記事

インターネット・コンピュータの関連記事