Adsense 和 Core Web Vitals 可以正常工作——方法如下

已發表: 2022-12-03

Adsense And Core Web Vitals

無論您閱讀什麼內容,Adsense 和 Core Web Vitals 都可以愉快地合作。

是的,起初,我在使用 Adsense 時遇到網站速度和頁面加載緩慢的問題,尤其是在移動設備上。

但是通過一些調整併了解谷歌如何計算核心網絡生命力 (CWV),我的網站現在在谷歌搜索控制台 (GSC) 上獲得了所有綠色信號。

我學到的最有價值的一課是速度測試網站,包括 PageSpeed Insights,不是很可靠,而且經常會產生誤導。

在本文中隱藏
Adsense 可以通過 Core Web Vitals 的證明
1.先檢查沒有Adsense
2. 使用 Adsense 頁面檢查您的核心網絡生命力
4. 最後一個測試
4. 通常都是關於第一個字節的時間
5. 修復——Cloudflare 和 Cloudflare 的超級頁面緩存
6.其他快速提示
這一切都值得嗎?
結論

Adsense 可以通過 Core Web Vitals 的證明

為您的 Adsense 頁面獲得良好 CWV 分數的最大因素是改善您的首字節時間。 稍後將詳細介紹如何執行此操作。

其次,如果您的頁面頂部有 Adsense 廣告,則需要使用 CSS 為廣告留出空間。

最後是限制每個頁面上的廣告數量,因此 Adsense Auto-Ads 不是一個好舉措。

我在移動版上插入兩個廣告,在桌面版上插入三到四個廣告,具體取決於頁面長度。

這是我的 Google Search Console 頁面體驗報告告訴我的內容。

CWV page experience mobile adsense and core web vitals

CWV page experience desktop adsense and core web vitals

如您所見,移動設備和桌面設備上的每個指示器都是綠色的。

但要獲得這些報告,您需要每月有合理的流量。 谷歌沒有說多少,但這篇文章解釋了為什麼你可能看不到任何數據。

如果是這種情況,您可以使用其他方法來測試您的網站。

1.先檢查沒有Adsense

第一步是測試您網站上沒有 Adsense 廣告的一些網頁。

但請確保您在所有測試中都使用隱身窗口,因為它會更加準確。

首先,使用 Google Mobile-Friendly Test 測試您的網站和頁面。 如果你通過了,繼續前進。 如果沒有,您將需要解決任何問題。

您可以使用 PageSpeed Insights 或 GTMetrix 等工具進行測試。 但一個問題是大多數網站都有一個 Cookie 同意橫幅。 因此,您所有的測試都將始終包含橫幅腳本。

更好和最好的檢查方法是使用開發人員工具。

使用 cookie 橫幅運行 Lighthouse 報告(與 PageSpeed Insights 相同)。 然後在關閉橫幅後再次測試。

然後對性能報告執行相同的操作。

如果橫幅的結果更糟,您可能需要找到更好的插件或找到縮短加載時間的方法。

但如果您的網站優化得相當好,您應該看到以下內容。

Performance no ads
績效報告

如果您看到累積佈局偏移的紅色警告,您應該檢查它們發生的位置。 但除非它們是大的轉變,否則它們並不總是一個問題。

Lighthouse no ads
燈塔報告

交互時間通常不是問題。

它通常是由 Google Analytics 引起的,尤其是當您同時運行通用腳本和 GA4 腳本時。

也可能是您在頁腳中運行了腳本。

如果您收到上述所有綠色信號,那麼您的網站已經過優化。

2. 使用 Adsense 頁面檢查您的核心網絡生命力

再次進行相同的測試,但使用插入廣告的頁面。

如果您遇到在 GSC 上的頁面體驗報告中沒有數據出現的問題,這些測試將對您有所幫助。

這是我的實時網站上移動設備和桌面設備的性能和 Lighthouse 報告,因此您可以將它們與您的網站進行比較。

Mobile performance with ads
包含廣告的移動效果報告

您可以看到 Largest Contentful Paint (LCP) 和 First Input Delay (FID) 的綠色分數。

但是,是的,內容佈局偏移 (CLS) 有紅色警告。 這些來自頁面下方插入的 Adsense 廣告。 但我很快就會告訴你為什麼這些通常不是問題。

現在讓我們看看 Lighthouse 報告。

Lighthouse mobile with ads
帶有廣告的 Lighthouse Mobile

紅色警告看起來很糟糕,但這些因素,交互時間 (TTI) 和總阻塞時間 (TBT),對於 CWV 根本不算數。 所以他們不用擔心。

三個主要優先級是 LCP、FID 和 CLS。 如您所見,性能重新發布中的 CLS 警告非常小,因此沒有問題。

只要您的 CLS 低於 0.1,就可以了。

Lighthouse desktop with ads
帶廣告的燈塔桌面

同樣,每個主要的 CWV 因素都是綠色的,並且都通過了 Adsense 的 Core Web Vitals。

它證明的是,您不應該以性能數字為指導,尤其是對於移動設備。 您可以以 45 或 95 分通過 CWV。

我的頁面幾乎總是有 45-65 分,而且它們都通過了頁面體驗報告。

如果您的測試給出與我上麵類似的結果,您的頁面和網站可能會通過。

只是看不到GSC上的數據來驗證而已。

4. 最後一個測試

但是你可以做另外一個非常簡單的測試。

拿起手機,關閉 wifi。

現在使用蜂窩數據檢查您網站上的幾個頁面。

如果加載時間超過一秒或更長時間,則您需要做一些工作。

4. 通常都是關於第一個字節的時間

好的,您嘗試了所有測試,但您的網站未通過 Adsense 的 Core Web Vitals。

