web-dev-qa-db-ja.com

モバイルURL戦略

JQuery Mobileを使用して、サイトのモバイルバージョンを作成します。

私の質問は、モバイルサイトの場所、特にURLのベストプラクティスに関するものです。私は2つのオプションを検討しています:

  1. ユーザーがモバイルであるかどうかを検出し、モバイルテンプレートを提供するだけで、モバイルサイト用に別のURLは必要ありません。たとえば、mysite.com/foo/barには、モバイルおよびデスクトップバージョンのページがあります。私のサイトはHTTPキャッシュを使用しており、これは事態を複雑にします...

  2. モバイルURL(m.mysite.com)があります。多くの場所(m.facebook.com)でこれを見るので、私はこの方法を好みます。私の迷いはSEOにありますが、コンテンツの複製は悪くありませんか?

私のジレンマについての洞察、考え、コメントはありますか?私が見逃している戦略はありますか?

4
Kevin

ほとんどのサイトはオプション#2を選択します。 Googleがウェブサイトのモバイル版があることを知っているので、そうすることはあなたのSEOを傷つけません。そのため、Googleには2つのボット、GooglebotとGooglebot-Mobileがあります。 Googlebotは、デスクトップブラウザータイプのWebページとそれに埋め込まれたコンテンツをクロールし、Googlebot-Mobileはモバイルコンテンツをクロールします。

Googleは最近、モバイルSEOをカバーしました 。モバイルSEOに興味がある場合は、読む価値があります。

よくある質問は次のとおりです:異なる種類のコンテンツが同じURLまたは異なるURLから提供されるかどうかは重要ですか?たとえば、一部のWebサイトにはwww.example.comがあり、デスクトップブラウザーはさまざまなモバイルデバイス用のm.example.comまたはwap.example.comにアクセスするためのものです。他のWebサイトは、www.example.comのような1つのURL構造からすべてのタイプのコンテンツを提供します。

GooglebotおよびGooglebot-Mobileの場合、URL構造が何であるかは関係ありません。URL構造がユーザーに表示されるものを正確に返す限り、それは関係ありません。たとえば、モバイルユーザーをwww.example.comからm.example.comにリダイレクトすると、Googlebot-Mobileによって認識され、両方のWebサイトがクロールされて正しいインデックスに追加されます。この場合、ユーザーとGooglebot-Mobileの両方に301リダイレクトを使用します。

Www.example.comのすべてのタイプのコンテンツ、つまり、ユーザーエージェントに応じて同じURLからデスクトップ最適化コンテンツまたはモバイル最適化コンテンツを提供する場合、これはGooglebotおよびGooglebot-Mobileによる正しいクロールにもつながります。これはGoogleによるクローキングとは見なされません。

URL構造に関係なく、ユーザーとGooglebot-Mobileから指定されたユーザーエージェントを正しく検出し、両方の同じコンテンツを提供する必要があることを繰り返す価値があります。不明なユーザーエージェントが要求した場合に備えて、デスクトップ向けに最適化されたデフォルトのコンテンツを保持することを忘れないでください。

3
John Conde

また、画面サイズに基づいて応答するWebサイトの作成も検討する必要があります。

Ethan Mercotteはこれを説明する記事を公開しました。これは、ウェブサイトのモバイルを扱うための現在のトレンド技術です:

http://www.alistapart.com/articles/responsive-web-design/

私の意見では、これは最高のモバイル戦略であり、SEOのプロセスも簡素化します。

2
chrisjlee

ケビン、あなたの質問への答えは厳密に言えば:それは依存します。

説明したオプションのいずれかを選択する際に考慮すべきいくつかの要素があり、どちらもそれ自体が「間違っている」わけではありません。それはあなたの目標と状況が何であるかによって異なります。

そうは言っても、サイト/アプリケーションの範囲と拡張性が主な関心事です。

このトピックについては、6か月間かなりの量の調査を行いました。 -1年後( CURE.org の作業のため、 cure.org/blog にこれらのオプションのいずれかを既に実装しています)、実際にこれを再検討しました今週、私の個人サイトである joelglovier.com について再度議論します。

したがって、「スケーラビリティ」が懸念事項であると言う場合、サイトでコンテンツを継続的に更新する場合、のシナリオがある場合は、両方の場所にそれを収容する必要があることを覚えておく必要があります。 m.site.comセットアップ。サイトがデータベース駆動型であるか、優れたCMSを使用している場合、セットアップは必ずしも難しくありません。

それでも、サイトで新しいコンテンツ、ランディングページ、またはキャンペーンを作成する頻度によっては、そのコンテンツを毎回2回作成しなければならないのが面倒になる場合があります。

また、自分やクライアントのためにシンプルなポートフォリオサイトを参照している場合、コンテンツの再利用(データベースやCMSインフラストラクチャなし)はすぐに面倒になります。

しかし一方で、たとえば、Facebookのようなサイトがある場合-サイト/コンテンツのスケーラビリティが全体として何をするかにとって重要である場合-サブドメインは本当に非常に適切です。 Webアプリケーションレベルでは、モバイルサイトとデスクトップサイト環境の両方への進行中のコンテンツのパブリッシングをかなり簡単にサポートするCMSまたは動的な環境が最も確実に得られるからです(もちろん、最初の開発後)。

独立したモバイルサイトでは、@ media-queriesメソッドまたはjQueryメソッドを介してすべてを提供し、その多くを非表示にするのではなく、ユーザーに必要なマークアップとコンテンツのみをフィードできます。

個人的に、私自身のシンプルなポートフォリオサイトでは、実際にはアプリケーションレベルの何かを構築していないので、独立したモバイルサイトを持たないことに多少は落ち着きました。そこで、CSS3メディアクエリと、IEユーザーのjQueryフォールバックを使用します。

これまで私が経験してきた最近のリソースをいくつか紹介します。

http://trentwalton.com/2011/05/10/fit-to-scale/

http://unstoppablerobotninja.com/entry/responsive-images/

http://css-tricks.com/6206-resolution-specific-stylesheets/

http://www.alistapart.com/articles/responsive-web-design/

http://www.zeldman.com/category/responsive-web-design/

http://thinkvitamin.com/design/getting-started-and-gotchas-of-css-media-queries/

2
Joel Glovier