目次:
- は、CSSと一連のコード化されたルールを使用してデスクトップコンテンツの外観を動的に調整して、異なるモバイルデバイスの画面サイズのパラメータ内にある。レスポンシブなデザインでは、JavaScriptと
- 共有インデックス作成
- は、そのコンテンツがデスクトップコンピュータまたはモバイルデバイスに配信されているかどうかにかかわらず、すべてのコンテンツに対して単一のURLセットを使用する。しかしそれが類似点が終わるところです。
- 。この選択肢を使用する場合は、サーバーを設定してデバイスを検出し、ユーザーを適切なサイトに送信する必要があります。 m。ドメイン。 com
- あなたの訪問者があなたのウェブサイトにアクセスするために「スマート」ではない古い電話を使用するとき。
ビデオ: 2017 年 GMN (Google Marketing Next) キーノート・スピーチ 2025
あなたはSEOのためのあなたのサイトを開発する際にモバイル利用を考慮に入れる必要があります。デスクトップコンピュータのモニターとスマートフォンのサイズが大きく異なるため、モバイル用に設計すると、次の3つのうちのいずれかを実行する必要があります。
デスクトップ形式からモバイル形式にコンテンツを動的に調整するレスポンシブなウェブデザインを構築する
-
モバイル体験デバイスを特定し、モバイルコンテンツがページごとにどのように配信されるかを制御する動的なサービス
-
<!モバイルユーザー向けに個別に設計されたモバイルサイトを作成する
現在、レスポンシブデザインは、GoogleとBingの両方が推奨するモバイルフレンドリーな構成です。 -
オプション1:レスポンシブなデザイン
レスポンシブデザイン
は、CSSと一連のコード化されたルールを使用してデスクトップコンテンツの外観を動的に調整して、異なるモバイルデバイスの画面サイズのパラメータ内にある。レスポンシブなデザインでは、JavaScriptと
クライアント側のサービス を使用して、サーバーが既にページを読み込んだ後にページがモバイルブラウザまたはデスクトップブラウザに表示される方法を変更します。 <! - 2 - > このようにデバイスタイプの作業に基づいてウェブサイトの表示を調整するレスポンシブデザインを使用するWebサイト。レスポンシブデザインを使用するウェブサイトは、そのコンテンツがデスクトップコンピュータまたはモバイルデバイスに配信されているかどうかにかかわらず、すべてのコンテンツに対して単一のURLセットを有する。 <! - 3 - > bruceClay。 comはレスポンシブなウェブデザインを使用しているため、デスクトップコンテンツ(左)とモバイルコンテンツ(右)は全く同じURLを持っていますが、デバイスごとに異なるように見えます。
レスポンシブデザインを使用する場合一貫したデスクトップとモバイルエクスペリエンスが必要な場合。
共有インデックス作成
のメリットがあり、モバイルランキングが向上する可能性があります。
-
デスクトップとモバイルの訪問者を同じように変換したい場合。
-
開発リソースが限られている場合、カスタムコンテンツを使用してカスタムのモバイルエクスペリエンスを維持できる可能性があると思われます。 1つのサイトのメンテナンスと検索エンジンのインデックス作成を管理する場合。 オプション2:動的配信
-
動的配信
-
は、訪問者が自分の端末専用に最適化されたユニークなコンテンツを配信するために使用しているデバイスのタイプを検出するサーバー側の開発アプローチです。応答可能な設計と同様に、
-
動的サービス
は、そのコンテンツがデスクトップコンピュータまたはモバイルデバイスに配信されているかどうかにかかわらず、すべてのコンテンツに対して単一のURLセットを使用する。しかしそれが類似点が終わるところです。
レスポンシブウェブデザインはコンテンツの 外観 を動的に調整しますが、URLはそのままです。動的配信では、URLは同じままですが、モバイルデバイスに配信されるコンテンツは、デスクトップデバイスに配信されるコンテンツと必ずしも同じではありません。コンテンツのこの相違は可能である。なぜなら、動的サービングは、コンテンツがサーバに配信される前にコンテンツ・コードを要求するデバイスに基づいてコンテンツ・コードを変更するサーバ側のアプローチであるからである(999)。ブラウザ。このコードにより、サーバーはページのURLを変更せずにページのコンテンツを変更することができます。 ウェブサイトがモバイルデザインにダイナミックなサービスを提供している状況で、何が起こっているのか。
ダイナミックサービングを使用する場合 ダイナミックサービングを使用することは、次の5つの状況で特に意味があります。 マルチサイトフォームやインタラクティブツールダッシュボードなど、モバイルフレンドリーな複雑な機能をウェブサイトに組み込む必要がある場合。
あなたのウェブサイトが2つの異なるデバイス市場に非常に異なるサービスを提供する必要があることがわかったとき。いくつかの例は、あなたのiPhoneユーザーがあなたのAndroidユーザーとはまったく異なる方法で変換を行うか、またはスマートフォンユーザーのためにタブレットユーザーとは異なる方法でページをレンダリングすることです。 あなたの訪問者は、デスクトップ検索とモバイル検索であなたのウェブサイトにアクセスするために、主に異なるキーワードを使用します。 あなたのデスクトップ訪問者とモバイル訪問者が異なる方法で変換したいとき。
複雑なクリーンなコードを手作業でコーディングして管理するのに苦労している強力な開発リソースがある場合。 オプション3:別のモバイルサイトの構築 モバイルサイト は、モバイルデバイスユーザー用に特別に作成された別のWebサイトのようなものです。別のモバイルサイトでは、ユーザーは mのような固有のドメインに存在するモバイル専用のWebサイトにリダイレクトされます。ドメイン。 comまたは
。この選択肢を使用する場合は、サーバーを設定してデバイスを検出し、ユーザーを適切なサイトに送信する必要があります。 m。ドメイン。 com
モバイルサイトの設計。 "モバイルサイトの設計
-
別のモバイルサイトの重要な技術的実装は、標準的なタグを適切に使用することです。モバイルページには、関連付けられたデスクトップページを指す標準的なタグが含まれているため、デスクトップサイトの信頼、権限、およびリンクの平等性もモバイルサイトに関連付けられます。詳しくは、Google Developersのドキュメント >別個のモバイルサイトを構築する場合
-
あなたのビジネスが別個のモバイルサイトを構築するのが最も理にかなっている場合は、特に次のような場合があります。
-
デスクトップWebサイトに要素を目立つようにモバイルデバイスでうまくレンダリングされません。
-
モバイル固有のコンバージョンフローを構築する必要がある場合や、訪問者がモバイルで検索用語を使用する場合、その用語はデスクトップ上で使用する検索用語とは大きく異なります。
-
ページがたくさんあり、リソースが限られている巨大なウェブサイトがあるとき。モバイルサイトは、モバイルユーザーにあなたのウェブサイトコンテンツのより小さく洗練されたサンプリングを示すソリューションです。
あなたの訪問者があなたのウェブサイトにアクセスするために「スマート」ではない古い電話を使用するとき。
別のモバイルサイトを構築、更新、および維持するためのリソースがある場合。
