ハイパーリンクとWebサイトの階層構造

背景・歴史

文章の中に、別の文書への参照を埋め込み、そこへすぐに移動できるようにするという「ハイパーテキスト」の考え方自体は、1960年代からコンピュータ科学者の間で構想されていました。この考え方が広く実用化されたのは、1990年代前半にティム・バーナーズ＝リーが開発したWorld Wide Web(WWW)によってです。1993年に登場したMosaicというWebブラウザが、文字だけでなく画像からもハイパーリンクをたどれるようにしたことで、リンクをクリックして次々にページを移動する、現在私たちが当たり前に行っているWeb閲覧のスタイルが定着しました。

なぜこの考え方が使われるようになったのか

情報量が膨大になるインターネットの世界では、すべての情報を1つのページに詰め込むことはできません。ハイパーリンクを使うことで、関連する情報を別のページに分けて整理しながら、必要なときにすぐそこへ移動できるようにすることができます。また、複数のページを、トップページから枝分かれするフォルダのような「階層構造」で整理しておくことで、利用者は今自分がサイト全体のどの位置にいるのかを把握しやすくなり、情報を見つけやすくなります。

もう少し詳しく見てみる

Webサイトの階層構造を設計する際には、次のような点が重視されます。

• 分かりやすいカテゴリ分け：関連する内容ごとにページをグループ化し、トップページから段階的にたどれるようにする。
• 一貫したナビゲーション：どのページからでも、トップページや上位のカテゴリに戻れるメニューを用意する。
• 適切な階層の深さ：階層が深すぎると目的のページにたどり着くまでのクリック数が増え、利用者の負担が大きくなる。

こうした構造設計は、情報デザインにおける「構造化」という手法の代表例です。良いWebサイトの構造は、利用者が「今どこにいて、次にどこへ行けるか」を直感的に理解できるように設計されています。

関連して知っておきたいこと

Webサイトのリンクやメニューをクリックしやすく分かりやすく表示する工夫は、ユーザーインタフェースの設計とも深く関わっています。優れたハイパーリンク構造と、優れたユーザーインタフェースが組み合わさることで、初めて使いやすいWebサイトが実現します。