重新設計後如何檢查網站的健康狀況

已發表: 2022-09-08

重新設計過程很複雜，需要很多人和時間。設計師希望網站美觀，開發人員希望快速編寫代碼，而 SEO 則希望對其進行優化——這三個意圖並不總是相輔相成。

重新設計可以通過多種方式完成：使用 CMS、自定義代碼、框架、頁面構建器等。但並非所有方式都對 SEO 友好，因此建議使用 SEO 最佳實踐來實施重新設計。在本文中，我們將了解如何執行 SEO 網站重新設計以及完成後檢查網站健康狀況的步驟。

網站重新設計後可能會出現哪些 SEO 問題

如果網站開發沒有以最佳實踐為指導，那麼在 SEO 方面也可能會出現許多問題。索引問題、頁面損壞、網站速度、媒體優化不佳、響應問題等等。所有這些問題肯定會對排名產生影響，導致自然流量下降。

在重新設計之前檢查網站

在發布您的新設計之前，您可以做的一件好事是運行網站健康檢查，以便您以後可以進行比較。首先，抓取並保存所有頁面的列表，以驗證它們是否出現在新站點上。除了 URL，您還需要保存與它們相關的重要數據：元標記、內容等，以驗證更新後的站點上沒有丟失任何重要的數據。手動收集可能很困難，尤其是對於大型網站，但有一種更簡單的方法——使用自動網站健康檢查軟件。例如，SE Ranking 網站審計工具會檢查並保存網站每個頁面的統計信息，以便您查看當前狀況和更改歷史記錄——您可以將整個網站或每個頁面與之前的爬網進行比較，這正是我們需要。我們將使用此工具來演示該過程，因為它一次檢查具有 120 多個標準的網站，因此您將所有需要的數據集中在一個地方。

重新設計後如何檢查網站健康和發現問題

發布新站點版本後檢查站點運行狀況的最佳方法是將其與舊版本進行比較。為此，您需要使用 SE Ranking Website Audit 運行兩次爬網：一次在更改之前，一次在更改之後。使用這兩個爬網，您將能夠確保重要的東西仍然可用並且舊問題已得到修復。讓我們詳細研究一下。

基本的可抓取性和可索引性相關問題

重新設計後，首先要檢查的事情之一是所有頁面都可以訪問並且可以在新版本上重新索引。影響頁面爬取和索引的主要問題有：

非 200 響應代碼 (1)
如果網站上沒有這樣的 URL，則響應碼為 4xx；如果頁面被重定向，則響應代碼為 3xx；如果有一些服務器端錯誤，響應代碼是 5xx。在任何這些情況下，頁面都無法加載並顯示給用戶，因此無法抓取或添加到 Google 索引中——確保所有重要頁面都有 200 響應代碼。
頁面在 robots.txt 中被阻止 (2)
該頁麵包含“noindex”元機器人標籤 (3)
規範 URL 指向另一個頁面 (4)

要同時驗證所有這些問題，請轉到網站審核 → 抓取頁面並選擇適當的列以在一個屏幕上查看可抓取性和可索引性問題。

網址結構

重新設計並不總是與前端有關。有時它也會影響後端和/或服務器配置。如果您移動到另一個 CMS 或更改影響 URL 結構，您需要確保新 URL 與舊 URL 相同或相應地配置重定向。如果您不這樣做，舊 URL 將具有 404 響應代碼，並且新頁面將不會繼承舊頁面的信任，因為它們將被視為全新頁面。

此外，無論頁面路徑如何，都會出現幾個問題：

斜線在最後
“…/example-url”與“…/example-url/”不同。如果規範 URL 末尾沒有斜杠，訪問以斜杠結尾的 URL 將導致 404 響應代碼，這對 SEO 不利。您需要確保所有新 URL 的結尾與舊 URL 相同，或者相應地配置規範和重定向。
HTTP(S)
與上一個問題一樣，啟用/禁用 SSL 連接也會影響 URL 結構，如果配置不正確，可能會導致嚴重問題。
萬維網
“www.example.com”不等於“example.com”。這個前綴在萬維網的早期通常用於表示網絡資源是為了公開訪問的。
從技術上講，“www。” 是一個子域，Google 將子域視為不同的域而不是文件夾。如果您嘗試訪問未正確配置的域或子域，則會收到錯誤消息，搜索機器人也會收到錯誤消息。為避免此類問題，請確保設置重定向或添加指向您網站首選版本的 rel=canonical 標籤。

元標籤

在發佈網站的新版本時，您需要確保舊頁面的所有優化元標記都已到位。否則，缺少或錯誤的標題和描述可能會導致排名和流量顯著下降。要檢查網站的運行狀況以及您沒有缺少元標記或元標記錯誤的頁面，請前往網站審核的問題報告中的標題和描述部分。

為確保元標題和描述與重新設計之前相同，請使用已抓取頁面報告並啟用相應的列。然後，將它們與重新設計之前的內容進行比較。

內容

如果多個頁面具有相同的內容，Google 將難以確定應該在 SERP 中顯示哪個頁面，從而導致所有重複頁面的排名下降。

比較內容可能很困難，特別是如果您有一個大網站。好消息是可以自動檢測此類問題。

重複頁面

重複頁面是具有相同內容的頁面。有時可能很難找到它們，因為它們可能有不同的 URL，但有一個參數可以幫助您識別它們。啟用“內容散列”列將顯示頁面內容的唯一散列 - 內容的加密等價物。如果兩個頁面的哈希值相同，則意味著它們 100% 相同——查看這些事件並只留下一個頁面的副本。

元標籤

另一個重複場景是相同的元標記。當搜索引擎評估頁面的相關性時，標題和元描述會產生重大影響。不要將 Google 與具有相同元標記的頁面混淆，因為它們都不會排名靠前。

