新規ホームページ制作時にデザインと共に、最初に決める必要があるのが「サイトレイアウト」です。
ホームページの上部 ヘッダー、メイン画像部分、グローバルメニュー、メインコンテンツ部分（掲載内容部分）、フッター等の配置を決めます。そしてホームページのレイアウトには一定の規則性があり、ある程度パターン化をされています。
またホームページ制作目的、「ブランディングのためのサイトか」「お問い合わせ数（商品購買数）を増やすためのサイトか」「会社やサービス紹介としてのサイトか」「一定期間のみ公開のキャンペーンサイトか」等によって、選ぶべきレイアウトは大きく変わってきます。
一般的な企業サイトや公式ホームページのレイアウトを決める際のポイントの一つとして、「メニューの数」があります。
初期制作段階からメニュー数が多い場合、上部メニューだけではおさまりきらないため、サイドメニューも設け、複合型のメニューにするケースが多いです。
医療機関様のホームページ制作例：
上部に「医院メニュー」を配置。サイドに「診療科目メニュー」を設けます。
○上部メニュー例：TOP、ご挨拶、医院案内、医師紹介、Q&A、お問い合わせ・ご予約
○サイドメニュー例：一般歯科、矯正歯科、審美歯科、インプラント、予防歯科、症例について、治療費用
12のメニューを設ける際のメニューレイアウト例です。
メニュー数が7つ程度であれば、上部メニューorサイドメニューのみでおさまりますが、それを越えるメニュー数の場合、複合型にした方が良いでしょう。
上部メニューのみで「メインメニューに対し、プルダウン式のサブメニューを設ける」方法もありますが、こちらはタブレット端末やスマートフォン等のタッチ式の端末ではメニュー項目を押しにくいため、ユーザビリティーは下がります。
ホームページ制作時に使用されるメニューレイアウトについて、いくつかご紹介します。
上部メニューのみのレイアウト サイドメニューは無し
こちらは「制作時にメニュー数が少ないシンプルな会社サイトの制作時」や、「タブレット・スマートフォンからの閲覧に対応したレスポンシブデザインでサイトを制作する」場合、よく選ばれるレイアウトです。
サイドメニューが無いことで、コンテンツ・掲載内容を横幅いっぱいまで配置することができるといった利点があり、横一面に画像を大きく配置したりといったダイナミックな表現もしやすいレイアウトです。
また、縦に内容をどんどん読んでもらいたい、ランディングページやキャンペーンサイトなどもこちらのレイアウトを使用します。
上部メニュー+サイドメニュー（左メニュー・右メニュー）
医療機関様のホームページ制作例で挙げたレイアウトで、メニューが多い場合に有効な配置です。
サイドメニューを左に配置するか、右に配置するかが分かれます。
以前はサイドメニューというと殆どが左メニューでしたが、近年右サイドメニューのレイアウトも増えています。
左メニューが多い理由は、サイト訪問者の視線が左上から右下へとジグザグに移動し、その際、左端へメニューを配置した方が多くのユーザーにとって使いやすいとされているからです。現在新たにホームページを制作する際、こちらのレイアウトで制作することが最も多くなっています。
上部メニュー無し、サイドメニューのみ
ブランディングサイトやキャンペーンページ等に多く、上部メニューを無くすことで写真や動的コンテンツを大きく配置できるので、インパクトのあるデザインでサイトを制作できます。
一般的なホームページレイアウト・デザインとは違ったサイトを作りたい時にお勧めです。
複数のホームページを閲覧した際、文字よりも画像の方が頭に残りやすく、写真を大きく配置したり複数枚載せることでサイト訪問者の記憶に残ります。
上部メニュー+両サイドメニュー
商品数・コンテンツ数の多い物販サイト等に使用されるのが、上部メニュー+両サイドメニューです。
上部メニューには「会社や店舗の情報」、「購買の流れ」、「購買の際の注意点」、「会員登録」等を載せ、左メニューへメインとなる商品情報を掲載。右メニューにはキャンペーン商品やランキングなどの情報を掲載することが多いです。
大型のポータルサイトや情報サイトによく適用されるレイアウトで、情報量・掲載内容が非常に多い場合にお勧めです。
いかがでしたでしょうか？
サイトレイアウトは、最初に決め制作を進めた後、後から変更しようとすると大掛かりな改変を行う必要があるため、「ホームページ制作時に決めなければならない重要な内容」です。
ですが「何を目的としたサイトなのか」を明確にした上、必要なメニュー・コンテンツをおおよそ決めれば、どのレイアウトが最も適しているか、分かりやすいと考えます。
エグゼクティブクリエイションホームページ制作チーム
10年以上のホームページ制作キャリアを持つプロ集団。 これまでに2,300件以上のサイト制作を行ってきた経験と専門知識に基づく、効果的で適正なサイト運用について掲載しております。多くのサイト運営者の方へ役立つ、分かりやすい記事を執筆致します。
------------------------------------------------------
東京でホームページ制作なら、
エグゼクティブクリエイションへ！
------------------------------------------------
エグゼクティブクリエイションへ！
---------------------------------------------------------------
◇ ホームページ制作に関するお問い合わせ
ご相談はこちらまで
TEL: 03-5839-2512
ご相談はこちらまで
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
