顧客が抱える「課題」を独自メソッドで「成功」へ導くマガジン。

KNOWHOWノウハウ

  1. HOME
  2. ノウハウ
  3. SEO
  4. PCでもスマートフォンでも、「同じURL」「同じコンテンツ」で表示することができている
SEO

更新日

PCでもスマートフォンでも、「同じURL」「同じコンテンツ」で表示することができている

以前は、PCとスマートフォンでは別のURL&別のコンテンツということも珍しくありませんでしたが、近年では「レスポンシブデザイン」が一般化し、デバイスに合わせて表示サイズを自動で切り替えることが当たり前になってきました。

Googleとしても、このレスポンシブ対応しているWebサイトを「モバイルフレンドリー」であるとして評価しており、推奨しています。

逆に言えば、同じコンテンツでありながら、PCとスマートフォンのURLがそれぞれ異なっていると、「重複コンテンツ」が存在していると判断されてしまい、検索エンジンからの評価が下がる恐れがあります。

PCでもスマホでも「同じURL」「同じコンテンツ」かどうかチェックする

まずは、自社サイトがPCでもスマートフォンでも同じURL・同じコンテンツであるか確認しましょう。使用しているブラウザが「Chrome」であれば、ChromeStoreに便利な拡張ツールがありますので使ってみましょう。

Responsive Viewer」を使用すれば著名なスマートフォン・タブレット・PCなどの表示のされ方をまとめてチェックすることができます。

「同じURL」「同じコンテンツ」になっていない場合は、適切に対処する

自社サイトが「同じURL」かつ「同じコンテンツ」ではなかった場合は、デザイナー・エンジニアなどと相談して、Webサイトの改修を検討するのが良いかもしれません。

方向性としては3つあります。

レスポンシブデザイン(viewport)にする

詳細は別項にまとめましたのでそちらを参照してもらうのが良いですが、 レスポンシブ対応することで同じURL・同じコンテンツに変更することができます。

※「レスポンシブデザイン対応」を参照

PCとスマホでURLが異なることを通知する(alternate/canonical)

本来はレスポンシブデザインに変更するのが良いですが、なんらかの理由で対処できなければ、URLがそれぞれ存在することを、検索エンジンに認識してもらう必要があります。この場合は、HTMLファイルにalternate/canonical を記述して対応します。

▼PCのURLを認識させる

PCのURLを認識させる

▼スマートフォンのURLを認識させる

スマートフォンのURLを認識させる
PCとスマホでコンテンツが異なることを通知する(Vary HTTP Header)

同じURLだけどPC・スマートフォンでコンテンツが異なり、 「User-Agent:ユーザーエージェント」によってデバイスを自動識別してコンテンツを 切り替えていることがあります。そのままではGoogleにそれぞれのコンテンツが 認識されない恐れがあるため、.htaccessファイルに追記して対処します。

▼ユーザーエージェント制御でコンテンツを切り替える(※Apacheサーバーの場合)

ユーザーエージェント制御でコンテンツを切り替える

基本的にはレスポンシブデザインでサイト制作するのが安心です。

このあたりは、実際にHTMLコードや、Webサーバーを管理しているエンジニア・プログラマでないとわかりづらい部分がありますが、社内で相談しながら、どのような閲覧環境にも対応できるWebサイト作りを心がけましょう。

まとめ

1つでも当てはまったらチェックしましょう。

  • PCでもスマホでも「同じURL」「同じコンテンツ」かどうかチェックできた
  • 「同じURL」「同じコンテンツ」になっていない場合に、適切な対処ができた
グロースマーケティンググループ 編集部

グロースマーケティンググループ
編集部

「成果を、共に」
顧客と共に考え、実行を繰り返しながら「成果」を追求するグロースマーケティンググループ(GMG)の、デジタルマーケティング情報メディア。BtoB企業の営業・マーケティング担当者がすぐに使える「お役立ち情報」を発信していきます。

関連記事

成功へ導く
6つの要素