HPレイアウト(カラム)は1列か2列か3列か?

一般消費者向けのサービスについて、スマホでの閲覧率が80%以上のサイトも増えてきました。

従来はパソコンだけの見え方を考えていれば良かったホームページ制作業ですが、現在は、まずスマホでどう見えるかということを最優先に制作します。

スマホではご存知の通り、上から下にどんどんスクロールしてホームページを閲覧しますよね?

つまり、スマホでは1列だけのホームページにするのが、サイズ的にも理にかなっているのです。

そうなるとパソコンで閲覧した際のホームページをどうするかというのが、次の課題になります。

たとえスマホでの閲覧が80%を超えていたとしても、パソコンでの閲覧も20%弱あるということです。

アクセスボリュームの大きいサイトでは、これは無視できない数字になります。

ちなみに「カラム」と言うと難しいのですが、ホームページをパソコンで縦に見ると、いくつかのブロックで構成されている事が分かります。

ホームページの列の説明

縦割りされたブロックのことをカラムと言うのです。下図をご参照ください。

弊社のサイトではご覧の通り、トップページを1カラムにしてそれ以外の下層ページを2カラムにしています。

下層ページというのはトップページ以外のページという意味でお考えください。

トップページでは余計な情報は訪問者に対して見せず、ホームページ管理者が見て欲しい情報を、上から下に順番に見てくださいという意味を込めて1カラムにしているのです。

もちろんスマートフォンですと、上から下に指でタップするだけで簡単にスクロールできるので見やすい作りになります。

スマホ対応していないホームページであれば親指と人差し指で画面を広げる「ピンチアウト」という作業をしなければならないので、一手間要します。

情報が爆発的に増加していますので、訪問者にとっても、とにかく絞り込まれた必要な情報だけで十分お腹いっぱいなのです。

従来の、パソコンでの閲覧を前提とした3カラムでのホームページは現在にはふさわしくないと言えるでしょう。

ポータルサイトやニュースサイトのように情報が盛りだくさんのサイトであれば、トップページが2カラムや3カラムでも良いでしょう。

この場合であっても下層ページは2カラムするのが一般的です。

いずれにせよ、ホームページ訪問者が見ているのは、「コンテンツ部分」だけです。

パソコンを見る看護師

どこをクリックしていいのか分からないごちゃごちゃしたホームページでは、初めての訪問者の離脱率は高くなる傾向があるのです。

よほどお気に入りのホームページや購読しているサイトでなければ、情報を探すときはすぐにGoogleなどの検索エンジンに戻ってキーワードを入力して探します。

そのほうが圧倒的に早いからです。

現在は検索技術が大幅に向上しているので、星の数ほど存在するウェブサイトからでも欲しい情報のページはすぐに見つかります。

インターネット自体がそのような状況になっている今、ホームページはできるだけ1カラムもしくは2カラムにし、シンプル化させるべきです。

何が言いたいのか、何を見せたいのかをはっきりさせることで訪問者の意識を自社ホームページに繋ぎ止めることが出来ます。

検索者はいつでも検索結果に戻れますし、キーワードを入力し直すことにより、別の検索結果のサイトに行くという行動が普通に取られているということを頭に入れておきましょう。

細かい部分のホームページの修正を継続していけば、Webでの集客力アップや販売数アップにつながります。

Follow me!

The following two tabs change content below.

山口 敦

代表取締役株式会社ウェブロード
2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作を中心に、Web業界16年の知識と経験を生かして、小規模案件のみならず、大型案件のWebディレクターとしても活動中。 プロフィール

WordPress作成講座の動画一覧

WordPressの作成や運用方法の講座【ワードプレス作成講座】を弊社You Tubeチャンネルで開講しております。WordPressに関心のある方はこちらからチャンネル登録(無料)を行ってください。

ワードプレス作成講座への入塾(無料)You Tubeウェブロードチャンネル

動画内で紹介している有料テーマプラグイン

Lightning G3 Pro Pack

動画内で紹介しているレンタルサーバー エックスサーバー

お問い合わせフォームはこちら

お電話の方はこちらをタップしてください。→ 0798-77-5520
(※営業電話が多いため、お電話は留守電となります。お問い合わせ内容を留守電に入れていただけましたら、折り返しお電話させていただきます。お急ぎの方はメールフォームをお使いください。

2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。













    投資・広告・提携・営業・売り込みメールやお電話は全てお断りしております。
    そのようなご連絡は恐れ入りますがお返事できかねますので何卒ご了承願います。

    必須お名前

    必須フリガナ

    必須メールアドレス

    必須貴社名

    任意貴社サイトURL

    任意電話番号(ハイフン無し・半角数字)

    必須お問い合わせ項目

    必須制作費のご予算はどれくらいですか?

    企画・設計、デザイン、画像・文章の作成、サイト内検索システムの導入等、ヒアリングを元にご予算やご希望に応じたお見積りをご提案させて頂きます。

    必須制作目的はどうお考えですか?(複数選択可)

    どこに力を抜きどこに力を入れるのか、ご予算とご要望の中から最適なご提案をさせていただきます。

    必須どのような機能が必要ですか?(複数選択可)

    SSL(https://~)対応、ブログ機能、スマホ対応(レスポンシブ)、ログイン等セキュリティ対策、ページタグSEOの最適化は標準搭載。

    必須どのような作り方がご希望でしょうか?(複数選択可)

    WordPressでの構築になりますので、お客様のご要望に比較的柔軟にお応えすることが可能です。企画ご提案する前に参考にさせていただく項目です。

    必須お問い合わせ内容を教えてください