ブログ

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

⇒ WordPress設置・運営の個別指導
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においても、時代は技術的な内容で制限される部分を対象とするよりも、お客様にどうホームページを見せるかという部分に徹底することが求められているのです。

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

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

無料アドバイス

ウェブロードの3つのサービス

自社管理できるWordPressサイトを制作したい方、サイト更新作業委託とアドバイスが欲しい方、本気でSEOに取り組む方に向けたサービスを展開しています。ご相談はこちらからお気軽に。

WordPress自動お見積
The following two tabs change content below.

山口 敦

代表取締役株式会社ウェブロード
1974年大阪生まれ。西宮商工会議所青年部所属。プロフィールはこちら。経営理念「頑張る人の自立を応援する」の下、IT活用に積極的な個人・中小企業のWebサポートを積極的に展開しています。

関連記事

  1. 会社が人材採用の専用ページを今すぐ作るべき理由
  2. HPが更新できないストレスから貴社を解放するべき
  3. プラレール プラレール的なアナログコンテンツがWebでも生き残る
  4. ホームページの完成形 制作お引き渡しが完了した時点では集客は全くできないのがHP
  5. スマホを使う子 スマホ対応サイトにした後のアクセス伸び率
  6. 大木 一つのことをやり続けるのが成果を出すためのポイント
  7. 情報の書き換えをしなければ検索順位は落ちますか?
  8. 一度作ったWebページアドレス(URL)変更は止めましょう

WordPress自動お見積

メルマガ登録
メールアドレス
お名前(任意)



WP立ち上げ個別指導ご予約

2017年10月
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2017年9月

サイト内検索

最近の記事

  1. どら焼き
  2. 専門家

アーカイブ

PAGE TOP