Googleに愛されるWebサイトづくりに必要な3つのこと - デザインってオモシロイ -MdN Design Interactive-
デザインってオモシロイ MdN Design Interactive

Googleに愛されるWebサイトづくりに必要な3つのこと

  • 新規会員登録
  • ログイン管理
  • Twitter
  • facebook
  • はてなブックマーク
  • RSS

2026.5.3 SUN

  • TOP
  • 特集
  • 連載
    • ALL
    • デザイン・アート
    • テクノロジー
    • コラム
    • インタビュー
    • レポート
    • インサイト
  • Tech
    • ALL
    • プログラミング
    • UI/UX
    • フレームワーク
    • Webアプリ
    • Webサービス
    • その他
  • ニュース
    • ALL
    • ニュース
    • 新製品
    • テクノロジー
    • アートイベント
    • モバイル
    • ネットで話題
新規会員登録
ログイン管理
  • プレスリリース
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 広告掲載について
  • インプレスグループ
閉じる
  • TOP
  • ニュース -
  • Googleに愛されるWebサイトづくりに必要な3つのこと
【サイトリニューアル!】新サイトはこちら/MdNについて
  • ALL
  • ニュース
  • 新製品
  • テクノロジー
  • アートイベント
  • モバイル
  • ネットで話題

コラム

2015.4.6 MON

Googleに愛されるWebサイトづくりに必要な3つのこと

Googleに愛されるWebサイトづくりに必要な3つのこと

2015年04月06日
TEXT:小川 浩(シリアルアントレプレナー)




せっかくWebサイトを制作しても、トラフィックが集まらないようではつくった甲斐がない。クライアントの機嫌が悪くなり、以降の仕事の獲得にも悪影響が出るだろう。

現代のWebビジネスにおいて、トラフィックを集めるために重要なことはふたつ。ひとつはFacebookやTwitter上で話題になるようなコンテンツを作成すること。もうひとつは、関連キーワードで検索した際、Googleの検索ページの上位――少なくとも1ページ目に表示されることだ。もっと具体的に言えば、FacebookとGoogleに愛されるWebサイトにすることこそ、重要なのである。

そこで今回はまず、Googleに愛されるための方法を3つ、進呈しよう。

#001 シングルカラムのWebサイトにする

現在のWebコンテンツの消費の多くは、モバイル上で行われている。検索結果をクリックして、リンク先のWebサイトがモバイル対応しておらず、いちいちピンチアウトしなければならないのは非常にめんどうだ。だから、Googleもモバイル・PCそれぞれの検索結果画面を変えている。モバイル上では、モバイルに最適化したWebサイトを優先して表示するといった具合だ。

モバイルに最適化されているという意味にはいくつかあるが、横長のPCとは異なり、スマホユーザーはたいてい画面を縦型にして見る。つまり、縦型に設計されたWebサイトのほうが圧倒的に見やすく、結果としてシングルカラム――段組みがなく、コンテンツが一列で表示されているWebサイトを優遇することになる。あなたのWebサイトが2カラムや3カラムでつくられている場合、モバイル上でGoogleに愛されることはない。

#002 モバイルサイトとPCサイトのURLを同じにする

多くの企業は、PCサイトとモバイルサイトを個別に用意するというむだを行っている。それは大きなまちがいだ。HTMLを別々に用意するというむだなお金を使っていることはもちろん、モバイル上でPC用のURLが入力された際に発生するであろうリダイレクトの時間は、ユーザーにとってもGoogleにとっても、大きなロスタイムといえよう。

Googleが2015年2月26日に発表した、モバイル検索における重要事項としてのモバイルフレンドリーのコンセプトでは、ユーザーを待たせるような行為は減点対象となっている。

#003 レスポンシブWebデザインにする

結論として、シングルカラムにする、モバイルサイトとPCサイトのHTMLを同じにする、URLも同じにする――という前項の要素を実現するには、レスポンシブWebデザインを採用するのが手っ取り早い。PCサイトとモバイルサイトをふたつ制作するようなむだなコストが省けるし、PC・モバイルどちらで見ても同じユーザー体験を提供できる。

今年はじまったWebサイト構築サービスであるAmebaOwndも、ここでたびたび紹介しているアメリカの新興メディアプラットフォームであるMediumやQuartzも、僕たちが提供しているパブリッシングプラットフォームのdinoも、すべてレスポンシブWebデザインでサービスを提供している。新しいWebサイト・Webサービスほど、ほぼ例外なくレスポンシブを採用しているのは、Googleに嫌われたくない、その思いが根底にあるのかもしれない。




■著者の最近の記事
gumiのリストラと大塚家具の親娘確執にみる、意思決定スピードの違い
ブログの復権:2015年のブログプラットフォーム(3)
ブログの復権:2015年のブログプラットフォーム(2)
ブログの復権:2015年のブログプラットフォーム(1)
日本国内のキュレーションメディア市場(後編)
日本国内のキュレーションメディア市場(前編)
ついにAppleがEV事業に参入か?


小川浩氏近影

[筆者プロフィール]
おがわ・ひろ●シリアルアントレプレナー。著書に『ビジネスブログブック』シリーズ(毎日コミュニケーションズ)、『Web2.0BOOK』(インプレス)、『仕事で使える!「Twitter」超入門』(青春出版社)、『ソーシャルメディアマーケティング』(ソフトバンククリエイティブ/共著)などがある。
twitter:http://www.twitter.com/ogawakazuhiro
facebook:http://www.facebook.com/ogawakazuhiro

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちら/MdNについて

前の記事を読む

あらゆるレベルのユーザーに対応する Adobe Photoshop REALを3歳児が使ってみた!

あらゆるレベルのユーザーに対応する Adobe Photoshop REALを3歳児が使ってみた!

2015.4.1 WED

次の記事を読む

受講料無料!! クリエイターにお届けする2015年春のおすすめセミナー5選!

受講料無料!! クリエイターにお届けする2015年春のおすすめセミナー5選!

2015.4.7 TUE

アクセスランキング

8.30-9.5

  • 携帯大手3社、メッセージアプリ「+メッセージ」を各社全ブランドとMVNOに拡大
  • テレビの音声をワイヤレス化して飛ばせる「トランスミッター」発売、サンワサプライから
  • iPhone 12/iPhone 12 Proに音の不具合、対象モデルは無償修理へ
  • ビクトリノックス、30色バリエーションのマルチツール「クラシック カラーズ」を発売
  • 今月発表のiPhone13、低軌道衛星通信を使い“圏外”でもテキスト送信などが可能か
MdN BOOKS|デザインの本

Pick upコンテンツ

現在

  • 【文房具連載】第19回 五十嵐製紙「Food Paper」/物語のある、ニューフェイスな文房具・雑貨
  • 見た目のかわいさだけじゃない、犬の形をした実用性の高いウェブカメラ
  • この秋に発表予定のiPhone 13(仮称)はどのような変貌を遂げるのか?
  • 植物性由来100%、合成香料不使用など、エコな洗濯洗剤5選/ライフスタイル連載・こんげつのきぶん
  • 【DESIGN DIGEST】書籍カバー『顔のない花嫁/K.R.アレグザンダー』、商品パッケージ『秋の限定商品/アフタヌーンティー・ティールーム』

MdN公式Instagram

Instagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • インプレスグループ
  • 広告掲載について
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • 広告掲載について
  • インプレスグループ
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.