EzoicでCore Web Vitalsスコアを改善する17の方法【95点以上を獲得する実践テクニック】

この記事では、Ezoic広告を使用しながらCore Web Vitalsで95点を獲得するために私が実際に実施しているすべての手順を詳しく解説します。このスコアはモバイルとデスクトップの両方で達成できるものです。

Ezoicを導入するとサイトが遅くなると不満を漏らす投稿をよく見かけます。確かに、デフォルト設定のまま使用すればEzoicはサイトを遅くします。しかし、適切な設定を行えば、収益化と表示速度を両立することは十分可能です。

実際のスコア(証拠)

以下のスクリーンショットで、EzoicダッシュボードとGoogle Search Consoleに表示されている当サイトのスコアをご確認ください。

注意：この記事を執筆した後、サイトにいくつか変更を加えています。これらは今年第3四半期(最も収益性の高い時期)に向けてEPMVを向上させるためのものです。該当する変更点については記事内で紹介します。

参考までに：ここで紹介する変更の多くは、他の場所ではほとんど言及されていない内容です。

EzoicでのCore Web Vitalsスコア

以下は、当サイトのEzoicダッシュボードに表示されるスコアです。なお、サイトに変更を加えた場合、その効果が反映されるまで通常30日程度、場合によってはそれ以上かかることにご注意ください。

次に、Ezoicを利用している別のサイトの例です。

Google Search Console:Core Web Vitals

下記の通り、モバイル・デスクトップともに「良好」URLの割合は100%です。

モバイルについては一時的に「要改善」に低下したことがあります。原因は「LCPに関する問題：2.5秒超(モバイル)」として検出された問題でした。Search Consoleでは修正後に「修正を検証」ボタンを押して検証を開始する必要があるのですが、これに気づくのが遅れたのです。修正しても検証しないとステータスが更新されないので注意しましょう。

EzoicでCore Web Vitalsスコアを改善する方法

以下に、Core Web Vitalsスコア改善のために私が行っている変更を紹介します。重要度の高いものから順に説明していきます。

1. Ezoicネームサーバーで統合する

迷わずネームサーバー統合を選びましょう。プラグイン方式での統合も試しましたが、ページ読み込みごとに4〜6秒も余計にかかることが判明しました。

2. ファーストビューに広告を置かない

ページ読み込み時に画面内に表示される広告(ファーストビュー/above the fold)は、ページ初期読み込み時にロードされるため、初期表示速度を大きく低下させます。これはCore Web Vitalsスコアへの影響も最大です。

95点を達成するためには、最初の段落の下に1つだけ広告を設置しています。広告を一切置かなければ、さらに高いスコアが期待できます。

もちろん、ファーストビューの広告が多いほど収益(EPMV)は高くなります。そこで、Core Web Vitalsスコアを大きく落とさずにEPMVを最大化するための広告配置を以下に示します。

Ezoicプレースホルダーアドオンを使って、次の広告枠を配置しています。

1. 最初の段落の直下に1つの広告。高さは最大100pxに抑えます。
2. サイドバーに1つの広告。上部または中央に配置。ファーストビューに置くのはこの2つだけです。
3. サイドバー下部に1つの広告。サイドバーの一番下にスティッキー広告を設置します。サイドバーを長めに作り、この広告がファーストビューの下に来るように調整します。
4. 記事本文中。本文中には好きなだけ広告を配置します。これらの広告はスクロールで視界に入ったときにのみ読み込まれます。

3. ファーストビューに画像を置かない

考え方は広告と同じです。すべてのページでファーストビューに画像を置かないようにしています。ファーストビューにある画像はページ読み込み時にロードされますが、ファーストビューの下にあれば、Ezoicで設定しておけば訪問者がスクロールしたときにのみ遅延読み込み(lazy load)されます。

4. Ezoicのキャッシュ設定を改善する

Ezoicのキャッシュセクションには、把握しておくべき設定項目がいくつかあります。

• Cache Hit(キャッシュヒット)= 訪問者にキャッシュ済みのサイトコピーが配信された状態
• Cache Miss(キャッシュミス)= ページがEzoicとホスティングサーバーの両方から読み込まれた状態

理想は、キャッシュヒットをできるだけ多くすることです。下記のレポートを見ると、キャッシュヒット時のTTFB(Time To First Byte)は1.4秒であるのに対し、キャッシュミス時は2.3秒かかっており、約1秒の差があります。

