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