表示するウィンドウ幅に応じてレイアウトが変化するレスポンシブ・ウェブ・デザインにすべての雛形が対応しています。
まめわざで作成したサイトはすべてスマートフォン・タブレットの表示に対応しています。
レスポンシブ・ウェブ・デザインは、PCサイトがスマートフォンでも見れる仕様であり、Googleが推奨する規格です。
一方、PCサイトとは別にスマートフォン専用サイトを提供する方法があります。
メリット・デメリットを整理するために表にまとめてみます。
レスポンシブ | スマホ専用サイト | ||
コンテンツ管理のしやすさ | ○ | × | |
その他の端末への適性 | タブレット | ○ | △ |
ネットブック・ミニノートPC | ○ | △ | |
ウェアラブル・カーナビ・未知の端末 | ○ | × | |
ブラウザの拡大表示 (高齢者や弱視者へのアクセシビリティ) | ○ | × | |
導入のしやすさ | × | △ | |
PCサイトの閲覧 | × | ○ (自動転送しない場合は可) | |
タッチ・フリック操作に適したコンテンツ提供 | × | ○ | |
表示速度 | △ | ○ (軽量にして早くすることが可) |
まめわざは、レスポンシブ・ウェブ・デザインのデメリットである導入の面倒さがなく、将来に渡って拡張性の高いモバイル端末対応を簡単に実現できます。
既にPCサイトをお持ちの方は、まめわざをスマートフォン用サイトとしてもご利用いただけます。
PCユーザー用のアドレス例 | スマホユーザー用のアドレス例 | |
PC・スマホ兼用サイトとして使う場合 | https://cafe-aiueo.bizweb.jp/ | https://cafe-aiueo.bizweb.jp/ |
スマホ用サイトとして使う場合 | http://cafe-aiueo.com/ | https://cafe-aiueo.bizweb.jp/ |
「cafe-aiueo」は例であり、好きなアドレスを設定できます。
スマートフォン用サイトとして使う場合は、PCサイトとスマートフォンサイトの関連をGoogleに知らせるアノテーションを設定できます。
これにより、スマートフォンユーザーの検索結果にはcafe-aiueo.bizweb.jp、PCユーザーの検索結果にはcafe-aiueo.comが表示され、適切にユーザーを誘導できます。また、重複コンテンツと判断されるリスクを回避することも可能です。