イメージマップとは

イメージマップは、ナビゲーションを支援するためにクリック可能な領域を含むWebページに表示されるグラフィックです。 wiseGEEKなどの一部のサイトでは、リンクのリストを使用して、訪問者がWebサイト内を移動できるようにしています。 サイトのコンテンツはリンクされているため、訪問者は探しているものをできるだけ早く見つけることができます。

他のWebサイトでは、イメージマップを使用してナビゲーションを実現しています。 グラフィックは領域に分割され、各領域にはイメージマップリンクが割り当てられます。 一部のアプリケーションでは画像のスライスを作成し、各スライスに画像マップリンクを割り当てることができますが、他のアプリケーションでは画像マップ作成者が画像の一部をドラッグして選択し、選択したセクションに画像マップリンクを割り当てることができます。 イメージマップリンクには、サイト内またはインターネット上の他の場所のコンテンツへのハイパーリンクが割り当てられます。

通常、Adobe®Dreamweaver®などのWeb開発ツールは、イメージマップの作成を支援できます。 イメージマップに使用するイメージが環境に読み込まれると、ユーザーはコンテンツの一部の周りにクリック可能な選択を描画できるようになります。 これらの選択には、テキストまたは画像全体のボタンと同じようにリンクが割り当てられます。 コンテンツがWebサーバーに公開されると、選択した領域に割り当てられたイメージマップリンクがクリック可能になり、イメージマップが参照するコンテンツへの訪問者を泡立てます。

イメージマップのあるサイトの例は、weather.govです。 ページ上の天気図は、使用されているイメージマップです。 訪問者が画像の状態またはセクションにカーソルを合わせてクリックすると、画像マップはそれらをサイトの別の領域にリダイレクトします。

イメージマップを使用してサイトにアクセスする場合、イメージマップのどのセクションが異なるリンクを指しているかを調べる1つの方法は、訪問者がイメージのセクションにマウスを合わせて、ブラウザーのステータスバーに注意することです。 イメージマップリンクが変更されると、ステータスバーにそのリンクの現在のURLが表示されます。

テキストリンクは非常に簡単で使いやすく、理解しやすいものですが、イメージマップを使用すると、Webデザイナーが余計な労力を費やすことなく、サイトへの訪問者がより快適に体験できます。 クリック可能なマップや写真のコラージュなどの一部のアプリケーションは、非常に簡単に画像マップに役立ちますが、ニュースや株価情報などの他のサイトは、ナビゲーションを支援するために画像ボタンやテキストリンクを使用した方がよい場合があります。