モバイル専用サイトからレスポンシブ サイトに移行する方法

レスポンシブ ウェブ デザインを導入するサイトが増えるにつれて、ウェブマスターの方々の間で、モバイル用に別途設定する URL(英語)からレスポンシブ ウェブ デザインの利用に移行することへの関心が高まっています。ここでは、あなたのサイトが Google の検索結果でよいパフォーマンスが出せるよう、別々の URL から 1 つのレスポンシブ URL へ移行する際のおすすめの方法をいくつかご紹介します。

Googlebot にわかりやすい形でレスポンシブ サイトに移行する

レスポンシブ サイトの準備ができたら、移行時に考慮するべきポイントはひとつです。サイトの URL はデスクトップ向けバージョンでは変わらないので、必要な作業は、モバイル用の URL からレスポンシブ ウェブ デザインの URL への 301 リダイレクトを設定することだけです。

詳しい手順は次のとおりです。

  1. レスポンシブ サイトの準備をします。
  2. これまでお使いのモバイル用 URL からレスポンシブ バージョン(新しいページ)への 301 リダイレクトを設定します。このリダイレクトは、URL ごとに(モバイル用の各 URL からレスポンシブ URL に対して個々に)行う必要があります。
  3. 条件付きのリダイレクトや Vary HTTP ヘッダーなど、モバイル用 URL 固有の設定をサイトで利用していた場合は、すべて削除します。
  4. レスポンシブ URL については、rel=canonical を設定してその URL 自体を指すようにすること(自己参照型の正規 URL)をおすすめします。

現在、動的な配信を利用している場合は、レスポンシブ デザインへの移行にあたって、リダイレクトの追加や変更を行う必要はありません。

レスポンシブ ウェブ デザインに移行するメリット

レスポンシブ サイトに移行すると、今後のメンテナンスやレポート作成が簡単になります。すべてのページについて別々の URL を管理する必要がなくなるだけでなく、さまざまな手段や技術(国際化のための hreflang、高速化を実現する AMP、検索機能の向上に役立つ構造化データなど)も取り入れやすくなります。

ご不明な点などがありましたら、ウェブマスター ヘルプ フォーラムをご利用ください。