レスポンシブWebデザインとは?SEOの効果や特徴を解説

レスポンシブWebデザインとは?

レスポンシブWebデザインを設定することで、デバイスごとに適したデザイン表示が可能になります。Googleが推奨しているレスポンシブWebデザインはSEOに影響を与えるのでしょうか。レスポンシブWebデザインのメリット・デメリットとともに解説していきます。

  • レスポンシブWebデザインはSEOに影響を与えない
  • GoogleはレスポンシブWebデザインを推奨している
  • レスポンシブ以外には動的な配信や別々のURLを配信する見せ方がある
  • どの方法でもSEOには関係しないが注意すべき点はある

レスポンシブWebデザインとは

レスポンシブWebデザインとは、Webサイトのページを画面に表示する際に、あらゆるデバイスに対して単一のHTMLファイルでデザインを表示できる技術です。デバイスごとにHTMLファイルを用意するのではなく、CSS3によってデザインを画面サイズに合わせて最適化します。

例えばこの「ナイルのSEO相談室」もレスポンシブWebデザインです。画面幅を変更すると、その幅に合わせてサイトのデザインがスムーズに変化します。(PCでこのサイトをご覧になっている方はウィンドウのサイズを変えていただけると、ウィンドウ幅に合わせたページレイアウトの変化がよくわかります。)

レスポンシブWebデザインの例

レスポンシブWebデザインとSEOの関係

レスポンシブWebデザインであることはSEOに影響を与えるのかどうかは多くの人が気になるところだと思います。GoogleがSEOの観点からレスポンシブWebデザインについてどのように評価しているのかを解説します。

レスポンシブだからSEO効果があるわけではない

結論から述べると、レスポンシブであることでSEOが有利に働くことはありません。レスポンシブWebデザインはあくまでもウェブサイトのデザイン手法であり、検索順位には直接影響するものではないのです。

しかしながら、Googleは近年、「モバイルファーストインデックス」を打ち出しており、検索順位を決定する評価の軸をPCサイトからモバイルサイトに移しています。レスポンシブWebデザインはPCサイトとモバイルサイトの内容を同一のHTMLで表示できますから、Googleのクローラーも一度のクロールでページの内容を取得できます。その意味で、レスポンシブWebデザインはモバイルフレンドリーであるといえます。

このモバイルフレンドリーの観点から、GoogleはレスポンシブWebデザインを推奨しています。現在は検索順位に影響しないとはいえ、レスポンシブWebデザインにしておくことでモバイルからの見え方は確実に改善されます。見た目が改善されるということはユーザーの使い勝手が上がるということであり、それが間接的にSEOに好影響を与える可能性はあるでしょう。

GoogleはレスポンシブWebデザインを推奨

レスポンシブ以外の方法

では、あえてレスポンシブWebデザインを採用しない場合はどうするべきなのでしょうか。PCサイトをそのままスマートフォンで表示すると見づらい場合が多く、何かしらの対応は必要です。レスポンシブWebデザインを用いずにPCとスマートフォンに別々のページを見せるためには2つの方法があります。

1つは動的な配信です。動的な配信とはURLは1つだけですが、アクセスする端末をサーバで検知して、適したHTMLを配信するという方法です。つまり、PCからアクセスしてきたユーザーにはPC用の画面を、スマートフォンからアクセスしてきたユーザーにはスマートフォン用の画面をそれぞれ表示するというわけです。

動的な配信のメリットはURLが1つだけで済むということです。PCとスマートフォンでアクセスするURLを変える必要がないので、ユーザーに負担を強いることがありません。また、レスポンシブWebデザインと違ってPCとスマートフォンでまったく別のHTMLを配信できるので、それぞれに最適化したコンテンツを用意することも容易です。欠点はPCサイトとモバイルサイトの2つを管理する必要があること。更新のたびに2種類のHTMLを作らなくてはなりません。

もう1つの方法はPCとスマートフォンで別々のURLを配信することです。スマートフォン用URLとして元のURLの後ろに「/sp/」などをつけるのが一般的です。動的な配信と同様にPCとスマートフォンそれぞれに最適化したコンテンツを配信できるのが特徴です。デメリットも同じで、PCとモバイルサイトの2つを管理しないといけないため労力がかかります。

注意したいのは、GoogleはレスポンシブWebデザインを推奨はしていますが、優遇はしていないということです。前述したようにレスポンシブWebデザインそれ自体は検索順位を上げることにはつながりません。例えば、HTTPS化についてGoogleは明確に順位の優遇を発表していますが、レスポンシブについてはそういった発表がなされていないのでレスポンシブでないからといって順位が落ちる心配はしなくてもいいのです。

