ブログ

パソコンHPとスマホHPのカラム設定の考え方

LINEで送る
Pocket

ホームページにおいては、2カラム3カラム1カラム等、様々なカラム数が適用されています。カラムというと少し分かりにくいかもしれませんが列のことです。

例えばメインコンテンツエリアがあって、その横にサイドバーが縦に並んでいたとすると、それは2カラムということになります。

一般的なコーポレートサイトでは2カラムで表示させることが多いです。

これがショッピングサイトなど、商品を多く掲載したいホームページの場合は、最新の商品やお得情報など盛りだくさんのコンテンツが存在することが多いので、サイドバーを2つ付けて、3カラムといった形を取ることもあります。ホームページの列の説明

昨今スマートフォンを介してホームページを閲覧する方が急速に増えてきています。ご存知のようにスマートフォンではスマートフォン用の閲覧ページが表示されるのが一般的になってきています。

日本を代表するポータルサイトであるヤフーのサイトも、パソコンサイトでは3カラムを取っていますが、スマートフォンで見るとそれは1カラムで縦に長いページ構成になっています。

スマートフォンではどうしても横幅の制限がありますので、1カラムで表示させる方が閲覧者にとっては読みやすいのです。

また画面を指ではじけばスクロールを簡単に行うことが出来ますので、そういった機能的な面もあり1カラムでも十分に読みやすく、また縦に長いページであっても気になることはありません。

いわゆるレスポンシブwebデザインであれば、パソコンサイトでは1カラムや2カラムで表示されているサイトであっても、スマートフォンで閲覧した場合には全て1カラムの縦長のサイト表示になります。

この場合、パソコンサイトでは2カラムのものはスマートフォンサイトで見るとメインコンテンツが先にあって、その下にサイドバーが来て上下に並び、縦に長いページ構成となります。

つまり、わざわざパソコン用、スマートフォン用の2パターンのサイトを作る必要はないのです。

パソコンのサイトを1つ作れば、その横幅の長さによってホームページが勝手に判断し、2カラムで表示させるか1カラムで表示させるかの決定を自動で行ってくれるのがレスポンシブルWebデザインと呼ばれる作り方なのです。

こういうホームページの作り方をすれば、そもそもトップページは2カラムで作るか1カラムで作るかという議論は大して意味をなさないものになります。

考える必要のあるものは、技術面の話ではなく、お客様に対して情報をどう整理して提供するかという視点でのみ捉えれば良いことになります。タブレット型端末

Webにおいても、時代は技術的な内容で制限される部分を対象とするよりも、お客様にどうホームページを見せるかという部分に徹底することが求められているのです。

なぜなら、ホームページを運営している目的は、そもそも新規集客のためのお問い合わせや資料請求の獲得やセミナーや展覧会などの参加を促すものですよね?そこから売上や販売につなげるための運営を考えるべきだからです。

お客様にとっては、使い勝手が良くて便利であればただそれだけで良いのです。

この記事に関するお問い合わせは下記よりお願いいたします

お電話の方はこちらをタップしてください。→ 0798-77-5520 サービス一覧はこちら

お名前 (必須)

ふりがな (必須)

メールアドレス (必須)

貴社名

電話番号

お問い合わせ項目を選択してください (必須)

当記事についてWordPressサイト制作WordPressへの移行検索上位表示コンサルWPカスタマイズのご依頼保守管理・運営代行弊社サービスについてその他

選択項目について内容を詳しくご記入ください (必須)

株式会社ウェブロードのプライバシーポリシーに同意する。プライバシーポリシー

The following two tabs change content below.

山口 敦

代表取締役株式会社ウェブロード
1974年大阪生まれ。プロフィールはこちら。経営理念「対話をカタチに変え、Webの価値を高め続ける」の下、IT活用に積極的な個人・中小企業のWebサポートを積極的に展開している。西宮商工会議所青年部広報委員長、尼崎商工会議所会員。

関連記事

  1. 情報の書き換えをしなければ検索順位は落ちますか?
  2. ドメインを育てることの大切さ
  3. 不要な情報を削除してシンプルなトップページにしよう
  4. アクセスのない相互リンク集ページは削除しよう
  5. 20代~30代の若者向けのホームページを作る場合
  6. ブログを読みやすくするために画像を入れる
  7. トップページの改善時に最初に行う手順
  8. システム化・効率化より人の心に届くサイト作りが大切

最近の記事

最新のお知らせ

中古車・中古マイクロバスの買取・販売のオートギャラクシー様

オートギャラクシー様はマイクロバスの買取販売・リース・中古マイクロバスの輸出といった、中古車業の中でも珍しい数少ない業種の会社様です。 中古車を取り扱う会社は多いものの、マイクロバスを専門的に扱っている会社となると全国的 […]
コメントなし

御影のどか保育園様のHP制作を行いました

御影のどか保育園様のHPのリニューアルとパンフレットの制作をさせていただきました。 社会福祉法人信愛学園という法人の中に、児童養護施設信愛学園と御影乳児院と御影のどか保育園の3施設があります。御影のどか保育園様は信愛学園 […]
コメントなし

倉本運送株式会社様のサイトリニューアルをしました

2011年にホームページを制作させて頂いて、その後7年に渡って継続してWeb周りの保守をさせていただいていた倉本運送株式会社様ですが、今回採用に力を入れなおしてサイトをリニューアルさせたいとのご要望をいただき、採用をベー […]
コメントなし

「旗ポール建て隊」様のWebサイトを制作しました

旗ポール建て隊様のホームページ制作は、西宮商工会議所の職員の方にも初回から三度の打ち合わせにご参加いただき、新規サービスの立ち上げをどの切り口かで進めるか徹底的に意見を出し合ってからのスタートでした。 ブレーンストーミン […]
コメントなし

スタジオポルテ夙川公園FPオフィス様HPを制作しました

JRさくら夙川駅から徒歩5分ほどのところにある、国道2号線沿いの「スタジオポルテ夙川公園FPオフィス」様のホームページを制作させていただきました。 こちらには松村様が経営されている、デイサービスという介護事業所があり、同 […]
コメントなし

サイト内検索

アーカイブ

PAGE TOP