【三大件】SEO內容頁面性能優化全攻略

對靠內容吃飯的網站來說，內容質量固然是運營方的不懈追求，但頁面性能的優化同樣不容忽視。因為其必將充分教育我們，基礎沒站穩如何危及上層建筑。試想，一個加載速度緩慢，在手機上看字體超小，閱讀起來還要zoom來zoom去的頁面，即使內容多優秀，也不會獲得讀者的青睞。又或者你發布了一篇足以收獲百萬流量的爆文，但發現其根本沒出現在搜索引擎上，so sad。

優化內容頁面的性能，可以令這樣糟糕的狀況不會發生。因為性能優秀的頁面，能確保優秀的內容快速被搜索引擎識別，推送到目標用戶，并為其提供良好的閱讀體驗。為此，本文從頁面抓取，索引以及訪問體驗三個方面，總結一個全方位優化內容頁面性能的checklist。內容已經做得夠好的你，不要錯過！

抓取性能（Crawlability）

性能優秀的內容頁面一定能被搜索引擎快速抓取。因此，拿捏好抓取是優秀內容通過搜索引擎到達用戶手中的第一步，也就是說，新發布的內容必須要以最快的速度被搜索引擎（的爬蟲）發現。這會需要我們作為內容運營做好爬蟲—>內容頁面的開路和引導工作。具體做好以下幾點是基本。

簡明統一有描述性的URL規則：

應用簡明統一的URL結構能有助于爬蟲熟悉網站的內容結構，從而提高抓取效率和節省抓取成本。另外，有描述性的URL規則一方面可以讓爬蟲快速理解你的頁面內容，便于爬蟲對網站內容的分類，另一方面也能夠避免重復內容的產生。內容頁面比較普遍適用的URL規則舉個栗子：https://example.com/category/page-top-keyword.html

層級少有條理的網站結構：

層級是指網站各級頁面之間的關系。如一級頁面博客首頁，二級頁面話題分類頁，三級頁面文章頁，這里就存在三個頁面層級。不難得出，在抓取預算有限的前提下，層級少的網站頁面結構能減少爬蟲的抓取深度，加強其抓取廣度，從而最大限度保證網站所有內容頁面被快速抓取。另一方面，爬蟲也能從頁面層級獲取到網站重要頁面的信息，從而合理分配抓取資源，再者還能減少孤兒頁（沒能與上級或同級頁面建立聯系的頁面）的出現。對于內容站，合理的頁面層級一般為3-4層。

圖片來源：用幕布app生成的思維導圖

使用面包屑導航：面包屑導航（Breadcrumb）是指在底層頁面設置一個從首層頁面指向底層的導航條。這除了方便讀者快速導航到各級頁面，從而降低頁面跳出率外，還能直觀的告訴爬蟲我們內容網站的層級結構是這樣的，便于爬蟲抓取到深層頁面，提高頁面的抓取性能。

圖片來源：面包屑導航后臺

提交XML網站地圖：網站地圖（Sitemap）其實就是網站所有頁面的一個list，而XML是網站地圖兼容性最好也最容易創設的一種格式。網站地圖是爬蟲抓取內容頁面最重要的入口之一，因此在Google Search Console上提交XML網站地圖是確保內容抓取的基本措施。

圖片來源：XML網站地圖后臺截圖

搭建相關內鏈：為目標頁面添加更多的話題相關內鏈有助于目標頁面被爬蟲發現，不難理解，這相當于為爬蟲到這個頁面打開更多入口，從而提高爬蟲光顧目標頁面個概率。

清理死鏈頁面：死鏈（Broken links）或者404頁面對于爬蟲來說是路障那樣的存在。當爬蟲遇到這類頁面，要不返回上級重新開始抓取，要不離開網站。所以如果網站很多內容頁面存在404錯誤，那么這必然會嚴重影響其他內容頁面的抓取效率。定期使用一些Site Audit工具檢測和修復死鏈頁面能優化網站內容頁面的抓取性能。

索引性能（Indexability）

性能優秀的內容頁面沒有索引問題的煩惱。當內容頁面被爬蟲成功抓取和發現后，并不一定就會馬上索引到搜索引擎。因為一些網站問題，某些內容頁面的索引進程甚至會耽擱許久。因此，在這個版塊，我們需要做的便是要排除這些索引風險，同時應用一些提高內容頁面索引性能的設置技巧。

清除內容重復頁面：

內容重復頁面是影響目標頁面索引的要因。當搜索引擎發現網站有兩個內容極其類似的頁面，有可能會暫停索引（pending，雖然目前在Search Console上還沒有相關報錯機制），也有可能會僅索引其中一個頁面。

無論是哪種可能性，都不能達到所有應被索引頁面均被成功索引的結果。因此，要提升內容頁面的索引性能，我們需要清除內容重復頁面，有價值的頁面進行合并，無價值的頁面進行刪除。然后在Search Console重新提交目標頁面的索引請求。

進行301重定向：

301重定向是頁面合并的一種有效方式，即把頁面A重定向到頁面B后，訪問頁面A時便會自動跳轉到頁面B。但要注意過多的301重定向會對網站內容的性能產生消極影響。因為進行重定向操作后，原頁面的URL默認還會保留在網站地圖，爬蟲進行抓取時還是會需要抓取頁面A和頁面B，也就是說，同一個目標頁面需要被抓取兩次才能被索引，這增大了抓取成本。

另外，進行頁面跳轉時服務器和瀏覽器都需要額外處理301重定向請求，如果數量過多，則會消耗運行資源，從而影響網站頁面的加載速度。因此，在使用301重定向修復內容重復頁面的問題后，會建議過一段時間后重新去刪除原頁面并解除重定向。

圖片來源：AIOSEO后臺截圖

添加Canonical標簽：

另一個合并頁面的方式是添加Canonical標簽，這可以簡單理解為告訴搜索引擎，該頁面是我們作為網站運營方想要出現在搜索引擎搜索結果頁的頁面。

雖然Canonical和301重定向都是通過對內容相似/重復頁面進行重新指向，從而便于搜索引擎識別目標索引頁面，但其作用機制并不一樣。添加了Canonical標簽后的頁面訪問時并不會跳轉到目標索引頁面，因此也并不會額外消耗資源。

因此Canonical標簽在網站內的使用場景更廣泛，多用于內容相似但功能不一樣的頁面，如分類/追蹤參數頁，廣告著陸頁，內容分頁等。

圖片來源：Canonical標簽代碼截圖

添加Noindex標簽：

如果你壓根不想搜索引擎索引某個頁面，那簡單直接的方法便會是為這個頁面添加Noindex標簽。這也是排除頁面索引影響因素和提高頁面索引性能的一個常用措施。與Canonical標簽最大的區別是，添加Canonical標簽的頁面會被正常索引，只不過Canonical的目標頁面更希望被索引和排名。而添加Noindex的頁面則不會被索引。簡而言之，Canonical是對頁面索引指向性的加強，而Noindex則是排除頁面索引。

因此，Noindex標簽一般會應用在一些跟SEO內容無關或內容完全重復但有別的功能的頁面。舉個例子，如果一個廣告著陸頁的內容與SEO文章頁相似，則建議選用Canonical，但如果是內容完全重復，則可考慮使用Noindex標簽。

圖片來源：Noindex標簽代碼截圖

使用結構化數據：

除了上述通過優化頁面的指向性去提升內容頁面的索引性能外，我們還可以應用一些方法使搜索引擎更好地理解頁面的內容信息，從而更精準地將內容頁面匹配到關鍵詞的搜索結果頁。

結構化數據的使用便是最為常見的一種方法。另外，添加了結構化數據的內容也容易被搜索引擎提取為富文本摘要，從而豐富內容頁面在搜索結果頁的展示。搜索引擎如谷歌支持多種結構化數據，我們可以不同的內容頁面選擇合適的進行添加。

使用Hreflang標簽：

對于支持多語言版本的網站，為不同語言版本的內容頁面添加對應語言的Hreflang標簽能便于搜索引擎對這些頁面的本地化索引。

如果沒有添加Hreflang標簽，搜索引擎有可能會在本地化的搜索結果頁索引到錯誤語言版本的內容頁面，另外也有可能影響頁面的索引成功率，因為搜索引擎會認為不同語言版本的內容頁面是網站重復內容。

圖片來源：Hreflang標簽代碼截圖

訪問性能（Accessibility）

性能優秀的內容頁面能將卓越的內容立馬展現。為了給用戶帶來最Top的閱讀體驗，除了高質量的內容，舒服的排版設計，我們也要關注內容頁面的訪問性能，也就是頁面的加載速度，元素交互，以及設備兼容性。因為這也會一定程度影響用戶對你網站品牌專業度的印象。

舉個最近發生的例子。前段時間bing在搜索引擎web端主頁放置app端彈窗來引導用戶下載使用，這個操作本來十分正常。但是上架這個組件時大概率沒考慮到彈窗的加載延遲問題。每當我急著打開bing搜索框搜東西時，都會剛好點到那個延遲1秒打開的彈窗上的下載按鈕，然后跳轉到App Store，著實惱火。每次搜索時都遇到這種窘況，久而久之就會令人質疑作為搜索引擎巨頭，也沒做足夠用戶交互體驗的優化，不夠專業。