このレポートを確認するには、Ezoicにログインし、サイトリストから対象サイトを選択 → ツールバーの「Analytics」→「Site Speed > Caching」と進みます。

後述の変更前は、キャッシュヒット約50%・ミス約50%でしたが、現在はヒット約80%・ミス約20%に改善されています。具体的には以下のように設定しました。

• Ezoicダッシュボードでサイトを選択
• 「Speed」をクリック
• 「Caching」をクリック

「Cache Setting Values」で以下の設定を変更します。

1. Default Cache Age:559200
2. Override Cache Control Headers:オン
3. Force Caching by Device Type:オン
4. Ignore Cache-Control: no-cache:オン

以上が私が変更した設定です。詳細はEzoic公式サイトでも確認できます。

5. アンカー広告を無効にする

アンカー広告とは、ページ下部に固定表示され、スクロールしても画面下に張り付いてくる広告のことです。ページ訪問時にすぐ読み込まれるため、読み込み時間に悪影響を与えます。

無効化すると、収益は約5〜10%減少すると見込まれます。デスクトップ/モバイル/タブレットごとに個別にオン・オフできます。

注：このサイトでは、記事公開後にアンカー広告を再度有効にしています。

無効化手順は以下の通りです。

1. サイトを選択
2. 「Monetization」をクリック
3. Ad Tester配下の「Anchor Ads Settings」をクリック
4. デスクトップ/タブレット/モバイルごとにオン・オフを切り替え

6. 動画広告を無効にする

アンカー広告と同様に、動画広告もページ読み込みのわずかに後にロードされます。無効化することでページ読み込み時間の改善につながります。

個人的には動画広告は有効にしていません。自分が他のサイトを閲覧するときに好まないからです。経験上、動画広告は収益を約5%程度上乗せしてくれるようですが、速度とのトレードオフになります。

無効化手順は以下の通りです。

1. サイトを選択
2. 「Monetization」をクリック
3. Ad Tester配下の「General Settings」をクリック
4. 「Floating Video Ad Unit」のチェックを外す

7. Ezoic推奨ホスティングへ移行する

これはサイト速度改善において最も重要な施策の一つだと考えています。Ezoicを利用する場合、一部のホスティングプロバイダーでは動作が遅くなることがあります。EzoicのIPを許可リストに登録したり、ボット向けの設定を行う必要があるためです。

私はすべてのサイトを高性能VPSからEzoic認定ホスティング会社へ移行しましたが、大幅な速度向上を実感できました。旧ホスティングでは、ファイアウォールがEzoicからのトラフィックをボットトラフィックとして判定してブロックしていたことが原因でした。

移行先は「A2 Hosting」の共有ホスティング(Turbo Boostプラン)です。

8. EzoicのIPを許可リストに登録する

ホスティング側でEzoicのIPを許可リストに登録することが重要です。登録しないと、大量のトラフィックがブロックされたり、少なくともスキャン処理が発生してサイトが遅くなる可能性があります。

9. AIプレースホルダーを無効にする

私は広告の表示位置を完全にコントロールしたいタイプです。AIプレースホルダーを有効にすると、ページ上部に非常に大きな広告が自動配置され、サイト速度を低下させる恐れがあります。

上のスクリーンショットは、実際に私のサイトに自動配置された広告の例です。すべてのサイトでAIプレースホルダーを無効にしています。

10. SSL設定を確認する

数ヶ月前にEzoicサポートと相談した際、サイト高速化のために推奨されたSSL設定があります。

SSL設定は2箇所で確認が必要です。EzoicダッシュボードとCloudflareです。両方とも「FULL」に設定しましょう。

Cloudflare側の設定

1. cloudflare.comにログイン
2. 対象サイトを選択
3. 「SSL/TLS」をクリック
4. 「Overview」をクリック
5. 現状の設定値をメモしておく(ロールバック用)
6. 「Full」を選択

Ezoic側の設定

同じことをEzoic側でも行います。

1. ezoic.comにログイン
2. 対象サイトを選択
3. ツールバーの「Settings」をクリック
4. SSLセクションの「Edit SSL Settings」をクリック
5. 現状の設定値をメモしておく
6. SSL Typeで「Full」を選択
7. 保存をクリック

11. Leapの設定

Ezoic Leapを必ず活用しましょう。メインツールバーの「Speed」→「Optimization Settings」からアクセスできます。

