使用Js框架網頁的SEO會比較差嗎?

大家好
一直有個問題想要提問:
使用Js框架網頁的SEO會比Server-side產的網頁差嗎?
這個問題很重要,因為現在很多人網頁開發用Javascript框架 (React.js, Vue.js, Next.js…)
雖然Google會爬Js前端網頁,但用Js框架的人有抱怨SEO比較差

想找些前輩討論這個問題

會的,SSR (Server-Side Rendering) 網頁如 PHP 這種由伺服器直接回傳 HTML 的模式,因為其前台的內容不用經過載人大量 Javascripts,即可呈現大部分的文字內容,會比使用 Javascript 前端框架還來的好。Javascript 前端框架做成的網站,又稱 SPA(Single Page Application)。

雖然 Google 和大部分主流的搜尋引擎,都是以 Headless 瀏覽器進行爬蟲,可以等待 Javascript 前端框架、AJAX 和網頁內容載人後,才分析你的網頁文本。但是有幾個問題:

  1. Google 對每一個 JS 框架(Angular, React.js, Vue.js, Next.js…)的認識程度有多少?是否針為每個 JS 框架有特別調整爬蟲參數?
  2. Google 如何判斷何時是內容完全載入了?(萬一 Javascript 載入比較慢,主要 DOM 沒載入,是不是那頁就不被 Google 收錄了?)
  3. Google 之外其他搜尋引擎 Yahoo、Bing,處理 SPA 的爬蟲有夠厲害嗎?
  4. 很多 SEO 工具不支援處理大量使用 JS 的網頁,譬如 SEO 健檢工具不見得可以爬 Javascript。

所以,SPA 網站做 SEO 會比較辛苦,個人比較不建議用前端框架開發(系統後台除外)。

感謝回答,我也想知道載入DOM的判斷基準是什麼~

Google 的這篇「瞭解 JavaScript 搜尋引擎最佳化 (SEO) 基礎知識」可以參考看看,實際 DOM 載入判斷是在演算法裡了。