使用して各デバイスでのページのレンダリングを変更する設定方法です。アルゴリズムによって自動的に検出されます。デザインでは、画面サイズに合わせて調整する同一のコードがすべてのデバイスに配信されます。タグを使用して、コンテンツの調整方法をブラウザに指示できます。詳細については、ウェブの基礎をご覧ください。使用するページがあらゆるデバイスに適応できることをブラウザに知らせるには、ドキュメントのヘッダーに次のようなメタタグを追加します。タグは、ページのサイズやスケーリングを、デバイスの幅に合わせてどう調整するかをブラウザに伝えます。ピクセル)でページがレンダリングされます。ブラウザがフォントサイズを大きくし、画面に収まるようにコンテンツを縮小する、またはコンテンツの一部のみを表示する、といった調整を試みます。この調整により、ユーザーにとってはフォントサイズの統一感が失われることがあります。コンテンツを表示して操作するためにダブルタップやピンチ操作によるズームが必要になることもあります。フレンドリーとは見なさない場合があります。指定していないページです。ブラウザがパソコン画面の幅を想定し、画面に収まるようにページを縮小しているため、コンテンツが読みづらくなっています。ブラウザ側でページの縮尺を変える必要がなく、コンテンツが読みやすい大きさで表示されています。要素を含めるようにしてください。アルゴリズムでも正常に扱われます。デザインをおすすめする理由は以下のとおりです。つなので、ユーザーによるコンテンツの共有やリンクが簡単になります。アルゴリズムに伝える必要がなく、インデックス登録プロパティが正確にページに割り当てられます。同じコンテンツのページをいくつも維持管理する手間が省けます。モバイルサイトでよくある誤りに陥る可能性を抑えることができます。ユーザーをデバイスごとに最適化したページにリダイレクトする必要がないため、読み込み時間を短縮できます。エージェントの正確な検出をご覧ください)。サイトをクロールするために必要なリソースを節約できます。エージェントがページを一度クロールするだけで済みます。エージェントが何度もクロールしてコンテンツのすべてのバージョンを取得する必要はありません。よるクロールの効率が上がることは、間接的には、サイトのコンテンツがより多くインデックスに登録され、適切な間隔で更新されることにつながります。セントラルのブログ投稿をご覧になり、ウェブの基礎のサイトをご確認ください。方法でブロックすることのないようにしてください。アルゴリズムによって検出され、適切に処理される可能性が高くなります。サイトを適切に実装するには、よくある誤りを避けてください。どのように使って各種デバイスでのサイトのレンダリングと動作を変更するかです。一般的な用途には、ページに表示する広告や画像の解像度の決定などがあります。デザインの利用にそれがどのように関連するかを説明します。コンテンツを配信します。デバイスで実行されたときに、サイトのレンダリングや動作が変更されます。必要な場合は、この設定をおすすめします。サーバー側の両方でデバイス機能を検出し、各デバイスに異なるコンテンツを配信します。次に、これらの各設定を詳しく説明します。適応この設定では、すべてのデバイスに同じコンテンツ(HTML、CSS、JavaScript、画像)を配信します。実行されたときにのみ、サイトのレンダリングや動作が変更されます。デザインの動作に似ています。リクエストするとします。リクエストするすべてのデバイスは同じコードを取得します。デバイスを検出して、ページになんらかの変更を加えることを決定します。パソコン向けの画像や広告コードの代わりにスマートフォン向けの画像や広告コードを組み込みます。アルゴリズムはこの設定を自動的に検出できます。ヘッダーは必要ありません。使う必要がある場合はこの設定をおすすめします。連携してデバイスの機能を検出し、配信されるコンテンツを変更します。あるサイトで、デバイスがパソコンかスマートフォンかに応じて、コンテンツのレンダリングを変更するとします。ウェブサイトに組み込むことができます。検出した画面サイズはサーバーに送信され、デバイスに送信するコードをサーバーが更新または変更します。返すので、この設定方法は動的な配信の一種と見なされます。ヘッダーを組み込む必要があります。コードは動的に配信されます。ヘッダーと一緒に配信することをおすすめします。エージェントごとに異なる可能性があることを知らせるシグナルです。ファイルをクロールするためのシグナルでもあります。