高速な広告は重要

広告の速度を改善することで収益を増やし、ユーザーの満足度を高める方法と、広告の速度を改善するためのアプローチについて説明します。

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

ウェブ上のほとんどのパブリッシャーと同様に、お客様のビジネスでは、ユーザーにとって価値のあるコンテンツを提供し、その過程で関連性の高い広告を表示して収益を上げるというシンプルな価値交換を行っていることでしょう。しかし、広告によってコンテンツの読み込みが遅くなる場合、約束は守られていると言えるでしょうか?

この記事では、広告の高速化がすべての人にメリットをもたらす仕組みと、サイトで広告の速度を調査して改善する方法について説明します。

広告の読み込み速度が重要な理由

高速な広告はユーザー エクスペリエンスを向上させる

ユーザーは、楽しんだり、情報を得たり、新しいことを学んだりするためにサイトにアクセスします。そのため、サイトがすばやく読み込まれ、中断が最小限に抑えられることを期待しています。サイトがユーザーのニーズをうまく満たしていれば、ユーザーはサイトを頻繁に訪れる傾向があります。広告はビジネスに不可欠なものですが、サイトの速度を低下させている場合は、ユーザーの目的と矛盾が生じます。

ブラウザで使用できるリソース(メモリ、CPU、ネットワーク帯域幅)は限られています。広告がこれらのリソースを消費するほど、ページが視覚的に完了して操作可能になるまでの時間が長くなります。これは、セッション時間直帰率などのユーザー エクスペリエンス指標に影響する可能性があります。これらの指標を改善するには、可能な限り軽量な広告を配信し、適切なタイミング(必ずしもすぐではない)で読み込むようにします。

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

広告の読み込みが速いほど収益が増える

このトピックについて考える別の方法として、広告主様の視点から考える方法があります。広告がページに表示されるのが早ければ早いほど、画面に表示される時間が長くなり、ユーザーに閲覧され、操作される可能性が高くなります。視聴回数とインタラクションが増えるほど、広告主にとっての広告枠の価値も高まります。

逆に、広告がページに表示されるまでの時間が長くなるほど、インプレッション数視認可能なインプレッション数は減少します。この問題の大きさを把握するため、以下のグラフは、Google パブリッシャー タグがマルチリクエスト モードで設定されているウェブサイトの 40 億インプレッションを対象に、各広告レスポンスの前に 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 つの主な間隔に分類できます。

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

変更を開始する前に、これらの指標のうちどれに重点を置くかを決定する必要があります。最終的な目標はすべてを最小限に抑えることですが、それぞれの改善の相対的な重要性(およびそのために使用する手法)は、具体的な設定によって大きく異なります。

Publisher Ads Audits for Lighthouse などのツールを使用すると、サイトを分析してボトルネックを特定し、注力すべき対象について十分な情報に基づいて判断できます。

まとめ

広告の速度の重要性と、その考え方の枠組みを理解したら、サイトの改善点を見つけて広告を高速化しましょう。最後に、高速な広告を確実に作成できるフォーマットである AMP で広告を作成することを検討してください。