ヘッダー

Profile

ferret編集メンバーが不定期で更新します。
Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します!
  
>> 著者詳細はこちら

WEB ページ の上部スペースに位置し、どのページが開かれても常に共通して表示される部分です。 ヘッダー の役割は、まずWEB ページ を目立たせ、ブランドイメージを訴求することにあります。会社のロゴなども通常はここに置きます。また目次となるメニューを表示し、自分が今どの ページ にいるかを分からせることもあります。

Curriculum pt1

ヘッダー とは

ヘッダー とは、WEB ページ の上部スペースに位置し、どのページが開かれても常に共通して表示される部分をいいます。 ヘッダー の役割は、まずWEB ページ を目立たせ、ブランドイメージを訴求することにあります。
会社のロゴや商品キャッチなども通常はここに置きます。

また目次である コンテンツ メニューを表示し、自分が今どの ページ にいるかを分からせることもあります。 コンテンツ メニューについては、 ページ サイドに置く場合もありますので、 ヘッダー に必ず必要ということではありません。

ヘッダー は、アイキャッチ効果とともに、WEB ページ 全体のデザイン・アイデンティティとなるもので、ブランドに相応しいグラフィックや映像が使われます。
また会社のロゴもブランドイメージ形成の大きな要素ですのでここに配置されます。WEB ページ 全体のイメージを作るため、 ヘッダー をデザインするには、デザイン コンセプト を固め、きっちりとしたアプローチにより制作することが必要です。

ヘッダー のサイズ

ヘッダー のサイズですが、イメージを訴求するからといって、あまり大きすぎるのも考えものです。
その下に本文がきますので、 ヘッダー が縦サイズを使いすぎると、すべてのページを下にスクロールしなければならなくなり、閲覧する人が逆に不快になることもあります。やはり適当な大きさが大切です。

WEB ページ 以外の ヘッダー

WEB ページ 以外では、ワープロなどの文章で、上部に会社名や住所、マーク、文書の作成日、confidentialなど秘密文書であることを表示している例を良く見かけます。
分かりやすい例としては、レターヘッドといわれる会社の文書があります。
この文書を複数枚に渡って使っている場合、すべての各ページの上部に、この会社名やマークが表示されています。これが ヘッダー となります。
また、 ヘッダー と対で議論されるのが、フッターというものです。これはホームページやワープロ文書などの、最も下に表示されているもので、会社名やコピーライト表示などがいい例です。

用語例

「このホームページの ヘッダー のデザインはいいね」
ヘッダー が目立っているね」

Webマーケティングのノウハウ集をプレゼント!

ferretマーケティングメソッド(無料)

創業より10年以上、Webマーケティングの最前線で弊社が得てきた効果をあげるためのノウハウを1つの資料にまとめました。(全83ページ)

限定版の資料をダウンロードする(全83ページ)

Original