スマホ対応といえば、レスポンシブデザインとリダイレクト。え?知らない?

  • このエントリーをはてなブックマークに追加
  • LINEで送る

From:守部 和孝

 

あなたがもしホームページを持っているなら
スマホ対応していますか?

Googleはこれをモバイルフレンドリーと呼んでいます。

Googleが言っているのですから
これは絶対対応しないとダメなんでしょう。

スマホ対策の大切さは
別の記事でも書いているので参照して下さい。

今日は、

「スマホ対応のホームページってなに?」

「モバイルフレンドリーってどんなページ?」

と聞かれたので書きたいと思います。

 

大きく分けて2つあります

  1. レスポンシブデザインを適用する
  2. スマホ専用サイトを作ってリダイレクトする

これについて見ていきます。

 

1.レスポンシブデザインとは

「レスポンシブデザイン」

って聞いたことがありますか?

 

あなたが今まさに見ているこのサイトも
レスポンシブデザインなんです。

同じホームページなんですが

パソコンで見ている方はこう見えてます
↓↓↓

screencapture-how-to-blog-writing-com-1467154955877

スマホで見ている方にはこう見えています
↓↓↓

screencapture-how-to-blog-writing-com-1467155034670

パソコンで見ても、スマホで見ても
見やすいようになってるでしょう?

おんなじホームページでもパソコンとスマホで
見やすいように変化してくれるのが
レスポンシブデザインです。

 

2.スマホ専用サイトにリダイレクトとは

Yahoo!を見たことありますよね。

http://www.yahoo.co.jp/

このサイトをクリックしてとぶと

当然http://www.yahoo.co.jp/が
開くと予想していると思います。

でもスマホで開くと

http://m.yahoo.co.jp/

がひらかれるんです。

http://m.yahoo.co.jp/

はスマホ専用に作られたサイトで
スマホから見てると判断されると
勝手にhttp://m.yahoo.co.jp/に転送されます。

これをリダイレクトと言います。

逆にパソコンで

http://m.yahoo.co.jp/

を開こうとしてもひらけませんので
試してみて下さい。

他にもfacebook.com
も同じような仕組みになっています。

どちらかをしましょう!

僕のセミナーでも解説していますが
どちらも一長一短ありますが
どちらかの方法でスマホ対応する必要はあります。

これは必須です。

 

これからスマホが衰退するとは考えられません。

検索結果に関わってきますし
ユーザーも見にくいた
サイトに滞在してくれません。

スマホ対応は必ずしましょう!

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*