Webサイトを見ていると、青い文字で下に線が引いてあるリンクって、よく見かけるよね。そのリンクをクリックすると、全く別のサイトに飛んでしまう。「あれって何なの？」「どうやってそんなことができるの？」って思ったことある？そんな疑問を解き明かすのが、今回の記事だよ。この記事を読めば、Webサイト同士がどうつながっているのか、外部リンクの正体がスッキリわかるよ。
- 外部リンクは、別のWebサイトへ読者を導くリンク機能のこと
- HTMLのコードにURLアドレスを書くことで、別サイトへ自動で誘導できる
- 読者に役立つ情報を提供し、サイトの信用度も高まる重要な機能だ
もうちょっと詳しく
Webサイトの世界では、ひとつのサイトが全ての情報を持つことは、ほぼあり得ないんだ。例えば、料理のレシピサイトなら、調理方法は詳しく書いてあるけど、食材の栄養成分について詳しく知りたいなら、別の栄養情報サイトを参考にしたほうがいい。そこで登場するのが外部リンクだよ。読者が「もっと詳しく知りたい」と思ったときに、ワンクリックで関連情報に辿り着けるようにしてあげるんだ。これがユーザー体験の向上につながり、結果的にサイト全体の評価が上がっていく。検索エンジン（つまりGoogleとかYahoo）も、こうした親切なサイトを「信頼できるサイト」と判断して、検索ランキングを上げてくれるんだよ。
外部リンクは「読者を助ける」と同時に「サイトを評価してもらう」両方の役割を果たしているんだ。
⚠️ よくある勘違い
→ 昔はそう考える人もいたけど、今はむしろ逆だよ。親切なサイトって認識されて、またそのサイトに戻ってくる傾向があるんだ。
→ 「このサイトは信頼できそう」と思わせることができるから、むしろ積極的に貼るべき。ただし関連性のある良質なサイトにね。
[toc]
そもそも「外部リンク」って何？
別のサイトへ導く仕組み
外部リンクとは、今見ているWebサイトから、全く別のWebサイトへ読者を導くリンクのことだよ。具体的に説明すると、あなたが何かのレシピサイトを見ていて、そこに「この食材について詳しく知る」みたいなリンクがあった。それをクリックしたら、別の栄養情報サイトが開いた。そんな経験ってあると思う。あれが外部リンクなんだ。
Webの世界では、たくさんのサイトが存在している。それぞれが独立してるんじゃなくて、実は目に見えないリンクでつながってるんだ。SNSのフォローみたいに、「このサイトの情報が役立つから紹介するよ」っていう感じでリンクをつなぐわけだね。このつながりが、インターネット全体の基盤を支えている重要な要素なんだよ。
どうやって実現してるの？
では、どうやってそんなことを実現してるんだろう。答えはシンプルだよ。HTMLというWebサイトを作るための言葉を使ってるんだ。具体的には、こんなコードを書く：
<a href="https://example.com">ここをクリック</a>
「href」ていうのは、目的地のURLアドレスを入れる場所。つまり、「このテキストをクリックされたら、このアドレスに飛ばしてね」って指示をしてるわけだ。ブラウザがこのコードを読み込むと、自動で指定されたサイトに飛ばしてくれる。まるで、住所を教えてあげたら、ナビゲーションシステムが案内してくれるみたいなもんだね。
なぜWebサイトに外部リンクが必要なのか
読者にとっての価値
最初に考えるべきは、読者の立場だね。あなたが何か調べ物をしてるとしよう。例えば「夏の暑さ対策」について知りたいとする。あるサイトに「スポーツドリンク」について書いてあった。その記事に「スポーツドリンクと普通の水の違い」について説明してる別サイトへのリンクがあったら、どう思う？「このサイト、親切だな」って感じるよね。つまり、読者の「もっと詳しく知りたい」っていう欲求に応えることができるんだ。
ひとつのサイトだけで、全ての情報をカバーすることは不可能だよ。例えば医療について書いてるサイトでも、特定の病気については別の専門医のサイトのほうが詳しいかもしれない。そんなときに、外部リンクで「もっと詳しい情報はこちら」と道を示してあげることで、読者はより深い知識を得られるんだ。これがユーザー体験の向上につながり、そのサイトへの信頼も高まるんだよ。
サイト側のメリット
では、サイト側にとってのメリットは何か。実は、検索エンジン（GoogleやYahooなど）が、外部リンクを重要な評価基準にしてるんだ。
検索エンジンの考え方はこんな感じ：「良質な外部サイトにリンクしてるってことは、そのサイト自体も信頼できるサイトなんだろう」。つまり、外部リンクがたくさんあるサイトは「充実した情報源から引用している、信頼できるサイト」と判断されやすいんだ。その結果、検索順位が上がりやすくなる。だから、サイト運営者は意識的に良質な外部リンクを増やそうとするわけだね。
さらに、別のサイトから自分のサイトへリンクを貼られることを被リンク（つまり、他からリンクされること）というんだけど、これも検索エンジンの評価対象なんだ。「たくさんのサイトから紹介されてる = 信頼できるサイト」っていう論理だね。
外部リンクを見分ける方法
見た目での判断
外部リンクの見分け方は、実は簡単だよ。ほとんどの場合、外部リンクは特別に目立つようにデザインされてるんだ。一般的には：
- 青い文字で、下に線が引いてある
- マウスを乗せると色が変わったり、下線が消えたりする
- リンク先に外部アイコン（→みたいな矢印）が付いてることもある
- クリックするとページ遷移がある
対比として、同じサイト内のリンクを内部リンクというんだけど、これは外部リンクと区別されることもあるね。内部リンクは、同じサイト内の違うページへ飛ぶリンクだから、ブラウザのタブは変わらないんだ。
クリックして確認する方法
もう一つ確実な見分け方は、リンクを右クリックしてみることだね。すると「リンクをコピー」とか「新しいタブで開く」みたいなメニューが出る。そこでURLを見ると、今見てるサイトのドメイン（つまり、サイト名のアドレス部分）と違ったら、それは外部リンクだよ。
例えば、あなたが今見てるサイトが「weather.co.jp」だったとする。リンク先が「wikipedia.org」だったら、それは外部リンクだね。こうやって確認することで、確実に見分けられるんだ。
外部リンクを貼るときのマナーと注意点
どんなサイトにリンクして良いか
外部リンクなら何でも貼っていいわけじゃないんだ。重要なポイントは関連性と信頼性だね。
例えば、あなたが料理ブログを書いてるとする。「トマトについて詳しく知りたい人へ」っていうコンテキストで、農業情報サイトのトマト育成方法のページにリンクするのは良いだろう。でも、全く関係ない、例えば「株価情報サイト」にリンクするのは、読者を混乱させちゃう。「何でこんなとこにリンク貼ってるの？」って思われるんだ。
また、信頼性も大事だよ。スパムサイトとか、怪しいサイトへのリンクを貼ると、むしろ自分のサイトの信用性が落ちちゃう。検索エンジンからも「このサイト、ちょっと大丈夫？」って思われるんだ。だから、自分で確認して「このサイトなら安心」って思えるサイトだけにリンクするんだね。
新しいタブで開く設定
外部リンクを貼るときは、新しいタブで開くように設定するのがマナーだよ。HTMLコードだと、こんな感じで書く：
<a href="https://example.com" target="_blank">ここをクリック</a>
「target=”_blank”」ていうのが、「新しいタブで開く」っていう指示だね。こうしておくと、読者は元のサイトを見たままで、新しいタブで外部サイトを見ることができる。つまり、読者が外部サイトに「逃げられる」心配がないんだ。むしろ、「このサイト、親切だな」って評価されるんだよ。
外部リンクと内部リンクの違い
役割の違い
ここで、内部リンクとの違いを整理しておこうね。二つは役割が全く違うんだ。
内部リンクは、同じサイト内の別のページへのリンク。例えば、ブログのトップページから「記事一覧」ページへ飛ぶリンクとか、「メニューページ」へ飛ぶリンクだね。内部リンクの目的は、読者をサイト内で回遊させることなんだ。つまり「もっとこのサイトを見てもらおう」という意思がある。
対して、外部リンクは、別のサイトへのリンク。「このテーマについてはあの専門サイトのほうが詳しいよ」っていう感じで、読者をいったんは外に送り出す。ただし、実際には読者は帰ってくることが多いんだ。良い体験をした読者は「あのサイト、親切だったな」って思い出して、また訪問してくれるんだよ。
検索エンジンからの評価
検索エンジンも、内部リンクと外部リンクを区別して評価してるんだ。
内部リンクが多いサイトは、「コンテンツがたくさんあって、情報量が豊富」と判断される。だから、内部リンク構造をしっかり作ることは、SEO（検索エンジン最適化）でも重要なんだ。
一方、外部リンクがあるサイトは「他の信頼できるサイトと関連がある = 自分たちも信頼できる」と判断される。ただし、外部リンク先が大事だよ。スパムサイトへのリンクばっかり貼ってたら、むしろ悪い評価になっちゃう。だから、質を見極める目が必要なんだね。
結論として、内部リンクで「サイト内の深い部分を読んでもらう」、外部リンクで「関連する良質な情報に誘導する」。この二つをバランスよく使うことで、初めて読者と検索エンジンの両方から評価されるサイトになるんだよ。
