企業のホームページ構成を決めるなら4つの手順でサイト制作みなさんこんにちは合同会社リードの金子です。今回は初心者でも簡単に作れるホームページ制作講座としてホームページを制作する前にやっておいた方がいい「サイトの構成」という内容でお伝えしていきます。そもそもなぜ?サイトの構成が必要か?というと、まっさらな状態でホームーページ制作をしてしまうと、後から追加したぺージなどによって、トップページやサイト全体の見直しになる場合が出てきたりしちゃうんです。自動車屋さんのホームページを作るとして最初から、販売したい車両情報を中心に造り込んでいったけど後から、車検サービスも追加、クルマの買取サービスも追加、鈑金塗装も追加・・・という感じになってくると、最初に作りこんでいたトップページに割り込ませないといけなくなり、メニューの修正・トップページの構成の修正・さらには全体的なバランスの修正こういった、修正をしなくてはいけなくなり下手すると最初から作り直した方が早い!!という感じの大幅な修正が必要になってくる場合もあります。いった事を未然に防ぐために、まっさらな状態からWEBサイトを作りこんでいくのではなく最初からサイトの構成を考えておくことで大幅な修正などをしなくて済みます。難しくて分からない!という方のために今回は初心者でも簡単に出来るサイトの構成手順を紹介していきます。この記事を見て頂ければ、サイトの構成をどのようにしていけば良いのかを分かるようになるので、後々サイトに必要なコンテンツを入れ忘れることもないのでWEB制作をスムーズに進めることが出来るようになり自分の希望どおりの素敵なホームページを完成させることが可能です。記事を読んでいる時間が無い!!という方には動画でも解説しておりますので参考にしてください。構成の手順をみていきましょう。企業のホームページ構成を決めるなら4つの手順でサイト制作WEBサイトの構成手順として1,お客様が求めている情報を書き出す2,リスト化した情報をグループ分けにする3,メインとなるサービスを決める。4,トップページを3段階での表示内容を決めるこれらの4つをすることで、サイトの全体象を確認することが出来るので、まず最初にやっておいた方がいいでしょう。1から順番にご説明をしていきます。1お客様が求めている情報を書き出す。企業や何かのサービスなどを扱うホームページでは、個人の日記と違い自由気ままに自分の好きなことを発信しても自社のサービスや商品に興味をもってもらえません。これ!安いですよ!とっても効果的ですよ!こんな事を一方的に発信しても、誰もすぐに信じたりしませんよね?なので、一方的な発信ではなくお客様はどんな情報が欲しいのか?どんな情報を得たいと思っているのか?自社のサービスや商品で何を求めているのか?こういったお客様が知りたいと思われるものをまずは、紙でも何でもいいのでどんどんリスト化します。・お問い合わせ先などなどお客様が求めていると思う情報を思いつく限り全て書き出します。思いつく限り全てです!そして参考程度にライバルのホームーページなどを確認してみるのも効果的です。競合ライバルのホームーページをみてみると「あっこんな情報もあった方がいいな!」という発見もできるので参考になると思います。確認した方が良いです。がちがちに確認し過ぎると似たようなホームページ構成になってしまうので、さらっと見て「必要だな~」と感じたような情報収取が良いです。2リスト化した情報をグループ分けにする先ほどの1でリスト化した情報をそのままメニューにすると場合によっては、どんでもなく多いメニューになてしまうのでグループ分けをします。メインとなるメニューを6つ前後ぐらい決めてそのメニューから枝分かれするような決め方が良いですね。「Xmind」という無料で使えるソフトがあるので、Xmindに書き込んでいくと全体的に確認するこが出来るのでとても見やすいです。・Xmind使い方も難しくなくクリックして移動も出来るので、とても簡単に使えるのでおすすめです。いったものを使って書き出したリストを全体的に見てグループ分けをしていきます。3メインとなるサービス内容を決める先ほどのグループ分けでメインメニューが決まれば全体的なサイトの構成がある程度決まっていますのでトップページに表示させる内容も簡単で構わないのでざっくりと考えた方が良いです。柱となるサービス内容は3つぐらいの表示が好ましいです。オークション代行これら全てをトップページのメインとしてでかでかと表示させて情報を詰め込み過ぎると、サイト全体が見にくくなったりそもそも、ホームページに訪問してきた人はこのような全ての情報は不要です。中古車を探している人なら鈑金塗装や車検の情報は不要になるので邪魔な情報でしかありません。むやみにサービス内容をトップページ詰め込むのは出来る限り控えてスライダー画像などで別ページに案内する方がベストです。事業の柱となっているサービスを3つぐらいに絞り込んでみましょう。4トップページを3段階での表示内容を決めるサイト全体が見やすく、かつ分かりやすくするには3段階に分けてトップページの仮構成をしていくと良いです。3段階の構成としては1、ヘッダー2、サービスや商品3、クロージングこれらの3つの構成で決めていくことでサイトが見やすくなり成約率が高いお問い合わせに繋げることが可能です。1、ヘッダーでは3段階表示の1番目のヘッダーですが、これはサイトの1番上にある画像などの部分がヘッダーと言われるメイン画像になります。ここはお客様を惹きつけたり興味をもってもらったり、といったキャッチコピーや画像を用意した方が良いです。お客様が商品やサービスを手にした後のベネフィットお客様が自社の製品を利用したらこんな素敵な感じになります。いった感じの内容を盛り込んだ方が効果的です。WEBサイトの訪問者は80%がヘッダーの時点で離脱して残り20%が下へ読み進んでくれるという統計も出ています。ヘッダー次第でこの先を読み進んでくれるかどうかが決まるといっても過言ではないくらい重要な部分です。最初に目につくところだからこそ訪問者の目線で、どんな画像やキャッチコピーがより訪問者に想像してもらえるかを考えて自分だけではなく他のスタッフさんや知人でも良いので何度も確認をしてすり合わせていくぐらい時間をかけたいところです。2、商品・サービス内容では次の2番目として文章や画像などで自社のサービス内容や商品などを紹介していきます。商品やサービス内容が多数ある場合には1つ1つを細かく紹介する必要はありませんので画像を並べたり商品タイトルを入たりして興味がある人は商品をクリックしてもらい別ページの商品詳細ページで説明していく。いう感じがベストです。トップページで1つ1つの商品を細かく紹介しても興味がない人にとっては邪魔な情報ですし多数の商品を細かく説明してしまうと、かなりのボリュームになってしまい、情報が多すぎると訪問者が目的としたサービスや商品になかなかたどりつけない・・・という結果を招いてしまうので詳細は別ページで構えて解説していきましょう。3、クロージング最後の3番目としてはクロージングと呼ばれているもので「お問い合わせ」や「店舗の場所」などを表示させることです。ここにはお問い合わせをするにはどうしたらいいのかを分かりやすく表示させるぐらいでOKです。商品によっては購入の手順なども載せておいた方がいいかもしれません。その他としては、電話番号やお問い合わせフォームのボタンなどを設置してあげて訪問者に分かりやすいようにした方がいいです。ここが見づらかったりしてしまうと「どこからお問い合わせしたらいいのか分からない!!」となってしまい、せっかくのお問い合わせを逃してしまう事にもなるのでパット見た感じで分かるようにした方がいいです。お問い合わせをフォームボタンは赤とか黄色などを目立つ色を使用したり電話番号は周りのフォントサイズよりも大きくして分かりやすく表示させたりといった感じで訪問者にアピールして最終的なお問い合わせに繋げられるようにしていきます。以上が4つのサイトの構成手順になります。まとめでは、もういちど手順を確認してみますと1、お客様が求めている情報を書き出す2、リスト化した情報をグループ分けにする3.メインとなるサービス内容を決める。注意点サービス内容は3つぐらいがベストです!こちらの3つの手順ですすめていけばホームページの構成がスムーズに完成できます。ポイントとしては最初の1、の時に出来る限り”リストを書き出す”ことです。1人で考えても全て思いつかないと思いますのでスタッフや実際のお客さんに聞いても良いと思います。注意点として沢山出てきたからといって全てをトップページに詰め込むのではなく柱となるサービス内容を3つぐらいで絞り込んで他のサービスはスライダー画像やバナー画像などで別ページで詳しく案内する方がいいでしょう。サイトの構成が出来上がったら仮デザインでサクサクっとWEBサイトの全体のデザインを作成した方がいいです。この仮デザインをすることで今回決めたサイトの構成を仮で組み上げることが可能ですのでサイトの見栄え的に問題がないか?とか見やすいホームページになっているか?といった状態を確認出来るので本番環境で失敗するリスクをグッと減らすことが可能です。この仮デザインも簡単に出来る無料ソフトがあるので、その解説は次回の記事で紹介していきますのでお楽しみください。今回は以上となりますが、もう少し詳しく知りたい方は動画でも解説していますのでそちらも参考にしてください。自分でホームページ制作ができるようになる初心者でも学べるWEB制作スクールホームーページ制作スキルを学ぶことができるWEB制作スクール。パソコン初心者でもマンツーマン指導だから誰でも簡単にホームーページ制作ができるようになります。自動車業界専門WEB制作・運用の合同会社リード。