027,サイト全体のカラムを考える

ウェブサイト（ホームページ）をつくる時、最初に考えておきたいことで、

というのがあります。

あなた自身の手でウェブサイト（ホームページ）の制作に取り組むときも、業者さんにお任せしてウェブサイト（ホームページ）の制作をしてもらう時も、このテーマで悩むタイミングが訪れます。

それが、このウェブサイト（ホームページ）は１列？ それとも、２列？ というテーマです。

今回は、このテーマについてお話を進めていきます。

サイドバーを置くか？それとも、１列で見せるか？それ以上か？

あなた自身の手でつくるにしても、業者さんに依頼するにしても、まずはウェブサイト（ホームページ）の全体の枠組みやレイアウトから考えるのが普通でしょう。

事業家の方のウェブ活用をお手伝いしていると、「これから新たにウェブサイト（ホームページ）をつくりたい」というご相談をよくいただきます。そして、文章や画像などのコンテンツは揃っていいて、レイアウトを組む段階で、“全体のレイアウトをどうするか？”はいつも時間をかけて考えるテーマです。

そして、そんなタイミングでわたしがお伝えしている事柄があります。それが、

ウェブサイト（ホームページ）全体のレイアウトを考える

ウェブサイト（ホームページ）のデザインを考えていくプロセスで、最初に決めておきたいのが、ウェブサイト（ホームページ）全体を１列で表現するか、２列で表現するか、あるいは３列以上で表現するかということです。

シングルカラムレイアウト

最初に、１列というのは、文章や画像が上から下に流れるように一列で配置されているレイアウトのことです。スマートフォンでウェブサイト（ホームページ）を見たとき、多くのウェブサイト（ホームページ）はこの１列のレイアウトで表示されています。同じように、パソコンで見たときも１列で表現する方法があり、これをシングルカラム（single column）レイアウトといいます。

マルチカラムレイアウト

次に、２列というのは、メインとサイドの縦２列にする表現方法で、２カラム（2 columns）または、マルチカラム（multi-column）レイアウトといいます。

マルチカラム（multi-column）レイアウトは、複数のカラムで構成されたレイアウトという意味で、２列以上のレイアウトでつくられたウェブサイト（ホームページ）のことを指します。

ちなみに、サイドにはその名の通り、サイドメニューや新着記事一覧などを設置することが多いです。

３列以上のサイトには、Yahooなどのポータルサイトや画像を多用したサイトなどがあります。

世の中のウェブサイト（ホームページ）は何カラムでつくられている？

スマートフォンが登場する前までは、２カラムが主流でした。しかし、スマートフォンが登場し、多くの人がスマートフォンでウェブサイトを見るようになってからは、１カラムのサイトもよく見かけるようになったのです。これが結論です。

また、インターネット広告などのページ（通称：ランディングページ）では、１カラムが多く使われています。

広告ページ（通称：ランディングページ）に１カラムを使う理由は、上から順番に商品やサービスの良さを伝え、最後に申し込みを促す、いわば“ストーリー”的な流れを作っているケースが多いためです。

こうした話をしていると、クライアントさんからこんな質問をいただきました。

「わたしがよく見ているサイトはスマートフォンで見ると１列だけど、パソコンで見ると２列で表示されるんですけど…これって…」

レスポンシブウェブサイトデザイン

この場合、そのサイトはベースが２列（２カラム）で制作されています。そして、スマートフォンで見たときには１列（シングルカラム）で表示されるように設計されているのです。

これを“レスポンシブウェブサイトデザイン”といいます。

スマートフォンが登場した後の時代に制作された個人のブログや企業サイトの多くは、この“レスポンシブウェブデザイン”の手法を採用しているウェブサイト（ホームページ）が多いです。

これは、ウェブサイト（ホームページ）をスマートフォンから見ても、パソコンから見ても内容が見やすいように配慮された設計方法と言えます。

そして現在は、ウェブサイト（ホームページ）をスマートフォンから見る人が多いため、スマートフォンでの見た目には特に気を遣う必要があります。

パソコンから見ても見やすく美しいレイアウトで、スマートフォンから見ても同じように見やすく美しいレイアウトを実現するには、この“レスポンシブウェブサイトデザイン”が使い勝手が良いのです。

いまはスマートフォンからウェブサイト（ホームページ）を見る人が80%以上

そう考えると、「ウェブサイト（ホームページ）はスマートフォンから見た場合、１列（シングルカラム）で表示されるため、最初から１列（シングルカラム）で制作すれば良いのでは？」という考えも出てきます。

しかし、パソコンやiPadなどのタブレットPCから閲覧する人も一定数いるため、そう簡単に割り切ることはできません。

そのため、今一度、ウェブサイト（ホームページ）全体を１列で表現するか、２列で表現するか、あるいはそれ以上（３列以上）で表現するかを考えてみましょう。

ウェブサイト（ホームページ）全体のカラムは何カラムがいいのか？

わたしの結論としては、

サイトに掲載する文章や画像などのコンテンツが少ないうちは１列（シングルカラム）で制作・運営し、コンテンツ量が増えてサイト内が充実してきたら、２列以上のマルチカラムを検討するのが良いでしょう。

これが、多くの事業家の方のウェブサイト（ホームページ）構築を手掛け、アドバイスをしてきたわたしが辿り着いたひとつの答えです。

最初はワンカラム、コンテンツ量が増えてきたらマルチカラム

では、なぜコンテンツが少ないうちは１列（シングルカラム）が良いのでしょうか？

それは、１列（シングルカラム）で制作することで、ひとつひとつのコンテンツをしっかり見て・読んでもらえるように最大限の配慮につながるからです。

どういうことかと言うと、１列（シングルカラム）であれば、ウェブサイト（ホームページ）の訪問者はコンテンツを上から下へ眺め、興味を持った部分をしっかり読み込むことができるからです。

もちろん、途中で読み飛ばされることもあるでしょうし、興味を引けなければそこで離脱してしまうこともあるでしょう。

しかし、これが２列（マルチカラム）以上になると、コンテンツの隣にサイドバーやバナーが表示されるため、訪問者がそちらに目移りしてしまうことが多くなります。

サイドバーに目移りした場合、ウェブサイト（ホームページ）内に豊富なコンテンツがあれば、訪問者が興味を持つ内容に出会える可能性もあります。

しかし、コンテンツ量が少なければ、訪問者が他に興味を持てるコンテンツを見つけられずに、ウェブサイト（ホームページ）から離脱してしまう可能性が高くなります。

せっかく訪問者が興味を持ってくれたコンテンツがあったとしても、十分に読まれずに離脱されてしまうのは非常にもったいないことです。

これが、コンテンツ量が少ないうちは、１列（シングルカラム）をおすすめする理由です。