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

這是 Google I/O 2018 的影片的一些摘要、心得,建議是直接看影片是比較快拉~XD

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

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

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

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

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

影片中提到的工具:puppeteerrendertron

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

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

不過懶得啃文件,就好好花錢去上課吧XD

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

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

- Powered by Mxp.TW -FB2WP-

Facebook 外掛整合


Share: