分享單頁應用如何解決SEO基礎優化?
本文章由seo優化按天扣費用戶上傳提供
所謂的單頁(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架構勢在必行,兩套頁面改版不能同步,單獨多做一套可抓取頁面沒有太多資源投入,與此同時還是想以比較保守的方式給蜘蛛展現網站的內容,那么這個思路可以考慮,然后為自己量身定做。
關于單頁應用的網站優化,在實踐中我所經歷過的這些吧
優化不是按部就班,作為從業人員要審時度勢地采取不同方案,以結果為導向,上不了線,再好的優化也是個方案。
“聲明: 本文是(順的推seo)原創,請尊重作者版權,文明轉載也是一種美德。轉載請保留鏈接!