レスポンシブWebデザインを推奨するGoogleのチェックシート

      2013/03/17

スマートフォン対応どのようにしておりますか?

実はGoogleも6月に正式にレスポンシブWebデザインを推奨する声明を発表しています。

Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法

・レスポンシブ・ウェブデザインを使用しているサイト、すなわち、すべてのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。こちらが Google の推奨する設定方法となります。

・すべてのデバイスに対し単一の URL で、ユーザーエージェントに応じてデスクトップ用かモバイル用かなどを判断して動的に異なる HTML と CSS を提供するサイト。

・モバイル用のサイトとデスクトップ用のサイトを別々に構築しているサイト。

さらには、上記の内容を端的に説明してくれているサイトもご紹介致します。

スマートフォン向けサイトにはレスポンシブ・ウェブデザインを推奨、Googleが公開したスマホサイトの最適化 at #SMX Advanced Seattle 2012

そのような中で先日、レスポンシブWebデザインについてさらに言及する英語の記事を掲載しましたので簡単に翻訳しながらご紹介します。

Mobile Websites vs Responsive Design: What’s the right solution for your business?

 

モバイルフレンドリーなウェブサイト

Print

1The Conventional Approach=従来のやり方

と言い切っているのがいいですね。リダイレクトをさせ別のソースを見せる。

2レスポンシブWebデザイン

デバイスのスクリーンサイズに合わせて自動調節をする。

 

あなたのモバイルサイトにとって、どちらの解決方法がよいか?

Print

そして、「あなたのモバイルサイトにとって、どちらの解決方法がよいか?」

と題して従来のやり方とレスポンシブWebデザインを比較しています。

★が増える程、よりよいとしています。

モバイルサイト レスポンシブデザイン
モバイルユーザーのニーズにあったデザイン ★★★ ★★
サイトのアップデートの簡易さ ★★★
検索エンジン最適化 ★★ ★★★
サイト制作時間 ★★★ ★★
サイト開発のお手軽さ ★★
コンバージョンとリダイレクトコードの追加 ★★★
オプションの追加しやすさ ★★★ ★★

 -スマートフォン

  関連記事

Y!mobile(ワイモバイル)誰とでも定額対象外の通話

明細を確認していて、長電話をしている記憶がない日に通話料の計上が上がっていたので調べてみました。 国

アップルミュージック(Apple Music)の3か月無料の期限が切れる方へ

7月1日より開始したアップルミュージック(Apple Music)ですが、無料トライアル期間の3ヶ月

no image

スマートフォン対応ECサイト構築のために

2011年に入ってからというもの、一気にスマートフォンブームが到来した気がしております。 ECサイト

no image

EC-CUBEスマートフォン向けテンプレート搭載!

2011年8月10日、EC-CUBEがスマートフォン向けのテンプレートを強化した新バージョン2.11

no image

ECサイトのスマートフォン利用率

2011年スマートフォン元年。先日、スマートフォン普及率の見通しの記事を書きましたが、私も気になって

no image

スマートフォンシェア争い

  スマートフォンのシェア争いが激化しています。 引用元のtechcrunchでは、 スマ

Logicool Flowが素晴らしすぎる話

数年ぶりにキーボードとマウスを買い替えました。 デバイスが増えてきて、MacとWindowsとタブレ

Benq BL2420PTで突然「シグナルが検出されません」と出たら・・・

BenQ 23.8インチワイド 高解像度モデル (2560×1440/IPSパネル/DisplayP

嫌われる勇気

嫌われる勇気―――自己啓発の源流「アドラー」の教え posted with ヨメレバ 岸見 一郎,古

マンガでやさしくわかるアドラー心理学

マンガでやさしくわかるアドラー心理学[Kindle版] posted with ヨメレバ 岩井俊憲,

1億円の壁を越えるビジネス思考

1億円の壁を越えるビジネス思考: 年商1000万円に満たない会社の売上を数年で10億円にまで成長させ