ブログ

パソコン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. 自社HPでは専門分野のアドバイザーの役割を担うこと
  3. グラフなどの資料 会社ホームページの存在意義は?
  4. ドメインは1つに集約するのがベスト
  5. 複数支店を持つ会社はドメインをディレクトリ分けする
  6. 大木 一つのことをやり続けるのが成果を出すためのポイント
  7. ドメインを育てることの大切さ
  8. お互いを尊重し合える方と出会うためにブログを書く

最近の記事

  1. 自然素材で出来た住宅

最新のお知らせ

アーキテック様の新規HPを制作しました

アーキテック株式会社様はアパート・ハイツ・メゾン・コーポなど、中小規模の集合住宅の建物の劣化や雨漏りなどの総合的な調査・工事施工会社様です。 赤外線カメラとドローンを使った外壁や建物調査診断から、補修や工事必要箇所を特定 […]
コメントなし

西宮の新築注文デザイン住宅のワイズハウス様のHP制作

西宮のワイズハウス様のサイトを制作させていただきました。スタッフの方が画像制作や、ブログ操作ができるということもあり、サイト全体をWordPressで作成しました。管理画面から画像入れ替えや記事投稿をメニューの設定など様 […]
コメントなし

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

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

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

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

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

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

サイト内検索

アーカイブ

PAGE TOP