前后端分離情況下如何做SEO優(yōu)化
首先得先想明白什么是SEO,然后再說前后端分離情況下如何做SEO優(yōu)化。
我們假設這個產(chǎn)品是一個新產(chǎn)品,他需要做SEO,那么到底什么是SEO呢SEO的縮寫是『Search Engine Optimization』,
搜索引擎優(yōu)化,雖然我不是專業(yè)做SEO的,我也不是SEO工程師(你別說某些網(wǎng)站還真有這個崗位)。
不過或多或少,SEO這個行業(yè)曾經(jīng)也是個特別有意思的行業(yè)。
優(yōu)化針對這個問題分2個點:
1,前后端分離的架構(gòu),無法提供搜索引擎可收錄的頁面,需要搜索引擎蜘蛛擁有執(zhí)行javascript能力才行,可現(xiàn)實是大部分的搜索引擎都不支持。
2,支持了SPa架構(gòu)的產(chǎn)品,如何做SEO優(yōu)化。(第一個點是先讓他支持,第二條才落到優(yōu)化)
我們先看第一個點,我們要做SEO支持首先要知道我們要優(yōu)化哪些Search Engine。
常見的列舉,百度,google,微軟必應,搜狗,等等。
那么我們首先得了解Search Engine才能談如何做到讓頁面被收錄,這里就拿最常見的百度和google來舉例吧。
百度是不支持收錄SPa的頁面的,而且SPa的網(wǎng)站對于百度的spider來說等于是只有1個頁面,那么如何做到讓這種搜索引擎收錄頁面呢首先我們可以自行提交sitemap,讓蜘蛛主動去爬,但是遇到sitemap中的URL,到達指定頁面后頁面只有一段js怎么辦,我們可以利用比如<noscript></noscript>標簽來進行最簡單的優(yōu)化,比如在noscript里打印出當前頁面一些關(guān)鍵的信息點,但是這個做法大家一看就非常的蠢,因為正常用戶并不需要這些內(nèi)容,占用下載量,而且不好維護。那么我們?nèi)绾闻袛喈斍绊撁媸欠裰С诌\行javascript呢前端已做到,用noscript,后端不行,那么只好針對百度的spider做Ua判斷了,這也就是大家常見的一些解決方案,使用phantomjs或者nginx代理,來對spider訪問的頁面進行特殊的處理,達到被收錄的效果。
那么這么做其實是有一些副作用的,比如你收錄的頁面和用戶正常訪問的頁面差別較大是有被搜索引擎K掉的風險的,所以更多的做法還是選擇首屏使用ssr的方式渲染,先通過后端路由保證頁面的主要信息可以被服務器端輸出,然后其他的功能,包括用戶之后的路由跳轉(zhuǎn)控制,再使用前端路由來做,曾經(jīng)的項目經(jīng)驗在新浪博客手機版中也是這么做的,當然當時沒有ssr,是后端直接渲染的模板,用戶訪問后,再進行交互則再采用前后端分離和前端路由控制來完成。
名稱欄目:前后端分離情況下如何做SEO優(yōu)化
文章轉(zhuǎn)載:http://m.rwnh.cn/news16/141366.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站內(nèi)鏈、Google、靜態(tài)網(wǎng)站、微信小程序、微信公眾號
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)