ブログ

パソコン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. 20代~30代の若者向けのホームページを作る場合
  3. ドメインを育てることの大切さ
  4. 過去ページから新ページへの誘導
  5. 情報の書き換えをしなければ検索順位は落ちますか?
  6. プラレール プラレール的なアナログコンテンツがWebでも生き残る
  7. 大木 一つのことをやり続けるのが成果を出すためのポイント
  8. トップページの改善時に最初に行う手順

最近の記事

  1. 電卓計算

最新のお知らせ

太田拓税理士事務所様のHP制作

西九条駅から徒歩1分くらいの所にある太田拓税理士事務所様のホームページのリニューアルをさせていただきました。従来のサイトはスマホでもパソコンと同じ見え方をしていたため、今回はスマホ化を一番重視しておられました。 打ち合わ […]
コメントなし

心理カウンセリングのエンパシールーム様のHP制作

2011年に弊社でHPを制作させていただいてから7年以上にわたってサポートさせているリトルラビット様が、新たに事業を立ち上げられるということで新規サイト制作をさせていただきました。 代表の玉川さんが1年以上前からずっと心 […]
コメントなし

尼崎亀谷スポーツボクシングジム様のHPリニューアルを行いました

尼崎の県道13号から山手幹線に入ったすぐ西に尼崎亀谷スポーツボクシングジムはあります。ボクシングエクササイズは、短時間で楽しく脂肪燃焼ができるということも話題となり、女性の人気が高まっています。そのため女性に向けたデザイ […]
コメントなし

夏季休暇のお知らせ

ウェブロードでは8月6日(月)、7日(火)、13日(月)、14日(火)、15日(水)の5日間、夏季休暇をいただきます。 4日(土)~7日(火)にいただきましたメールへのご返信は8日(水)から順次、11日(土)~15日(水 […]
コメントなし

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

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

サイト内検索

アーカイブ

PAGE TOP