壓縮頁面體積：

頁面體積越小加載速度越快，這不難想象。對于內容頁面，影響頁面體積的主要因素不外乎圖片和多媒體，第三方插件，以及網頁代碼。但具體要怎樣做我們才能做好頁面體積的優化呢，谷歌官方的PageSpeed Insights便為我們提供了一系列的Checklist和建議。

如果你的內容頁面在性能表現（Performance）這一版塊沒有取得90分以上，那么參考這個工具所提供的推薦優化方案去實施便沒問題了。其中圖片體積壓縮和JS文件壓縮是常見的優化措施。

圖片來源：PageSpeed Insights頁面截圖

使用CDN：

CDN的中文名稱叫內容分發網絡（Content Delivery Network），可以簡單理解為一種網站內容的倉儲服務。

原理很簡單，通過CDN，網站內容會從其儲存位置的主服務器拷貝到離用戶位置最近的服務器，用戶訪問網站時便能從最短距離的服務器進行資源下載，減少遠距離資源傳輸的響應時間，從而提升內容頁面的加載速度。

當然，CDN的使用還有其他好處，但對于內容頁面的性能優化，選擇合適的CDN服務應用到內容網站已經是主流。

Core web vitals：

簡稱CWV，是谷歌目前在頁面性能優化上看重的一組關鍵指標，包含以下三個：

Largest Contentful Paint (LCP) - 是指內容頁面首屏最大那張圖片或者文字塊的渲染時間，通常用于檢驗頁面的加載速度。常用的優化措施為上面提到的壓縮頁面體積和CDN使用，當然，如果是開發者，也可以通過升級網站服務器去解決。

Cumulative Layout Shift (CLS) - 指加載時頁面元素的移位情況，通常用于檢驗頁面加載的穩定性。常用的優化措施有：為頁面元素（圖片，視頻等）設置固定尺寸參數，設置后備字體，為廣告框預設展位，延遲加載等。

First Input Delay (FID) - 指用戶在頁面首次輸入（點擊）時的延遲時間，通常用于檢驗頁面的響應性能。因為頁面交互主要是基于JavaScript，所以常用的優化措施一般會是JS腳本的優化，如使用defer或async配置JS腳本的加載方式。

Ps. 于2024年3月谷歌將會將FID替換為Interaction to Next Paint (INP)作為明年的CWV指標。INP于FID的主要區別是：FIP監測的是用戶的首次交互，而INP監測的是用戶在頁面瀏覽時的全部交互體驗。

對于CWV的優化，谷歌官方都有一個評分標準。在實際操作中我們可以通過Search Console的Core web vitals報告或PageSpeed Insights去判斷是否需要采取行動。

圖片來源：對比表格（自制）

優化移動端瀏覽：

谷歌上超過70%的網頁都是由移動端版本的爬蟲進行抓取。在這個人手一機的時代，確保你的內容頁面兼容移動端瀏覽已經是一個最最最基本的底線。至于移動端瀏覽的優化，一般會取決于網站移動端頁面的搭建方式，主流有響應式(RWD)和獨立移動端頁面兩種。

響應式是基于PC端的網頁去適應不同移動設備的視點，根本上還是同一個html網頁。而獨立移動端頁面則是單獨為移動端設計一個頁面，如移動m站。當然，如果你的內容用戶絕大部分都來自手機端，那么也可以直接放棄PC端的頁面，如拼多多。

對于移動端瀏覽性能的優化，在實操中我們同樣可以借助PageSpeed Insights或者Chrome的Lighthouse插件去獲取具體某個頁面的移動端優化措施。

PS. Google Search Console原有的Mobile Usability報告已經在今年12月1號下架了，官方目前推的網頁移動端性能檢測工具是Lighthouse。

總結

頁面性能優化驟眼看去似是類似建站配置的技術層面優化，但作為專業的SEO內容運營人員，我們不僅要關注內容給到用戶的價值，同樣也得關心要怎樣快速將內容通過搜索引擎送到用戶的手上，看重內容跟用戶之間的頁面交互體驗。

如果你對這方面感興趣，那么不妨嘗試本文提及的優化措施，全方位去提升頁面的抓取，索引，訪問性能，為你的SEO內容保駕護航。

做SEO內容營銷的朋友們，如果對本文所分享的信息有不一樣的看法，或者想了解更多SEO內容頁面性能優化的相關案例，可以在評論區留言，有問必答哦~

（來源：Kenyth）

以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?