前后端分離情況下如何做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。
常見的列舉,百度,google,微軟必應(yīng),搜狗,等等。
那么我們首先得了解Search Engine才能談如何做到讓頁(yè)面被收錄,這里就拿最常見的百度和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判斷了,這也就是大家常見的一些解決方案,使用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://m.kartarina.com/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ì)
主站蜘蛛池模板: 亚洲av极品无码专区在线观看| 亚洲av无码一区二区乱子伦as| 精品久久久无码人妻中文字幕| 亚洲日韩欧洲无码av夜夜摸| 日韩精品少妇无码受不了| 亚洲va无码手机在线电影| 久热中文字幕无码视频| 丰满少妇人妻无码专区| 亚洲av无码成h人动漫无遮挡 | 国产精品无码无在线观看| 亚洲AV色吊丝无码| 亚洲日韩欧洲无码av夜夜摸| 国产在线精品无码二区二区| 男人的天堂无码动漫AV| 暴力强奷在线播放无码| 免费无码婬片aaa直播表情| 免费A级毛片无码无遮挡内射 | 午夜无码性爽快影院6080| 亚洲精品成人无码中文毛片不卡| 亚洲av无码专区亚洲av不卡| 18禁无遮挡无码国产免费网站| 黑人无码精品又粗又大又长 | 国产白丝无码免费视频| 国产精品无码v在线观看| 久久久g0g0午夜无码精品 | 久久美利坚合众国AV无码| 无码任你躁久久久久久老妇App| 国产精品99精品无码视亚| 免费无码黄网站在线看| 亚洲一级特黄无码片| 人妻无码精品久久亚瑟影视| 久久久久久99av无码免费网站| 人妻无码久久精品人妻| 午夜麻豆国产精品无码 | 国模无码视频一区二区三区| 少妇无码AV无码专区线| 亚洲精品无码成人| 精品无码人妻一区二区三区18| 亚洲中文无码亚洲人成影院| 亚无码乱人伦一区二区| 成人h动漫精品一区二区无码|