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