前后端分離情況下如何做SEO優(yōu)化

2021-12-21    分類: 網(wǎng)站建設(shè)

前后端分離情況下如何做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)完成。

名稱欄目:前后端分離情況下如何做SEO優(yōu)化
文章轉(zhuǎn)載:http://www.muchs.cn/news16/141366.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站內(nèi)鏈、Google靜態(tài)網(wǎng)站、微信小程序、微信公眾號(hào)

廣告

聲明:本網(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)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)