高速な広告は重要

広告の速度を向上させることで収益とユーザーの満足度を高める方法と、広告の速度を改善する方法について学習します。

Gustav Ernberg von Heijne
Gustav Ernberg von Heijne
Jonathon Imperiosi
Jonathon Imperiosi
Rob Hazan
Rob Hazan

多くのウェブ パブリッシャーがそうであるように、ビジネスでも価値の交換というシンプルなものを提供しています。つまり、ユーザーにとって価値のあるコンテンツを提供し、その過程で関連性の高い広告を表示して、収益を生み出しているのです。広告によってコンテンツの読み込みが遅くなっていたら 取引を継続できていますか?

この投稿では、広告の読み込み速度があらゆるユーザーにメリットをもたらす仕組みと、サイトに表示される広告の速度を調査して改善する方法について説明します。

高速広告が重要な理由

高速広告はユーザー エクスペリエンスの向上につながる

サイトを訪れるユーザーは、娯楽、情報、新しいことを学ぶためにサイトにアクセスし、サイトの読み込みが速く、中断も最小限に抑えられることを期待しています。サイトがその点でユーザーに役立つ場合、リピート回数が増える傾向があります。ビジネスにとって広告が必要な場合もありますが、広告によってサイトの動作が遅くなれば、ユーザーの目的に支障をきたします。

ブラウザが操作できるリソース(メモリ、CPU、ネットワーク帯域幅)は限られています。広告で消費するリソースが多いほど、ページが完全かつインタラクティブになるまでの時間が長くなります。これは、セッションの長さ直帰率などのユーザー エクスペリエンス指標のドラッグとなる場合があります。可能な限り最も軽量な広告を配信し、それらを適切なタイミングで読み込むことで、これらの指標を改善できます(常にすぐに行われるとは限りません)。

多くの e コマース パブリッシャーにとって、ディスプレイ広告は二次的な収益源となっています。 ページ上に表示される広告は、主要なビジネス指標(販売、定期購入など)に悪影響を及ぼします。高速の広告では、ページの邪魔にならないようにすることで、主要なビジネス指標も向上します。

高速広告で収益を拡大

このトピックは広告主の視点から考えることもできます。広告がページ上に早く表示されるほど、画面に表示される時間が長くなり、ユーザーの目に留まり操作される可能性が高まります。表示回数とインタラクション数が増えると、広告主から見る広告スロットの価値も高まります。

反対に、インプレッション数視認範囲のインプレッションは、広告がページ上に表示されるまでの時間が長くなるほど減少します。この問題の大きさがわかるよう、下のグラフは、Google パブリッシャー タグを設定したウェブサイトのマルチ リクエスト モードで、各広告レスポンスの前に 100 ミリ秒から 1 秒の遅延を挿入したテストの集計データを示しています。点線は、広告の速度向上がインプレッション数と視認可能率の向上にどのようにつながるかを視覚化した推定値です。

1 秒の遅延を追加することで、インプレッション数はモバイル トラフィックで 1.1%、パソコン トラフィックで 1.9% 減少しました。

挿入されるレイテンシとインプレッション数の変化を示すグラフ
出典: Google 内部データ、2016 年 12 月~ 2017 年 1 月

1 秒の遅延を追加することで、視認可能率はモバイル トラフィックで 3.6%、パソコン トラフィックで 2.9% 低下しました。

挿入されるレイテンシと視認可能率の変化を示すグラフ
出典: Google 内部データ、2016 年 12 月~ 2017 年 1 月

広告の速度を考えるためのフレームワーク

最近のウェブサイトでは広告配信の設定が複雑で多様である傾向があり、広告をすばやく作成できる万能の方法はありません。以降のセクションでは、広告の速度について検討するためのフレームワークを提供します。要点は Google アド マネージャーに固有のものですが、別の広告サーバーを使用している場合にもこの原則は当てはまります。

広告の速度を改善したい理由を把握する

