レスポンシブwebデザインとは〜次世代型ホームページ構築方法

• Tweet

• Tweet

こんにちは！
スマホ集客コンサルタントの田中祐一です。

本日はメールセミナーの７日目になりますね。
それでは「次世代型スマホマーケティングとは」
について説明してきますね。

この６日間で説明してきた内容は
スマホマーケティングの基本編になります。

現在のスマホマーケティングを確実に実践することで
売上を大きく伸ばすことが出来るでしょう。
ライバルが不在ですし、成果が出ます。

この方法は昨年有名になった新型の
ホームページ構築方法です。
次世代型のホームページ作成サービスになりますね。
業種、業態によっては今直ぐこの内容を実践する必要はありません。

とはいえ、次世代型ホームページの足音が徐々に大きくなってきています。
大企業の２割は、次にホームページを作成するときに
次世代型ホームページで作成すると言われています。

その次世代型ホームページサービスとは・・・？

それは

「レスポンシブwebデザイン」です。

レスポンシブwebデザイン・・・
聞いたことが無いかもしれません。

レスポンシブwebデザインとは・・・

スマホから見たらスマホ専用画面、
タブレットから見たらタブレット専用画面、
PCから見たらPC専用画面の大きさに
変化するホームページの構築方法です。

動画でもレスポンシブwebデザインを解説しています。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

レスポンシブwebデザインとは〜
http://youtu.be/ykQDdToHgBo
５分３１秒
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

具体的に見て行きましょう。
【NHKスタジオ】
http://www.nhk.or.jp/studiopark/

このNHKスタジオは次世代型ホームページ構築方法である
レスポンシブwebデザインデザインで作成されています。

普通にブラウザで開くとPCサイズで表示されますが
ブラウザの大きさを小さくしてみて下さい。

コンテンツが移動しませんでした？
これがタブレット最適型に形を変えるのです。

そして、さらにブラウザの大きさを小さくしてみて下さい。
今度はコンテンツが縦長に並びませんか？

これがスマホ最適化型なのです。

つまり、画面遷移やURLを変えることなく
一つの画面で全てのデバイスの最適化画面を保有している。

それがレスポンシブwebデザインなわけです。

なんとなく、レスポンシブwebデザインについて
理解していただけたと思います。
このレスポンシブwebデザインは今までのスマホマーケティング
に比べてメリットが多いというのは事実です。
ただ、デメリットもあるのであなたの業種や
予算に応じてどの構築方法か選択していく必要があります。

メリット１　メンテンナンス費用が安い
従来のサイト作成方法だとPCサイト、
スマホサイトは別々のページで管理されています。
でもレスポンシブwebデザインは同じページで各種デバイスを
表現しています。そのため、、、１回の修正で複数のデバイスの
表示を修正出来るのです。

だから、メンテナンス費用が安いんです。
ここから、頻繁にサイトを修正する必要が有る業種の方は
レスポンシブwebデザインを選ぶメリットが大きいと言えます。

例えば飲食店でスマホサイトとPCサイトを両方持っていた場合
メニューが変わった時に、それぞれのサイトに修正を加える必要
があります。これが積み重なると長い期間で見た時に
ランニングコストがお得になっていくんですね。

メリット２　SEOに有効的！
Googleの品質責任者のマット・カッツ氏も
レスポンシブwebデザインがSEOに強いとコメントを残しています。

これはGoogleがミラーサイトを嫌う性質にあるからです。

PCサイトとスマホサイトが別々のページになる
従来のホームページ構築方法だとコンテンツが
重複してしまうわけですね。

だからGoogleからの評価が下がるのです。

レスポンシブwebデザインだとインターネット上の

コンテンツがすっきりするからGoogleが推奨しているのです。

メリット３　URLが統一されることでシェアがしやすく！
メリット２と若干重複するのですが
URLが統一されているので紹介やシェアがやりやすいです。
◯◯さんだから・・・スマホのURLを教えよう！
というようなことを考える必要はありません。
人にURLを教えるときのオペレーションが効率化
されるということはメリットと言えます。

いかがでしたか？
でも、どのような構築方法もメリットがあれば
デメリットがあります。
デメリットについて見て行きましょう。
見えないだけで存在してるんです…だからスマホだと重くなる
レスポンシブwebデザインで実際にスマホの画面を
表示させようとしている時、裏ではPCの画像を読み込もうとしてしまいます。
というのは、ユーザーからはPCの画面等は見えないのですが、
実際は同一ページ内に存在しているので読み込まれているのです。
だから、PC用の画像が大きい場合、スマホでの表示パフォーマンスが
著しく劣化する可能性があります。

構築が複雑になる＝構築に時間がかかる＝費用が増える
レスポンシブwebデザインは非常に複雑な作りこみが必要になります。

つまり、構築には時間がかかり、費用が増える傾向にあります。
費用は会社によって違いますが、スマホサイトの３倍ほどの
値段になります。
だから、PCサイトとスマホサイトを個別に作成したほうが
安くなります。

以上、レスポンシブwebデザインのデメリットについて
説明してきました。

さて、次世代型ホームページ構築方法の
レスポンシブwebデザインについて説明してきました。

自分の会社は何で構築すればいいの？
という方はいらっしゃると思います。

レスポンシブwebデザインは大企業や、
ECサイトのほうで採用が進んでいます。
ECサイトは頻繁にサイトの修正が入るので
レスポンシブwebデザインが採用されるのは当然でしょう。

予算等を考慮しあなたにとって最適な構築方法を
選択して下さい。

はい。
以上、スマホ集客道のメールセミナーを
全７回説明させていただきました。

いかがだったでしょうか？

全７回のスマホ集客方法を理解し実践していただければ
あなたはきっと集客に成功できるでしょう。

もし、スマホ集客について問い合わせがありましたら

tanakayuc@1gnitestrategy.com

までご連絡ください。
可能な限りお応えいたします。

今後は、通常のメルマガ配信の中で
有益な情報を提供させていだきます。

そちらも読んでいただけると
嬉しく思います。

読者様にはどこかリアルの世界で会えることを
楽しみにしています。

今までメールセミナーを読んでいただき
ありがとうございました。