前端后端分離，怎么解決SEO優(yōu)化的問(wèn)題呢？

瀉藥，簡(jiǎn)單說(shuō)幾點(diǎn)自己的個(gè)人看法。

解決題主的問(wèn)題，首先得先想明白什么是SEO，然后再說(shuō)前后端分離情況下如何做SEO優(yōu)化。

我們假設(shè)這個(gè)產(chǎn)品是一個(gè)新產(chǎn)品，他需要做SEO，那么到底什么是SEO呢？SEO的縮寫(xiě)是『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怎么辦，我們可以利用比如標(biāo)簽來(lái)進(jìn)行最簡(jiǎn)單的優(yōu)化，比如在noscript里打印出當(dāng)前頁(yè)面一些關(guān)鍵的信息點(diǎn)，但是這個(gè)做法大家一看就非常的蠢，因?yàn)檎Ｓ脩舨⒉恍枰@些內(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)完成。

然后就是google的搜索引擎，是支持hashtag再rewrite訪問(wèn)你的靜態(tài)版的，但是畢竟只有g(shù)oogle支持，所以正規(guī)的做法都是使用pushState來(lái)對(duì)頁(yè)面URL做前端的后續(xù)無(wú)刷新控制，對(duì)爬蟲(chóng)和所有用戶提供任何入口的ssr或者首屏的直接渲染，才是最好的SEO支持方案。

ok，到這里說(shuō)清楚了第一個(gè)點(diǎn)，那么第二個(gè)點(diǎn)怎么做呢？SEO優(yōu)化其實(shí)我也學(xué)過(guò)一些簡(jiǎn)單的，僅僅讓站點(diǎn)支持收錄只是第一步，關(guān)鍵詞的搭配，頁(yè)面關(guān)鍵詞的分部，一些特殊的meta頭，還有站內(nèi)鏈接的鏈路，站外的鏈路，甚至站群權(quán)重的影響，這些加一起出一本都足夠了，大家有興趣可以去搜索SEO相關(guān)的一些書(shū)籍。

這里給大家講一些很早年我做百度SEO的一些小故事，我上大學(xué)的時(shí)候認(rèn)識(shí)一個(gè)專門(mén)做企業(yè)站百度SEO的公司，或者說(shuō)小團(tuán)隊(duì)吧。他們做關(guān)鍵詞的排名做到了什么程度呢？根本不需要你的網(wǎng)站有任何你想要的關(guān)鍵字，比如我想買一個(gè)『微信小程序』的關(guān)鍵字排名，他們當(dāng)時(shí)的能力就是3天能讓你上第一頁(yè)。而且你的網(wǎng)站都不需要有微信小程序這個(gè)詞。

怎么做到的呢？哈哈，其實(shí)就是站群，當(dāng)時(shí)百度的收錄權(quán)重是有很大的問(wèn)題的，外鏈的引入量達(dá)到一定的時(shí)候，根本不需要你自己本身來(lái)做SEO優(yōu)化，你的排名就會(huì)蹭蹭長(zhǎng)，當(dāng)然這個(gè)代價(jià)是非常大的，比如你需要先有1000個(gè)以上的域名，還要有批量的機(jī)器支持快速的更新這1000個(gè)站群的內(nèi)容，和內(nèi)部的鏈接等，這是一個(gè)技術(shù)和體力活，而且風(fēng)險(xiǎn)比較大，規(guī)則總是在變，隨時(shí)有被K的風(fēng)險(xiǎn)，給客戶做的時(shí)候也是需要自己測(cè)試無(wú)誤再賣這種暴力產(chǎn)品。

所以，所謂的SEO，不還是。。。人家Search Engine里面幾條規(guī)則的事，做優(yōu)化，還是要先了解規(guī)則，才能優(yōu)化的足夠NB，這些規(guī)則里，前后端分離這玩意只是其中一條。更多的優(yōu)化靠的還是內(nèi)容和鏈接交換。

最后，再次瀉藥...

文章標(biāo)題：前端后端分離，怎么解決SEO優(yōu)化的問(wèn)題呢？
網(wǎng)頁(yè)路徑：http://www.bm7419.com/news/214310.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、企業(yè)網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)

廣告

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