web-dev-qa-db-ja.com

デスクトップ以外のユーザーをモバイルサイトにリダイレクトするか、テンプレートを変更して同じURLを維持しますか?

デスクトップコンピューターを使用していない(および携帯電話、スマートフォン、タブレットを使用している)ユーザーにサイトを提示するための最良の方法を知りたいですか?私は現在ウェブサイトに取り組んでおり、この問題を処理するための最良の方法を探しています

2つのオプションがあります。

  1. ユーザーエージェントフィルターに基づいてすべてのユーザー(デスクトップベースのブラウザーを使用しているユーザー以外)をモバイルバージョンのサイトにリダイレクトし、URLをm.example.comに変更します。

  2. URL(example.comなど)を保持し、モバイル向けに最適化されたテンプレートでテンプレートを変更する

また、検索エンジンがこの変更をどのように見るかについても知りたいです。

3
m3tsys

モバイルバージョンに関しては、UXは主に2つのことに関係しています。

  1. そのcontentとlayoutは画面サイズに適しています。
  2. そして、サイトはすばやくロードされます(ほとんどのレスポンシブレイアウトはすべてのグラフィックをフルサイズでロードしますが、小さいものとして表示します)。

モバイルのみのバージョンを提供するサブドメインリダイレクトは読み込み速度を処理しますが、ビジネス上の問題を引き起こします:SEOの影響(検索エンジンはサブドメインを個別のサイトとして扱い、それに応じてインデックスを作成します)。したがって、サーバーやSEOシャーマンよりも優れたWebコーダーであるかどうかを判断する必要があります。より適切にコーディングできる場合は、開発と読み込み速度の問題を修正できるいくつかの方法を次に示します。

4
dnbrv

ベースURLを維持し、デザインをユーザーに即応性のあるものにすることが常に最善であると私は思っています。 22インチワイドスクリーン用の別のテンプレートから、iPhoneなどの別のテンプレートに至るまで。

http://www.smashingmagazine.com がレスポンシブテンプレートを使用してサイトを再設計した方法をご覧ください。

0
James Wilkinson

標準のURLを使用してモバイル向けに最適化されたテンプレートを作成します。 CSSの使用@mediaタグを使用すると、時間がかかりすぎたり、複雑すぎたりすることなく、ユーザーのデバイスに基づいてサイトを完全にスタイル変更できます。基本的には、サイトをモバイル向けに最適化せずに、ユーザーが携帯電話を使用しているときに非表示またはスタイルを変更してモバイル向けに最適化することができます。詳細はこちら http:// css-tricks .com/css-media-queries /

0
henryaaron