[Google] 如何遞交一個搜尋友善的 JavaScript 程式網站

本篇文章更新時間：2019/02/16
如有資訊過時或語誤之處，歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉！歡迎入群聊聊～
如果本站內容對你有幫助，歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。

這是 Google I/O 2018 的影片的一些摘要、心得，建議是直接看影片是比較快拉～ＸＤ

Deliver search-friendly JavaScript-powered websites (Google I/O '18)

這個前端程式詮釋網站內容導致 SEO 問題其實也討論很久了，前陣子也有發過文觀察 Facebook 與 Google 正在發生的改變。答案也有在這影片裡，不用猜！現階段還是因為資源有限，所以解析尚無法完整，但也語帶保留解釋未來還是往這方向前進～

目前比較好的解法也是大家所知道的，建立「預載」的內容給爬蟲（Crawler, Googlebot），還有「注意」網站 HTML 結構中連結 href 的屬性要有。觀念上可以知道爬蟲是會順籐摸瓜的，自己沒有把網站的路徑給打造完整，把動線規劃好，爬蟲自然也沒辦法到位！

整體來看是一個概念，不是單純看影片中長指名是 AngularJS 框架問題。

目前純 JavaScrpit 打造的網站如果沒有做什麼 SEO 手腳，保證是最糟糕的示範，以開發角度來看 Google 所說的「預載」使用工具其實就是模擬瀏覽器先瀏覽完成後輸出頁面 DOM 資訊，但我的預載是指乾脆就是做一個專門為了爬蟲打造的輕量頁面。

影片中提到的工具：puppeteer、rendertron

盡量避免全站都是使用 JavaScript rendering 作法，部分模組化採用，有效兼顧效能以及索引。

影片後半段有再多說一些跟 SEO 影響指標的東西就不多寫了，怎樣都離不開那些大原則，有很多都不是簡單去上上課聽人整理好的文件照做就行的。

不過懶得啃文件，就好好花錢去上課吧ＸＤ

最後附上 Google SEO 文件連結，搭配影片服用，相信可以得到更深度的進階能力！

#SEO #Google #JavaScript #Crawler #Googlebot #技術相關 #新聞資訊

- Powered by Mxp.TW -FB2WP-