広告の速度を改善する取り組みを開始する前に、目標を明確にする必要があります。ユーザー エクスペリエンスを向上させるためですか?視認性を高めるには?両方?

具体的な目標がどのようなものであれ、時間の経過に伴う進捗状況を測定して追跡するために使用できる指標を特定することが重要です。適切な指標を設定すると、次のことが可能になります。

  • 自分が行った変更が正しい方向へ向かっているかどうかを確認できます。
  • A/B テストなどのテストを実施して、特定の変更の効果を評価します。

適切な指標を決定したら、簡単に追跡できるようにレポートを構成します。その場合は、ダッシュボードでレポートを定期的に確認することも、スケジュールを設定してメールで確認することもおすすめします。

インベントリと依存関係の把握

広告の読み込み速度を改善する機会を特定するには、まず、サイトがサポートする広告枠の種類と、それぞれの技術的な依存関係を把握する必要があります。

たとえば、サイトが次の広告枠タイプをサポートしているとします。

  • デスクトップ ビッグバナー
  • モバイルバナー

サンプルサイトでは、広告を読み込んで表示するために以下を使用しています。

  • 同意管理プラットフォーム
  • オーディエンス スクリプト
  • ヘッダー入札スクリプト
  • レンダリング フレームワーク

まず、広告枠タイプごとにフローチャートを作成し、広告の読み込みと表示の際にさまざまな依存関係がどのように作用するかを視覚化します。パソコンでのリーダーボード広告枠は次のようになります。

デスクトップ リーダーボードの広告枠タイプのワークフローの例。

一方、モバイルバナーなどの複雑な広告枠タイプの場合、次のようになります。

モバイルバナー広告枠タイプのワークフローの例。

次に、この情報を使用して次のようなシンプルなテーブルを作成します。このテーブルでは、各インベントリ タイプとその依存関係をわかりやすい形式でマッピングします。

広告枠のタイプ 同意管理プラットフォーム オーディエンス スクリプト ヘッダー入札スクリプト レンダリング フレームワーク
デスクトップ ビッグバナー ✔(X) ✔(A) -
モバイルバナー ✔(X と Y) ✔(A と B)

このようなインベントリ タイプと依存関係の概要を作成すると、最適化が必要なクリティカル パスと領域を特定できます。たとえば、一部の依存関係が不必要に追加され、削除して迅速に改善できる場合があります。この情報は、広告の読み込み時間を分析する場合に特に役立ちます。

改善点を把握する

広告の速度を改善するには、ページ上の最初の広告の読み込みに要する時間を短縮することに重点を置くことをおすすめします。この時間は、主に次の 3 つの間隔に分けることができます。

広告ライブラリの読み込みにかかった時間
最初の広告リクエストを発行するために必要なすべての広告ライブラリを読み込むのにかかる時間。広告リクエストの実行とは無関係なスクリプトを削除するか、スクリプトの読み込みを遅らせることで改善できる場合があります。
最初の広告リクエストまでの時間
広告ライブラリが読み込まれてから最初の広告リクエストが行われるまでの経過時間。ヘッダー入札リクエストを並列化し、メインスレッドをブロックするタスクを避けることで改善される場合があります。
最初の広告の表示に要する時間
最初の広告リクエストが送信されてから、最初に広告が表示されるまでの経過時間。広告の複雑さとクリエイティブのファイルサイズを減らすと改善する場合があります。

変更を開始する前に、どの指標を重視するかを決定する必要があります。最終的な目標はそれらすべてを最小限に抑えることですが、それぞれを改善する相対的な重要度は、個々の設定によって大きく異なります。

Lighthouse のパブリッシャー広告監査などのツールを使用すると、サイトを分析してボトルネックを特定し、何に重点を置くべきか十分な情報に基づいて判断できます。

おわりに

広告の速度の重要性について理解し、これについて検討するためのフレームワークが身に付けられたところで、次はサイトの改善点を特定し、広告の速度を速めることができます。最後に、AMP(高速広告を確実に生成できるフォーマット)で広告を作成することを検討します。