但正如我所發現的那樣,問題往往不是您的網站結構、主題甚至插件; 這是您的第一個字節時間 (TTFB)。

事實上,TTFB 將成為一種新的 CWV 信號。 所以它比以往任何時候都更重要。

不要驚慌,因為有一個有效的解決方案。 嗯,它對我有用,希望它也對你有用。

也許像你一樣,我真的在 Adsense 上掙扎了幾個月導致 CWV 出現問題。

但我偶然發現了一個快速且相對簡單的修復方法,它解決了許多問題。 它使用 Cloudflare 並更改您的緩存插件。

通過這兩項更改,我將 TTFB 從大約一秒(在某些網站上甚至更多)減少到 50 毫秒以下。

Without aggressive caching 2
沒有積極的緩存
Without aggressive caching
沒有積極的緩存
With aggressive caching
具有積極的緩存

您可以使用 GTMetrix 檢查您的站點以獲取上述瀏覽器計時數據。

最好的部分是您不需要超高速主機服務器。 此修復適用於大多數共享託管服務器帳戶和世界任何地方託管的站點。

5. 修復——Cloudflare 和 Cloudflare 的超級頁面緩存

如果您不使用 Cloudflare,您應該使用。

不僅因為速度優勢,還因為 Cloudflare 防火牆的安全性。

這篇文章不是關於如何將您的站點添加到 Cloudflare 的。 但是您可以在此處找到教程。

一旦您的站點位於 Cloudflare 上,您就可以將 Cloudflare 的超級頁面緩存添加到您的 WordPress 站點,或者更好的是,您的測試站點。

它使用 Cloudflare Cache Everything 頁面規則,開箱即用。 因此您不需要更改許多或任何默認設置。

唯一的警告是你只能使用一個緩存插件。

因此,在安裝之前,您必須禁用站點上當前擁有的任何緩存插件,例如 W3 Total Cache 或 Super Cache。

但是,您可以而且應該繼續使用 Autoptimize 來縮小和聚合您的 CSS 和 JS。

Autoptimize 與 Super Page Cache for Cloudflare 集成並無縫協作。

這聽起來像是一項工作,確實如此,但值得付出努力。

如果您不確定,請檢查插件的評論以及支持請求,這些請求總是會得到及時答复。

我只能說這個緩存插件解決了我遇到的 95% 的 Adsense 減慢我的網站的問題。

通過簡單地減少 TTFB,LCP、FID 和 CLS 等其他問題就會減少或消失。

這是因為您將在 TTFB 上節省的第二個左右允許您的 Adsense 代碼加載得更早。

請注意,我與 Super Page Cache for Cloudflare 沒有任何關係。 我只是一個用戶,享受它提供的好處。

6.其他快速提示

如果您有首屏廣告,則需要使用 CSS 高度屬性預留一些空間。

如果您使用廣告插入器,這很容易。 只需編輯您的 CSS 設置。

CSS height settings

但是,如果您想手動編寫代碼,可以將此行添加到您的 Adsense 代碼中,就在<ins class="adsbygoogle".

您可能需要進行試驗,但 28o 和 300px 之間通常適用於桌面廣告。

最後一個提示是不要復制您的 Adsense JS 腳本。

僅在頁面上的第一個廣告中使用這部分代碼,然後將其從任何後續廣告中刪除。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxxxxxxx"
crossorigin="anonymous"></script>

如果您在桌面和移動設備上有不同的廣告,請在每個版本的第一個廣告上使用上面的腳本。

這一切都值得嗎?

一如既往,答案是視情況而定。

有人說 Core Web Vitals 並不是一個重要的排名因素。

但谷歌的 John Muller 對 CWV 是這樣說的:

它是一個排名因素,不僅僅是決勝局,但也不能取代相關性。

我只能說,根據我的經驗,提高我的 CWV 有助於在 Google 搜索中獲得更高的查詢排名。

這是 PageSpeed Insights 不是最佳檢查方式的真實證據。

在下圖中,您可以看到 CWV 評估是針對“此 URL”而不是原始平均值。

所有真實用戶 CRUX(Chrome 用戶體驗報告)數據都是綠色的。 所以這個頁面很快並且通過了 Adsense 加載的所有測試。

但是看看下面的 PageSpeed Insights 性能報告。 它是 62,這意味著糟糕。

真正的 LCP 是 1.4 秒,但 PageSpeed Insights 實驗室測試顯示是 5.9 秒!

這是一個很好的例子,說明了為什麼您不能相信實驗室數據速度測試。

Core web vitals for real users

因為我確信我網站的頁面速度很快,所以它幫助我獲得了更多的自然流量,並且我的 Adsense 收入也增加了。

Adsense earnings with good core web vitals

您可以做很多測試,可以收集很多數據。 但對我來說,上圖是唯一重要的。

我在一年多前實施了我的修復,所以結果很清楚。

讓 Adsense 與 CWV 配合使用不僅增加了我的自然流量,還增加了我的收入。

結論

如果您在自己的網站上使用 Adsense,您就會知道它有時會充滿挑戰。

剛接觸 Adsense 的博主很快發現,依賴社交媒體的流量通常會導致無效點擊。

要取得成功,您需要來自搜索引擎的優質流量,因此您需要出色的 SEO。

使用 Adsense 改善您的 Core Web Vitals 只是良好 SEO 的一小部分。 但是您可以做出的任何改進總是一個加號。

是的,您需要一些技術能力,並且需要時間來學習如何使用這個激進的緩存插件並適應您的習慣。

但對我來說,它工作得非常好,當然值得付出努力。

相關閱讀:如何檢查您的 Adsense 帳戶中的無效流量