実際にスマー トフォンに対応するにはどのような方法があるのでしょうか。Google は、以下の3つの方法をサポートしています。
デバイスごとに見た目だけ変える方法。
「レスポンシブWebデザイン」と呼ばれる方法で、 1つのWebサイトのデータを、画面サイズに合わせてデザインを変えて表示します。具体的にはCSS3 のメディアク工リを使用し、画面の横幅に応じて反映するCSS を変更することで表示を変更します。この方法はデパイスごとにURLが変化しないので、 利用者のシェアやリンクが分散されず、検索エンジンに適切にインデックスされやすい利点があります。また、検索工ンジンとしては 1つのページの情報を収集すれば良いので、クローラの負荷が少ないこともあり この方法を推奨しています。 デバイスごとに表示内容も変える方法にパソコンサイトの内容をデザインだけ変えて表示するレスポンシブWebデザインでは、最適な表示になります 。そのような場合に利用するのが、デバイスごとにデザインだけではなく、提供する内容も変える方法です。 この方法は、 URLは変えず、ユーザーエージ工ントによりデバイスを判断し、提供内容を変えるので、 レスポンシブWebデザイン同様シェアやリンクが分散されず、 SEO対策の効果も出やすい利点がありますが、デバイスごとに表示内容を決め、テンプレートを用意しなければならないため、レスポンシブιWebテザインより手間がかかります。
デバイスごとに異なるWebサイトを用意し、利用者のデバイスを判断してそれぞれのWebサイトに振り分ける方法です。利点としては、 デバイスごとに完全に最適化した内容やデザインを実現できることが 挙げられます。しかしURLが変わってしまうので、シェアやリンクが分散され、 SEO対策の効果が出にくい傾向があります。また、対応するデバイスの数だけWebサイトを制作し管理しなければならないため、サイト運営に大きなコストがかかってしまいます。
検索エンジンはクローラの負荷が少なく、インテ”ックスのデータ量も多くならないレスポンシブWebデザインを推奨しています。