以下の設定が有効になっていることを確認してください。

• CSS:すべての設定を有効化
• Minify:すべての設定を有効化
• Images:「Set Explicit Width and Height」以外をすべて有効化
• Script Execution:すべての設定を有効化
• Static Asset Cache Policy:すべての設定を有効化
• Content:「Remove Scripts or Styles」以外をすべて有効化
• Pre-Connect:すべての設定を有効化

12. テーマ選び

WordPressを使用しているなら、軽量でページ表示の速いテーマを選びましょう。

私自身が実際に使っており、WordPressで入手できる最速クラスのテーマとしておすすめできるのは以下の2つです。

• Astra
• GeneratePress

2つのうち私はAstraの方が好みで、来年初めにはすべてのサイトをこのテーマに移行する予定です。

13. フォント

ベストプラクティスとしては、Google Fontsではなくシステムフォント(System Fonts)を使用することです。

システムフォントはサイト内部のリソースから読み込まれるため、表示が非常に速いのが特徴です。

Google Fontsはインターネット上にあるフォントのため、取得・ダウンロード・適用というプロセスが必要です。通常は高速ですが、ページ読み込みプロセスに余分な工程が1つ増えることになります。

WordPressでは、管理画面にログインして「外観 > カスタマイズ」からフォントを変更できます。下図はGeneratePressテーマにおけるシステムフォントの設定場所です。

ただし、すべてのテーマがこの方法でのフォント変更に対応しているわけではなく、styles.cssを直接編集する必要がある場合もあります。

14. Ezoicプラグインをインストールする

EzoicにはWordPress用プラグインが用意されています。

このプラグインを使うと、サイト上で特定の要素を読み込ませないように設定でき、ページ表示の高速化が期待できます。

インストール後、「wp-admin > 設定 > Ezoic > Speed Settings」に進み、「Set scheme-less urls」以外のすべてのチェックボックスにチェックを入れましょう。

15. EWWW Image Optimizerの導入と画像設定

Ezoicは画像圧縮や遅延読み込み系プラグインの併用を推奨していませんが、正しく導入・設定すればサイト速度向上に役立ちます。

Ezoic Leapにも画像の遅延読み込み・圧縮機能がありますが、サイト側であらかじめ圧縮しておけば、Leapがページ読み込み時に処理する負担を減らせます。

また、訪問者にキャッシュページが配信されなかった場合でも、以下の設定によりその訪問者のページ読み込み時間を短縮できます。

私はEWWW Image Optimizerを使用していますが、他のプラグインでも構いません。

まず、アップロード可能な画像サイズを変更します。

1. wp-adminにアクセス
2. 「設定」をクリック
3. 「メディア」をクリック
4. 大サイズ画像のサイズを編集

私は最大幅700px・高さ1024pxに設定しています。

次に、EWWW Image Optimizerの設定を行います。

1. wp-adminにアクセス
2. 「設定」をクリック
3. 「EWWW Image Optimizer」をクリック
4. 以下の設定を確認

• Remove Metadata(メタデータ削除):チェックあり
• Resize Images(画像リサイズ):WordPressの大サイズ画像設定と同じ値に
• Lazy Load(遅延読み込み):チェックなし(重要)
• WebP Conversion(WebP変換):チェックなし

これで、設定した寸法より大きな画像をアップロードすると、WordPressが自動的にリサイズします。EWWW Image Optimizerも圧縮を行うため、画像ファイルは最小限のサイズになります。

16. Simple YouTube Responsiveプラグインを導入する

Simple YouTube Responsiveは、ページ内のYouTube動画を遅延読み込みしてくれるプラグインです。YouTube動画を埋め込むと、訪問者がダウンロードする必要のあるデータ量が約1MB増加します。

このプラグインを導入すると、YouTubeのコードがサムネイル画像(遅延読み込み対応)に置き換えられます。

17. 競合するWordPressプラグインを確認する

EzoicのWordPressプラグインを使えば、他のプラグインがEzoicと競合していないかを確認できます。

1. wp-adminにログイン
2. 「設定」をクリック
3. 「Ezoic」をクリック
4. 「Compatibility Warnings(互換性警告)」を確認

下のスクリーンショットでは、EWWW Image Optimizerの削除が推奨されています。ここに表示されたプラグインを確認し、不要であれば削除しましょう。