遷移到 JavaScript 框架時的 SEO 注意事項

對您的網站進行的任何重大更新或更改都應始終牢記 SEO 考慮。 從 robots.txt 錯誤，到執行不力的頁面重定向，很容易看到您的搜索排名在一夜之間消失——毫不誇張地說。

將您的網站遷移到 JavaScript 框架時也是如此。 通過一些仔細的計劃，您可以確保您的網站對搜索引擎機器人仍然可見，避免導致流量損失的常見風險和陷阱，並為您的網站為未來的持續增長做好準備。

這是一個大而復雜的問題，在您的網站遷移過程中需要牢記許多技術細節。 但是，有一些常見的錯誤需要避免，以及一些可以幫助指導您朝著正確方向前進的總體原則。

以下是遷移到 JavaScript 框架時的一些最重要的 SEO 問題。

保留重要的 URL

Googlebot 和其他搜索引擎爬蟲將網站內容與 URL 相關聯——這是它們從搜索結果鏈接到您的方式——但 JavaScript 框架可以通過動態更新頁面來打破靜態 URL 和內容之間的聯繫。

對於需要特殊處理的單頁應用程序 (SPA) 尤其如此，以確保保留來自前網站的任何重要 URL 並對 Googlebot 保持可見，以保護您在 SERP 中的現有存在。

如果您的主頁仍然出現在其應有的排名中，請不要上當——這可能表明 Google 已成功抓取您的 SPA 主頁，但未能找到在客戶端動態提供的內容。

啟用爬蟲訪問

這不僅僅是在您的 robots.txt 文件中取消阻止搜索引擎爬蟲。 您需要它們能夠抓取您的網站並查看您的內容——為此，您可能需要某種形式的服務器端呈現。

通過實現服務器端呈現或預呈現，您可以為搜索機器人提供一個在執行任何 JavaScript 後出現的內容版本，從而消除要求機器人自己呈現頁面內容的資源負擔。

這不僅使每個頁面對爬蟲可見，而且還可以通過減少對機器人每頁爬取預算的需求來增加頁面數量和被索引的網站層次結構的級別。

提高可抓取性

通過以易於理解的方式呈現信息，您可以為機器人提供更多幫助。 在實現諸如 onclick 事件和無限滾動分頁之類的 JavaScript 功能時，請考慮這一點。

通過牢記機器人實際上可以做什麼，您可以確保您的內容在這些能力範圍內對它們是可見的。 作為獎勵，您的更多內容可能會被抓取、索引和排名。

另一個好處是，通過創建對爬蟲友好的網站版本，您還可以提高某些人類訪問者的可訪問性，這些訪問者在訪問您的網站時可能無法在其設備上運行 JavaScript。

[案例研究] 通過提高 Googlebot 的網站可抓取性來提高知名度

Paris Match 面臨一個明顯的問題：深入審核其網站，確定其優勢和劣勢，確定其優先級並修復 Google 抓取的阻礙因素。 Paris Match 網站的 SEO 問題是新聞網站的常見問題。

閱讀案例研究

重定向舊網址

如果您不打算按原樣保留舊網址，但您的搜索量很大，請考慮實施永久重定向以將機器人指向新站點地圖中最匹配的等價物。

這保留了域權限並可以保護您的排名，至少在任何新發布的內容被完全抓取和索引之前，如果這些舊頁面不再帶來大量流量，您可能會或可能不會決定刪除舊重定向。

使用一致的內部鏈接

同樣，這是關於內容的動態加載。 JavaScript 框架可以釋放一些很酷的功能，例如從外部資源中提取數據並使用它來更新當前頁面的能力，而不是導航到不同的 URL。

對於 SEO，最好保持內容相對靜態並在大幅更改頁面時加載不同的 URL。 爬蟲更好地理解這種方法，可以更好地映射您的網站，並且更有可能訪問和正確解釋新頁面。

內部鏈接缺乏紀律是許多遷移的主要缺陷。 與其他頁面相比，它可能會使機器人難以抓取某些頁面，並發送有關某些頁面相對重要性的令人困惑的信號。

一致性的重要性

除了內部鏈接之外，請嘗試對您發送給搜索引擎的所有信號保持一致。 如果您的網站僅通過 JavaScript 框架加載其部分內容，則尤其如此，因為您應確保 JavaScript 頁面的加載和功能類似於您網站上的任何 HTML 或 PHP 頁面。

這方面的示例可以包括解析帶有和不帶有斜杠的 URL（無論這種解析還是重定向應該在您網站的所有區域中保持一致），以及 SEO 最佳實踐，如實施規範標籤（在哪些方面也應該是一致的）內容被認為是規範的）。

預防勝於治療，尤其是在搜索排名方面。 因此，不僅要嘗試了解內容在您的網站上的顯示方式，還要了解它是如何顯示的，無論是通過客戶端還是服務器端呈現 - 以及您遷移到 JavaScript 是否會影響您網站上內容的可見性，下次抓取它。

[案例研究] 避免重新設計對您的 SEO 造成不利影響

在他們的網站重新設計一年後，EasyCash 很快意識到他們所希望的性能並不存在。 他們確定並解決了幾個 SEO 障礙。

閱讀案例研究

這會改變嗎？

由於搜索機器人的相對簡單的性質，動態渲染對 SEO 來說不是朋友。 未來，我們可能會看到更複雜、更強大的 Googlebot 可以解決其中一些問題，但目前，網站管理員有責任以最可食用的方式提供內容。

在任何依賴搜索存在的網站的規劃、實施和管理過程中都是如此。 但它在重大更新、升級和遷移期間至關重要，包括遷移到 JavaScript 框架。

通過牢記上面列出的一些陷阱和最佳實踐，您可以將您的 SEO 雄心放在網站遷移的最前沿，並避免讓大型、盈利的網站在一夜之間從 SERP 中消失的噩夢場景。