單頁應用如何解決SEO
分享
評論
贊0
所謂的單頁（Single Page Application）的應用[簡稱SPA]，是一種新興的頁面展示方式，這種方式通常采用HTML5等語言做出來的，像百度的siteapp就是一個非常典型的例子。
<html data-ng-app=”app”>是其標志性的標注。
對于這種頁面來說，很多都是采用js等搜索引擎無法識別的技術來做的，所以百度是無法識別的，那么這類型的網頁要怎么做SEO呢？An7給我們介紹了一種非常好的方法，但是這種方法適用于大型網站，小型網站慎用。
最佳方案：用更高效的方式完成兩套頁面
簡單的架構圖，SPA這種架構，渲染是在客戶端（瀏覽器）完成的，大致流程如下
單頁優化
SPA簡單流程
蜘蛛無法執行JS，相應的頁面內容無從抓取，弊端還是那個弊端
但我們知道，傳統的服務端生成頁面，response里已經是服務器渲染組裝好的HTML代碼，瀏覽器只負責正確地展現，蜘蛛負責正確的解析，所以，我們需要給蜘蛛渲染完成的HTML，那么你的框架需要兼容如下流程的功能。
雙渲染的流程
我們看到，當訪問為SEO所需頁面的時候，數據傳輸到了SEO 服務器完成渲染和組裝然后吐給瀏覽器和蜘蛛，那么蜘蛛拿到的即是完全可見且融合了SPA的頁面——landing頁都是蜘蛛可見的，接下去用戶的點擊都是SPA的頁面。
需要注意的是，如果你是用URL來區分SPA架構與否，那么內鏈及入口要全部使用SEO URL,只為用戶暴露SPA的鏈接，JS在這里陰差陽錯地成為了優勢，那些SPA的鏈接將比較難被抓取的。
其實可以不使用URL來區分，延伸想想。
這樣一個流程，也無多少高精尖元素，其實只是“依照條件”增加了一個服務端自動渲染的步驟，在架構方案上再細細夯實，可以實現一套代碼兩處運行、SEO頁面可單獨自定義功能、、同一張landing人和蜘蛛沒有跳轉，沒有區別對待、全棧工程師的大量使用、SEO頁面永遠保持最新版等等省時省力的需求功能。
單頁優化
總之，如果你和我一樣，有文章前面部分的抱怨，SPA架構勢在必行，兩套頁面改版不能同步，單獨多做一套可抓取頁面沒有太多資源投入，與此同時還是想以比較保守的方式給蜘蛛展現網站的內容，那么這個思路可以考慮，然后為自己量身定做。
關于單頁應用的網站優化，在實踐中我所經歷過的這些吧
優化不是按部就班，作為從業人員要審時度勢地采取不同方案，以結果為導向，上不了線，再好的優化也是個方案。
猜你喜歡
評論(0人參與，0條評論)
發布評論
最新評論