~Linux、MySQLからAJAXまでモバイルSEOの概要Googleはモバイルサイトをレスポンシブデザイン、動的な配信、別々のURL、の3つの方法を使って認識できます。以下の資料を基にまとめました。ウェブマスター向けモバイルガイド※目次をクリックすると目次の下部にコンテンツが表示されます。・サーバーからどのデバイスに対しても常に同じHTMLコードを配信し、CSSを使用して各デバイスでのページのレンダリングを変える。・ページがすべてのデバイスに対応していることをブラウザに知らせるには、ヘッダーに次のメタタグを追加する。viewportタグは、ページのサイズや縮尺を、デバイスの幅に合わせてどう調整すべきかをブラウザに伝えるために使用する。viewport要素を指定しない場合モバイルブラウザのデフォルトであるパソコン画面の幅(デバイスによって異なるが通常はおよそ980px)でページがレンダリングされ、その後フォントを大きくして画面に合う縮尺に変える、コンテンツの一部のみが画面に収まるように表示する、といった調整を試みる。このような調整によって、フォントサイズの統一感が失われたり、コンテンツを操作するためにダブルタップやピンチで拡大する必要が生じたりすることもある。要素を含めるようにする。(2)レスポンシブデザインを使用するメリット・URLが1つなので、ユーザーがコンテンツを簡単に共有したりリンクしたりできる。・ユーザーのデバイスに応じて最適なページにリダイレクトする必要がないため、読み込み時間を短縮できる。・Googlebotがサイトをクロールするために必要なリソースを節約できる。・すべてのデバイスに同じHTML、CSS、JavaScriptのコンテンツを配信。・JavaScriptがデバイスで実行されたときに、デバイスを検出し、サイトのレンダリングや動作が変更される。・ページやそのアセットのURLがコンテンツを動的に配信しないため、VaryHTTPヘッダーは必要ない。・サーバーがクライアント上のJavaScriptと連携してデバイスの機能を検出し、配信するコンテンツを変更。JavaScriptが検出した画面サイズがサーバーに送信され、デバイスに送信するコードをサーバーが更新または変更する。一般に、JavaScriptは検出したデバイス機能をCookieに保存し、サーバーではそれ以降の同じデバイスからのアクセス時にこのCookieを読み取って判断する。・すべてのデバイスに同じHTMLが配信されるが、JavaScriptはデバイスのユーザーエージェントに応じて異なるJavaScriptコードを動的に配信。User-agent」HTTPヘッダーと一緒に配信する事を推奨。これは、インターネットキャッシュやGooglebotに対し、JavaScriptがユーザーエージェントごとに異なる可能性があることを知らせるもの。GooglebotがさまざまなGooglebotユーザーエージェントを使ってJavaScriptファイルをクロールするためのシグナルでもある。・ページをリクエストするユーザーエージェントに応じて、同じURLで異なるHTML(およびCSS)を配信。HTTPヘッダーを使用して伝える。・ページをリクエストするユーザーエージェントによって、応答の内容が異なることをブラウザに伝える。・Googlebotがモバイル端末向けのコンテンツを迅速に検出できるようになる。サーバーにキャッシュからページを配信するかどうかを決定する際にユーザーエージェントを考慮する必要があることを知らせる事ができる。HTTPヘッダーがないと、モバイルユーザーにPC用HTMLページのキャッシュを送ってしまう可能性がある。・PC用コンテンツとモバイル用コンテンツで別のURLを用意する。・PC用URLとモバイル用URLの2つのURLの関係をrel=”canonical”およびrel=”alternate”要素で伝える。・ユーザーエージェント文字列を検出し、その内容に応じてPC用、モバイル用のURLにリダイレクトする。Googlebotでは、HTTPリダイレクトとJavaScriptリダイレクトの2つのリダイレクトの実装がサポートされる。(2)PC用URLとモバイル用URLのアノテーションGoogleでは、アノテーションの設定箇所として、ページ自体のHTMLとサイトマップの2つをサポートしている。>2)サイトマップに追加するアノテーションサイトマップには、以下のようにPC用ページのrel=”alternate”アノテーションを含めることができる。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。