モバイルWebサイト用の単一ページアプリと代替/正規URL
私は「通常の」ウェブサイトを持っていますが、現在モバイル版のサイトを開発しています。表示される情報は複雑であるため、別のドメイン（mysite.mobi）を使用していますが、応答性の高いソリューションは使用していません。このサイトは、jQuery mobileを使用して単一ページのアプリとして構築されています。
主なワークフローは、メインファイル（mysite.mobi/index.htm#forecast?location_id=1234）に添付されたカスタムパラメーターを使用していることです。次に、AJAXリクエストを実行し、location_id 1234の予測に対応するコンテンツを取得します。デスクトップWebサイトのURLは、mysite.com/forecast/1234のようなものになります。
現在、モバイル検索結果をGoogle検索に表示する方法について考えています。 推奨 によると、メインページでlink rel=alternateタグを使用し、モバイルサイトにlink rel=canonicalタグを追加する必要があります。
問題があります-私は単一のページwebappを使用しているので、このタグを追加できるクロール可能なファイルはモバイルドメインに1つしかありません。ただし、メインサイトの正しい場所を反映するためにこのタグを取得することはできません。
単一ページのアプリと正規URLを使用するためのベストプラクティスは何ですか？
ランディングページが1つしかないため、シングルページアプリにはSEOに関しては明確な欠点があります。クロール可能なURLを、設定したとおりにデスクトップサイトとモバイルサイトの間で1対1でマッピングする方法はありません。
Googleでサポートされているメソッド を使用して、AJAXサイトをクロール可能にすることができます。そのためには、モバイルURLをmysite.mobi/index.htm#!forecast?location_id=1234に変更し、mysite.mobi/index.htm?_escaped_fragment_=location_id=1234のようなサーバー側でクロール可能なURLをサポートする必要があります。Googleのクロール可能なAJAX仕様でも、ページをエスケープしたため、正規のタグは引き続きサポートされません。