營銷人員如何為頁面體驗的下一步做準備

已發表: 2021-12-15

當谷歌的頁面體驗更新在 9 月初完成推出時,它改變了搜索引擎評估網站的方式——即重新強調用戶體驗信號。 在 SMX Next 的會議上,技術 SEO 產品顧問兼 Ahrefs 品牌大使 Patrick Stox 指出,在接下來的幾個月中,此更新發生了一些重要變化,這繼續讓許多 SEO 感到困惑。

“安全瀏覽已經過時了,”他說,“而且累積的佈局變化也發生了一些變化。 這是變化最大的五秒鐘。 谷歌還從頭條新聞要求中刪除了 AMP,許多新聞網站都在考慮放棄它。”

圖片:帕特里克斯托克斯。

頁面體驗更新的關鍵部分之一——Core Web Vitals——也是爭論最激烈的部分之一。 搜索引擎優化和代理機構質疑這些指標在排名方面有多大差異,導致斯托克斯等許多人更深入地研究數據。

“我們查看了大約 520 萬個單獨的頁面,我認為這是目前研究過的最大數據集,”他說。 他的研究發現,其中只有 11.4% 符合 Core Web Vitals 的推薦標準。

這就引出了一個問題:Core Web Vitals 優化是否必要?

“也許這些都是小的排名因素,”斯托克斯說,“但我認為如果你從 SEO 的角度來爭論,你就會失敗。 許多谷歌員工現在表示,這些都是小因素,是決勝局信號。”

“當它不會對搜索引擎優化產生巨大影響時,很難獲得任何優先級,”他補充道。

儘管如此,Core Web Vitals 還是指出了頁面體驗的一些關鍵原則。 即使他們未能提供 SEO 所希望的排名提升,這些信號也指出了營銷人員想要轉化更多訪問者所必需的用戶體驗方面。 而且,隨著 Google 繼續將這些類型的信號添加到其算法中,您網站的可見性更有可能得到改善。

Stox 提供了營銷人員在優化頁面體驗更新時應該理解和優先考慮的五個概念。

越小越快

最大的 Contentful Paint (LCP) 衡量感知的加載速度,它是一個以用戶為中心的重要指標。 這是頁面上主要內容的加載點。

用戶希望盡快加載他們的內容也就不足為奇了。 但要做到這一點,營銷人員必須與他們的開發團隊合作以減少資源大小——資源越小,頁面加載速度越快,頁面獲得的 LCP 分數就越高。

圖片:帕特里克斯托克斯。

“如果你不需要什麼東西,就不要裝,”斯托克斯說。 “較小的網站速度更快,這意味著您需要壓縮 JavaScript 文件、CSS 和 HTML——讓所有內容盡可能小。 把不需要的東西扔掉。”

服務器位置很重要

您網站服務器的位置對其頁面體驗有直接影響。 這就是 Stox 建議營銷人員和網站所有者使用內容交付網絡 (CDN) 的原因。 這些地理分佈的服務器網絡可以協同工作以增強用戶體驗。

“幾乎每篇文章都會告訴你使用 CDN,”Stox 說。 “簡單來說,位置很重要。 它所花費的連接時間,從服務器獲取東西所花費的時間。”

他補充說,“如果你的網站在世界各地都有副本,那麼這個時間就結束了。”

圖片:帕特里克斯托克斯。

CDN 對於大型站點特別有效,因為它們使它們能夠從全球各地獲取資源。 反過來,這可以幫助確保您的內容在搜索者需要時提供給他們。

使用同一台服務器

Stox 指出,營銷人員在改善頁面體驗信號時應盡可能選擇使用單個服務器。 每連接一個額外的服務器都會增加渲染延遲,最終可能導致頁面加載時間變慢。

圖片:帕特里克斯托克斯。

“盡可能多地保存在同一台服務器上,”他說。 “每次連接到不同的位置都需要額外的時間,額外的往返。”

“如果你要使用額外的服務器,你需要 DNS 預取和預連接,”他補充道。

圖片:帕特里克斯托克斯。

添加預連接和 DNS 預取代碼可以作為替代方案。 這些可以幫助站點在服務器之間建立早期連接。

確保緩存設置正確

Stox 認為,從長遠來看,設置有效的緩存有助於提供良好的頁面體驗。 他建議 SEO 和網站所有者定期使用此功能來減輕服務器的壓力——即使首頁加載時間稍長。

“盡可能多地緩存,”斯托克斯說。 “你的第一次加載可能需要更長的時間,但之後的每一頁——他們已經下載了你的 CSS、你的 JavaScript、你的字體。 他們在他們的瀏覽器中。 那時它們存儲在本地,這意味著它將非常快。”

圖片:帕特里克斯托克斯。

在頁面資源加載中優先考慮項目

網頁需要加載許多資源,然後用戶才能查看和使用它們。 但有些資源比其他資源更重要。

“在瀏覽器中,你有字體、CSS、HTML 和 JavaScript——它們 [服務器] 必須弄清楚優先考慮什麼,”斯托克斯說。 “你需要加載將構成初始視口的東西——人們首先會看到的東西——然後其他所有東西都會稍後出現。”

圖片:帕特里克斯托克斯

目標應該是加載人們首先看到的東西,然後加載輔助資源。 以這種方式使用內聯編碼構建資源加載可以幫助您更快地將最重要的內容交付給用戶。

“當我說'內聯' CSS 時,我的意思是提取 CSS 文件的一部分並將其放入 HTML,”他說。 “因此,當下載 HTML 時,我獲得了可見頁面所需的 CSS。 我不必等待下載另一個 CSS 文件來處理它並開始渲染。”

“我們將優先考慮需要的事情,並且渲染可以通過這種方式提前發生,”他補充道。

最終,正如斯托克斯所指出的,像谷歌這樣的平台將變得足夠先進,以至於 SEO 不必過多擔心頁面體驗的這些技術方面:“我認為這些平台將為你解決很多這樣的速度問題,以便人們不必為此擔心太多。 SEO 不必打擾開發人員,開發人員也不必專注於它。”

但那個未來還有很長的路要走。 優化 Core Web Vitals——即使它們只是一個決勝局——可以將觀眾帶到您的網站而不是競爭對手的網站。

在此處觀看完整的 SMX Next 演示文稿(需要註冊)。