MENU
  • Home
  • プロフィール
  • サービス
  • Blog
治療院【接骨院・鍼灸院】専門のホームページ制作 | Webクラフトマン
  • Home
  • プロフィール
  • サービス
  • Blog
治療院【接骨院・鍼灸院】専門のホームページ制作 | Webクラフトマン
  • Home
  • プロフィール
  • サービス
  • Blog
  1. ホーム
  2. 稼げるホームページ
  3. 稼ぐホームページ【デザイン編】

稼ぐホームページ【デザイン編】

2025 1/13
稼げるホームページ
2025年1月13日
稼ぐホームページのデザイン

この記事では、デザインがどのようにホームページからの集客や売り上げに影響を及ぼすのか、稼ぐためにはデザインのどこに気をつけた方が良いのかを確認してみたいと思います。

目次

滞在時間と集客の関係性

訪問者のサイトでの滞在時間は、長い方が良いとされています。(当然ですね。)近年では各SNSサービスでもエンゲージメントという言葉を使って、いかにユーザーに長く滞在してもらうかを意識しています。

X(Twitter)が、それまでは140文字のツイートしかできなかったのが、長文や動画まで投稿できるようになったのは、その流れでしょう。

これは私たちのウェブサイトでも、同じことが言えます。訪問者があなたのサイトに長く滞在するということは、あなたのサイトに対して訪問者が「役にたつ」とか「おもしろい」など、何らかの価値を感じてくれたから、と考えられます。

その結果として、あなたのサイト(あるいはあなたの会社や商品)が気に入ってもらえた(エンゲージメントが高まった)ともいえます。

エンゲージメント

長く滞在してもらうには

訪問者にサイトへ長く滞在してもらうためには、提供する情報の濃さなどのコンテンツは重要な要素ですが、ここではデザインを切り口にして見ていきたいと思います。

デザインの観点から見た訪問者に長く滞在してもらうための施策の基本は、トップページのわかりやすさです。

はじめてあなたのサイトを開いた訪問者は、あなたのこともあなたの商品も知りません。

この時の訪問者の心理としては、今すぐにここにはどんな情報があって、それは私にどんな価値を与えてくれるのかということを期待しながらページを開いています。

わかりやすさ

そのときに、難しい用語がたくさん使われていたり、読む気が失せるほどの文字情報ばかりや気が散るような画像やリンクがあると、すぐに他のサイトへ行ってしまうかもしれません。

なので、トップページではとくにあなたやあなたの会社が何をしているのか、あなたの商品やサービスが訪問者にどのように役に立つのかを一目でわかるようなデザインにしなくてはいけません。

それは写真で見せた方が良いのか、キャッチコピーを大きく見せた方がいいのかなど、職種や商品によって手法は違ってくる場合がありますが、基本はひと目でわかるか?を意識すると良いでしょう。

トップページの構成は流れるように

日本では、あまり多く言われていないような気がしますが、トップページの構成には、定番とも言えるような型があります。

まず、一番最初にヒーローセクションと呼ばれる会社の魅力を伝えるメインビジュアルとキャッチコピーを配置するセクションがあります。

その下に、会社の紹介とミッションステートメントを伝えるヘッダーセクション、商品・サービスの特徴を紹介するフィーチャーセクション、サイトによって前後しますが、自己紹介のアバウトセクション、お客様の声、FAQセクションなどが来て、最後にコールトゥアクション(CTA)セクションで、メルマガ購読やお問い合わせなどの行動に促すセクションがきて、ここでクロージングという流れになります。

トップページの構造

こうしてみると、流れるような構成になっていると感じませんか?

これで、訪問者がみんな成約するなんてことはありませんが、初めて訪れた人が違和感なく読み進めていってくれそうな、流れるような構成になっていると思います。

上の図は、ワイヤーフレームという構成図の段階ですが、この流れを崩さないでデザインへ落とし込むと、いい感じのコーポレートサイトに仕上がります。

企業サイトはブログサイトじゃない

さっきの話と少しリンクしますが、企業サイトのトップページはなぜこのような構成が良いとされているかというと。。