レスポンシブWebデザイン以外の方法

参考(外部サイト):どれがベスト?スマホ対応サイトの構築方法3種

レスポンシブ以外の場合の注意事項

レスポンシブ以外のデザインを採用する場合、SEOの観点から注意すべき点があります。それは、PC向けのサイトにコンテンツを追加したら、必ずスマートフォン向けのサイトにも同じようにコンテンツを追加するということです。もちろん逆も然りです。

レスポンシブ以外のデザインの特徴は、HTMLがPCとスマートフォンで分かれていることです。レスポンシブWebデザインと違って、どちらかのHTMLを変更してももう片方に自動で反映されることはありません。うっかりすると、PCサイトとスマートフォンサイトでコンテンツの内容に違いが出てしまいます。

SEOではこのコンテンツ差分を起こさないことが重要だとされています。

レスポンシブWebデザインのメリット

レスポンシブWebデザインのメリットは以下の4点です。

あらゆるデバイスのユーザーが、1つのURLから適切なレイアウトでページを閲覧できる

PC版サイトとモバイル版サイトでURLを分ける必要がありません。モバイル版のユーザーがPC版のサイトを見てしまいレイアウトが崩れて表示されてしまう、ということが避けられます。また、URLがシェアされたときなどは、PC版のユーザーもモバイル版ユーザーも同一のURLから適切なレイアウトのページを閲覧できます。

複数デバイスのレイアウト管理が一元化されるため、管理コストが少ない

PC版やモバイル版、タブレット版などサイズか違うページでも、HTMLファイルはひとつなので、各デバイスに合わせたレイアウト管理は必要ありません。ちょっとしたレイアウト変更なら、わざわざデバイスごとにファイルを作り変える必要がありません。

情報設計や画面設計が各デバイスでバラバラにならない

デバイス間で同じHTMLファイルに基づいているため、サイトの情報設計やページの画面設計が統一されます。サイト管理者にとってもサイトコンテンツを把握しやすくなりますし、ユーザーにとっても異なるデバイスでサイトを訪れたときに混乱しにくくなります。

順位評価やMFIの文脈でも、重大なミスが起きにくい

SEOの面でも、メリットは少なくありません。例えばサイトページの評価においても、レスポンシブWebデザインならPC向けページとモバイル向けページがバラバラに評価されてしまう恐れはありません。また、PC版サイトとモバイル版サイトの差異がないレスポンシブWebデザインは、MFIに際して大きくランキングを損ねる可能性も低いのです。

レスポンシブWebデザインでは無いサイトでも、適切に対応すればこのようなリスクは避けられますが、レスポンシブWebデザインの場合はもともとリスクが少ないといえます。

レスポンシブWebデザインのデメリット

ただし、レスポンシブWebデザインには以下のようなデメリットもあるため、導入の際には注意が必要です。

初期の設計・構築のコストが大きく、コーディング等の難易度も高い

HTMLファイルをCSSで制御するという性質上、CSSの記述が複雑になります。適切なデザインやコーディングを行わないと、デバイスによって表示が崩れるリスクがあります。

ページが簡素になる場合や、逆に非常に重くなる場合がある

モバイルに最適のレイアウトやデザインで設計すると、1ページあたりのコンテンツが少なくなり、PC版でページを閲覧したときにページが非常に簡素に見えることがあります。

逆に、各デバイスのレイアウトを充実させるために、モバイル版とPC版のレイアウトを大幅に変えたりすると、HTMLファイルの記述量が増えてページの読み込みが遅くなることもあります。

まとめ

MFIにむけ、GoogleがレスポンシブWebデザインを推奨したことで、SEO観点ではレスポンシブWebデザインが非常に重要な要素となりました。サイトリニューアルのときには、レスポンシブWebデザインのメリット・デメリットを理解した上で、レスポンシブWebデザインの導入を検討してください。

またナイル株式会社ではサイトリニューアルに際して、リニューアルサイトのSEO要件の診断やご提案を行っています。サイトリニューアルを機に自然検索流入を増やしたい企業担当者の方は、ぜひご相談ください。弊社のコンサルタントがサポートいたします。弊社は、戦略策定から実装支援まで一貫してサポートしております。

リニューアル前内部SEO評価

Webサイトの運用・集客でお困りではありませんか?

デジタルマーケティング全般についてのご相談はこちら

私たちが得意とするコンテンツマーケティングやSEOに限らず、Webの運営・改善に関する総合的な知見を持つ私たちなら、きっと御社の悩みを解決できると考えています。

サイト内検索

SEO・サイト運用・コンテンツマーケティングでお困りの際には ぜひお気軽にご相談ください

お問い合わせはこちら