要查找這些頁面，請啟用網站審核工具的已抓取頁面報告中的“重複標題”和“重複描述”列，或轉到問題報告中的相應部分。

標題 H1

與元標記類似，當搜索引擎確定頁面的內容時，頁面的標題優先於其他（子）標題。您需要確保您的所有頁面都沒有相同的 H1，因此它們不會互相抄襲。與元標記檢查一樣，啟用報告中的“重複 H1”列。

核心網絡生命力

如果你正在實施一個新設計，你應該確保它會改善用戶體驗；否則，這樣做是沒有意義的。幸運的是，谷歌開發了 Core Web Vitals——一套幫助開發人員評估他們的用戶體驗的指標。

使用 SE Ranking，您無需檢查 Web.dev 或 Chrome 的 Lighthouse 中的每個頁面，因為網站審核會檢查所有頁面的所有必要頁面體驗指標。讓我們來看看它們。

首先要做的是檢查核心 Web 生命體徵：LCP、FID 和 CLS。這三個參數反映了您的網站在用戶體驗方面的表現如何：

最大內容繪製意味著在用戶瀏覽器中打印第一個視口的速度。該指標與網站加載速度密切相關，我們將在幾秒鐘內討論。
首次輸入延遲衡量用戶與頁面交互的速度（例如，點擊鏈接、按鈕）。該參數還與站點速度有關。
Cumulative Layout Shift 告訴您內容在加載期間的穩定性——當內容元素在頁面加載期間更改其大小和位置時，這非常煩人。

此信息可在概覽儀表板或問題報告 -> 性能部分中找到。很棒的是，這份報告是基於真實用戶和實驗室環境測試的數據。這是任何進一步優化的起點。

網站速度

3 個核心 Web Vitals 中有 2 個與加載時間有關。不僅如此，統計數據還表明，三分之一的用戶等待頁面加載的時間不會超過 3 秒。因此，可以說網站速度是用戶體驗的核心參數。讓我們看看 SE Ranking 如何幫助您識別和解決加載時間問題。

HTML

由於所有網頁都是用 HTML 編寫的，因此這是重新設計後您需要驗證的第一件事。這些問題非常基本，但它們對於進一步的調整至關重要。在這方面，您需要確保 HTML 大小不會太大而無法排除大 DOM 大小，因為渲染可能具有挑戰性，從而影響整體加載時間。此外，確保您的 HTML 被壓縮和緩存，以最大限度地減少文檔大小和後端處理時間。

JS 和 CSS

現代網絡與 JavaScript 和 CSS 交織在一起。這些技術有助於創建具有敏捷功能的漂亮網站。然而有時，這些功能可能會損害站點性能，因此在部署新設計時檢查資源是否已優化非常重要。

JS 和 CSS 文件的優化技術類似：

縮小
排除所有註釋、換行符、多餘的空格等——只留下重要的字符。
結合
嘗試提供盡可能少的文件（理想情況下，每頁一個 JS 和一個 CSS）。每個文件請求都需要服務器響應和瀏覽器下載它的時間——單個文件是一種更方便的方式。
緩存
啟用服務器端緩存意味著您的文件不會在每次用戶請求頁面時從頭開始生成；相反，將提供它們的保存副本。這從服務器中消除了許多不必要的負載並縮短了加載時間。

以下是一些一般性建議：

避免使用框架和主題
JS 框架和預製的 CSS 可以為您節省一些時間，但它們通常沒有考慮到速度優化。它們有很多你不需要的功能，而且所有這些額外的功能可能太重而無法加載。
小心合併 JS 文件
如果 JS 文件中存在單個錯誤，則該文件中的任何其他功能都可能無法正常工作。因此，如果您只有一個 JS 文件，則所有功能都可能停止工作。為核心功能和前端美感創建單獨的文件可能是一個聰明的決定。

圖片

關於 SEO，圖片優化也是必不可少的：

圖像應該有一個 Alt 文本，以便搜索引擎和使用屏幕閱讀器的人可以理解圖像的含義——確保所有圖像在重新設計後都有有意義的 Alt 文本。
圖片尺寸
最佳做法是以與父容器相同的分辨率提供圖像。但是，由於容器可能會更改其大小的響應式設計，幾乎不可能創建適合所有可能容器的圖像副本。您可以做的是創建多個圖像變體（即原始尺寸、300 像素寬度、100 像素寬度）以在網站的不同位置使用。例如，文章上的特色圖片應為原始尺寸，而存檔頁面上的縮略圖最好使用寬度為 300 像素或更低的較小圖片。
圖像壓縮
圖像壓縮是減少圖像中使用的唯一顏色數量的過程。人眼幾乎看不到中等壓縮，但可以節省多達 30% 的文件大小——這是很多的，尤其是考慮到與其他頁面資源相比，圖像的文件大小較大。

響應式設計

由於大部分流量來自移動設備，因此必須檢查移動優化問題，並且 Google 已切換到移動優先索引。 SE Ranking 也涵蓋了這一點。

通過導航到問題報告中的移動優化類別，您將能夠驗證您的網站是否符合基本的響應式設計原則。

包起來

重新設計是一個複雜的過程，特別是考慮到重新設計的網站必須進行 SEO 優化。實現它的最佳方法是考慮到 SEO 和性能實踐。

發布更改後，您需要檢查一切是否正常——這就是網站健康檢查工具發揮作用的地方。為確保您的新網站更好或在 SEO 和性能方面沒有任何問題，您需要將其與之前的版本進行比較。 SE Ranking 完全滿足您的需求：抓取、檢查和存儲網站審核數據，以便您可以輕鬆地按日期監控和比較您的結果。使用此類審核使您能夠在重新設計後比較和改善網站的健康狀況。