それは、訪問者に余計なものを見せない(寄り道させない)で、下まで読み進めてもらって最後にクロージングをするというデザインになっているからです。

最近の企業サイトにはサイドメニューを設けないデザインが増えてきているのは、こういった背景があるからです。

少し言葉が悪いですが、訪問者にはできるだけこちらの敷いたレールの上を通ってきて欲しいのです。

ちょっと話はそれますが、近年はWordPressを使った企業サイトが非常に多いですね。

これは、更新がしやすいとか、簡単にブログが書けるのでパソコンに詳しくないスタッフでも情報発信が継続できて、お客様とのつながりを保てるなどのメリットがたくさんあって、使い勝手がいいツールです。

そんなメリットがあるWordPressですが、ひとつ注意しておきたいことがあります。

ブログは会社の最新の情報をすぐに届けられる媒体としては、価値がありますが、企業サイトはブログサイトとはその目的が異なります。

ブロガーは読者により深く理解してもらったり、過去の記事も読んでもらいたいという気持ちから、他のページへのリンクを記事中に入れたりしがちですが、この考え方は企業サイトの場合には捨てた方が良いでしょう。

もちろん、ブログ記事から企業の商品ページやサービスページへリンクを貼ることは全く問題はありません。

しかし、その逆はやるべきではないということです。

せっかく訪問者がよどみなく読み進めるようなデザインにしたのに、途中に余計なリンクや年末年始休業のご案内などの情報を入れるのは考えものです。


稼ぐホームページ戦略のデザイン編としてこの記事を書き始めましたが、またしても長くなってしまいましたので、今回もここまでとさせていただきます。

ただ、デザインに関してはかなり重要な、ぜひ知っておいていただきたいことはお伝えできたかなと思っています。

続きは、またの機会とさせていただきます。

稼げるホームページ
デザイン
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 稼ぐホームページ【コピーライティング編】
  • あまり腕は良くないのに患者のリピート率が高い整体院のお話

関連記事

  • コピーライティング
    稼ぐホームページ【コピーライティング編】
    2025年1月13日
  • 稼ぐホームページ戦略
    稼ぐホームページ【戦略編】
    2025年1月13日
  • 典型性
    ホームページは他のホームページとある程度は似ていた方が良いわけとは
    2024年5月21日
  • 効果的な問い合わせフォーム
    効果的な問い合わせページの作り方
    2024年5月8日
  • 社会的証明
    信頼を築くための社会的証明の効果的な活用法
    2024年4月16日
  • 主張しすぎるデザイン
    そのデザイン、クセがスゴくなってませんか?
    2024年3月16日
  • 歓迎するホームページ
    ホームページへの訪問者を歓迎してはいけない?
    2024年3月9日

コメント

コメントする コメントをキャンセル

検索
カテゴリー
  • Al
  • 稼げるホームページ
  • マーケティング
  • セキュリティ
  • Googleマップ
最近の投稿
  • あまり腕は良くないのに患者のリピート率が高い整体院のお話
  • 稼ぐホームページ【デザイン編】
  • 稼ぐホームページ【コピーライティング編】
  • 稼ぐホームページ【戦略編】
  • 危険なChrome拡張機能
タグ
ChatGPT クチコミ ケーススタディ コピーライティング コンテンツ サイト構造 スマホ セキュリティ チャットボット デザイン ペルソナ 事例 問い合わせフォーム
Navigation
  • サービス
  • ポートフォリオ
  • 会社概要
  • プロフィール
  • プライバシーポリシー
  • 特定商取引法に基づく表記
Blog
  • ステマ規制
    ステマ規制による措置命令第1号はGoogleマップのクチコミ
  • 効果的な問い合わせフォーム
    効果的な問い合わせページの作り方
  • 企業とチャットボット
    事業者のチャットボット導入時の懸念
  • MEOの成功事例
    中小企業におけるGoogleマップ最適化(MEO)の成功事例
コンタクト
Eメール: nag@laollc.com

電話: 0475-53-6960

住所: 千葉県大網白里市柳橋

© Lao llc.

目次