2019-03-10Webサイトの成否を分けるのは、「ファーストビューのデザインでほぼ決まる」と言っても過言ではありません。検索エンジンから初めて訪れた人にとって、そのサイトをじっくり読み進めるかどうかを判断するのは、たった3秒だと言われているからです。閲覧者はページを開いた瞬間は、細かい文字を読むよりも先に、全体のイメージを見るんですね。この記事では、ブログサイトやコーポレートサイトのファーストビューを改善する3つのポイントを解説します。直帰率(最初の1ページだけ見て別のサイトに移動してしまった割合)が高いようなら、改善に役立ててくだい。ランディングページ(LP)のファーストビューの改善方法は「ランディングページのファーストビュー|7つの重要ポイント」の記事で解説しています。ファーストビューとは、Webサイトを訪問した時に、スクロールせずに最初に見ることができる範囲のことです。大きなパソコンのモニターなら広い範囲を見ることができますし、スマートフォンなら限られた狭い範囲しか見ることができません。あたりがよく使われているモニターサイズのようです。実際にブラウザを開く時は、モニターサイズよりも小さいサイズで開くことを想定すると、高さは600〜700pxくらいがファーストビューの範囲に収まるサイズです。横幅は1000〜1200pxほどの範囲です。あたりが多いようです。リンクファーストビューのデザインを改善する3つのポイント訪問者が最初の3秒で読み続けるかどうかを判断するのは、次の3点です。このサイトは何のサイトか?欲しい情報が載ってそうか?わかりやすいデザインかどうか?ファーストビューを改善する際には、この3つのポイントを改善します。改善するページを開いた瞬間に何のサイトなのかを理解してもらうためには、会社のロゴのポジションにわかりやすいキャッチコピーを入れます。多くのコーポレートサイトでは、左上に会社のロゴを配置していますよね。ような視線の動きをするからです。横書きの本を読んでいく時のような動きですね。このロゴのポジションは、大企業でない限り、会社名やロゴを必要以上に目立たせる必要はありません。検索からあなたのWebサイトに訪れる人は、自分にとって利益がある内容かどうかを知りたいのであって、あなたの会社名を知りたいわけではないからです。メインビジュアルで何のサイトか分かるようにするトップページの場合は、「メインビジュアル」と呼ばれる大きな画像を配置させます。メインビジュアルを配置させる理由は、一瞬でどんなサイトなのかを分かりやすくさせるためです。何のサイトなのかがわかるような画像やコピーが必要です。車屋さんなのに、イメージアップを図ろうと青空や草原の写真を載せても、訪れた人には伝わりません。扱っている場合は、商品画像や関連する写真を大きく扱うことでイメージが伝わりやすくなります。扱っている場合は、言葉を大きく扱うことでサービスの内容が伝わりやすくなります。改善する「欲しい情報が載ってそうか?」をすぐに理解してもらうためには、「グローバルナビゲーション」と呼ばれる《メニュー》の内容を確認します。このメニューの内容で、どんな情報が載ってそうかを判断できるからです。訪問者にとって知りたい情報ほど左に配置させるとわかりやすくなりす。会社側がアピールしたい情報順に配置させているサイトを見かけますが、これは避けた方が賢明です。すべては訪問者のために作ってください。スマホに関しては一度に見ることができる範囲が少ないので、メニューは隠すように施します。これはレスポンシブデザインを採用することで可能です。レスポンシブデザインとはレスポンシブデザインとは、画面の大きさによって自動的にレイアウトが変化する仕様のことです。スマホ対応になっていないサイトは、検索順位が下がるおそれがあります。SEO対策はなぜ重要?Web初心者にもわかるSEOの基本知識わかりやすい場所にCTAを配置するファーストビュー内には、訪問者に取って欲しい行動のためのCTA(コール・トゥ・アクション)を配置します。資料請求お問い合わせ電話番号などの記載です。求める行動(CTA)は複数設けずに、できるだけ1つにしておくことが大切です。訪問者に求める行動を一つにする理由は、「CTAとは?コンバージョン率を上げる種類と1ページ1CTAの法則」の記事で解説しています。改善するWebサイトが開いた一瞬で「読み進めたい」と思ってもらうためには、わかりやすいデザインであることが大切です。わかりやすいデザインとは、訪問者にとってのわかりやすさです。そのためには、まずはあなたの会社の商品や業界をイメージしやすいような色使い・デザインにする必要があります。あなたが個人的に好きなデザインではなく、お客さんが理解しやすいデザインです。デザインを考える際に参考になるサイトを紹介します。WEBデザインの見本帳ビジネスで使うWebサイトは、できればベースは白を基本にします。真っ白である必要はありませんが、人は白い余白に安心感を抱きます。業種によって、このようなデザインの傾向があります。そのうえで、あなたの商品・サービスが真面目なイメージなら、色味と色数を抑えて垂直線・水平線といった真っ直ぐなラインを意識するとイメージが伝わりやすくなります。楽しいイメージなら、カラフルでまるい形や手書きの雰囲気が合います。それから、お客さんが年配の方が多いのなら、文字は少しだけ大きめにする。これも立派なデザインの一部です。リンクまとめWebサイトではファーストビューが大切です。Webサイトに訪れた訪問者は、見続けるかどうかを3秒で判断すると言われています。その3秒を乗り越えるためには、次の3つの問いをクリアすることが大切です。このサイトは何のサイトか?欲しい情報が載ってそうか?わかりやすいデザインかどうか?これら3つのファーストビューを改善すれば、3秒で離脱される危険はなくなるはずです。あなたのサイトに改善の余地があった場合には、参考にしてみてください。コーポレートサイト形式のファーストビューを改善しただけでは、「問い合わせ」の数は増えません。次の記事では、その理由を解説しています。追伸もしも「自分のビジネスではどんなWeb集客をすればいいの・・・?」という疑問があれば、当サイト(Web活用術。)の特別コンテンツを参考にしてみてください。高木浩一ゲダツニスト/心理学と脳科学が好きなマーケティング・Web集客の専門家。大企業のマジメな広告デザインから男性を欲情させるアダルティな広告デザインまで、幅広い分野を経験した元グラフィックデザイナー。心理面をカバーしたマーケティングとデザインの両方の視点をもつ。個人が個人として活躍する時代に向けて「使えるマーケティング」をモットーに情報発信中。聞かれることがあります。いう方は、「Webサイト=コーポレートサイト」という認識なのかもしれません。...デザイン術デザイン初心者でも簡単にプロの配色をマスターするたとえあなたがデザイン初心者でも、簡単にプロの配色に近づくテクニックを紹介します。そのテクニックとは、ずばり「トーン」と「比率」です。小さな会社や個人ビジネスの方が、安易にフリーのWebデザイナーにサイト制作を依頼してしまうと、Web集客には不向きなサイトになってしまう危険があります。【決定版】CTAボタンのデザイン改善でCV率を上げる7つの方法ランディングページなどの申し込みページでは、CTAボタンのデザインを少し改善するだけでも、コンバージョン率(CVR:成約率)が劇的にアップすることがあります。...デザイン術アフォーダンス理論とシグニファイア|誤解されたデザイン概念とは?たとえデザイナーじゃなくても、Webサイトやブログを運営しているなら、アフォーダンス理論とシグニファイアは知っておきたいデザインの概念です。...PREV本当に知ってる?ベネフィットとメリットの意味と使い方を解説NEXT見込み客の4段階の意識レベルに合わせたコンテンツづくりをしていますか?依頼する・問い合わせるプロフィール高木浩一Web集客のカウンセリング/個人・小規模ビジネスモデルを対象にしたマーケティング・ブランディングのコンサルティング/セールスコピーライティング代行Web集客で大切なのは「アクセス数」と「扱う言葉」と「No.1」の要素です。ご自身のWebサイトが集客できていないなら、どれが欠けているのかを探ってみてください。