オンラインマーケティングの究極ガイド: レスポンシブ Web デザイン

2 月の時点で、米国のスマートフォン ユーザー数は 50% 近くに達しています。2012 年は世界の終わりの年と呼ばれるだけでなく、「モバイルの年」とも呼ばれており、多くの最適化担当者や Web サイト設計者がモバイル ユーザー エクスペリエンスに投資する必要があることを意味します。モバイル トラフィックのシェアをチェックして分析します。対応する Web デザインを通じて、オンライン マーケティングの効果をどのように向上させることができますか?

1. レスポンシブ Web デザインとは何ですか?

簡単に言えば、レスポンシブ Web デザインとは、CSS フルード レイアウト (大画面に遭遇したときに可能な限り拡大する) を使用し、現在の画面サイズに基づいてデバイスに異なるスタイルシートを適用する後輪駆動技術です。レスポンシブ デザインを使用すると、Web サイトはフル ブラウザー、スマートフォン、iPad やその他のタブレット (横向きと縦向き)、さらにはテレビなど、ほぼすべてのデバイスに適合します。レスポンシブ デザインが正しく実装されていれば、すべてのデバイスでページ コンテンツを完璧に表示できます。

2. レスポンシブWebサイトをクロール/インデックスする方法

（１）這う

約 6 か月前、Google は iPhone のユーザー エージェントを模倣した新しいスマート クローラーを発表しました。このクローラーは画面のサイズを変更するだけで、モバイル ユーザー エージェントのコンテンツは変更しないため、モバイル上の Googlebot は Web サイト全体のコンテンツ (HTML、CSS、画像など) にアクセスできます。唯一の違いは、舞台裏でメディアクエリを使用することで、Google が CSS を読み取って理解し、モバイルサイト上でそれらの要素を非表示にできることです。

（２）インデックスとキャッシュの実験

デスクトップ ページと同じ URL にあるページのモバイル バージョンをクロールする場合 (RWD またはユーザー エージェント ターゲティング経由)、Google はページのモバイル バージョンをキャッシュしません。また、現在のところ、Google はモバイルのみの訪問者であることを示すコンテンツを無視しているようです。

3. レスポンシブウェブデザインのメリットとデメリット

（１）レスポンシブウェブデザインの利点

ユーザー エクスペリエンス (UX): この Web サイトはあらゆる画面サイズに適応するため、長期的なソリューションとして最適です。現在、多数のデバイス (モバイル/タブレットを含む) が UX によって決定されています。モバイル ユーザーにとって重要でない要素を非表示にすると、ユーザーが目的をより早く達成できるようになります。

分析: モバイル旅行者に関する洞察を得るには、サイト内のすべてのリンクを完全なビューに整理する「モバイル専用」属性を作成します。

共有リンク: 1 つの URL を使用してすべてのリンク共有と価値を蓄積し、効果的なインバウンド リンクを使用すると、クリックするかどうかに関係なく、モバイル バージョンから完全な閲覧ページを表示できるため、ユーザー エクスペリエンスをさらに向上できます。

SEO: URL の蓄積、PR リンク、ページ管理などはすべて SEO 最適化に非常に役立ちます。

（２）レスポンシブウェブデザインのデメリット

ユーザー エクスペリエンス/読み込み時間: ユーザーは不要な HTML/CSS コードのダウンロードに多くの時間を費やす必要があり、画像は縮小されるだけでサイズ変更されないため、ページの読み込み時間が長くなるという悪影響があります。

SEO: RWD では、モバイル ユーザー向けにタイトル、説明、コンテンツを簡単に調整することはできません。モバイル ユーザーはさまざまなキーワードを使用し、音声検索や一部の垂直検索を使用する可能性が高くなります。Google のキーワード ツールを使用して、モバイル検索とデスクトップ検索を分離すると、大きな違いが生じる可能性があります。また、Google は同じ URL にあるモバイル専用コンテンツに基づいてサイトをランク付けしません。レスポンシブ サイトが特定のモバイル専用コンテンツのユーザー エージェントをターゲットにしている場合、そのサイトはインデックスに登録されず、サイトのランク付けにも使用されません。

元の記事は、http://www.kaililong.net/seotuijian.htm のウェブマスターによって最初に公開されました。転載する場合は、有効なリンク アドレスをそのままにしておいてください。ありがとうございます。

元のタイトル: オンラインマーケティングの究極ガイド: レスポンシブ Web デザイン

キーワード: オンライン マーケティング、販売終了、エクストリーム インデックス、レスポンス、Web ページ、2 月現在、米国、スマートフォン、ユーザー、ウェブマスター、Web サイト、Web サイトのプロモーション、収益化