前后端分離情況下如何做SEO優(yōu)化？
  首先得先想明白什么是SEO，然后再說前后端分離情況下如何做SEO優(yōu)化。

  我們假設(shè)這個(gè)產(chǎn)品是一個(gè)新產(chǎn)品，他需要做SEO，那么到底什么是SEO呢？SEO的縮寫是『Search Engine Optimization』，搜索引擎優(yōu)化，雖然我不是專業(yè)做SEO的，我也不是SEO工程師（你別說某些網(wǎng)站還真有這個(gè)崗位）。

  不過或多或少，SEO這個(gè)行業(yè)曾經(jīng)也是個(gè)特別有意思的行業(yè)。

  優(yōu)化針對(duì)這個(gè)問題分2個(gè)點(diǎn)：

  1，前后端分離的架構(gòu)，無法提供搜索引擎可收錄的頁面，需要搜索引擎蜘蛛擁有執(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才能談如何做到讓頁面被收錄，這里就拿最常見的百度和google來舉例吧。

  百度是不支持收錄SPA的頁面的，而且SPA的網(wǎng)站對(duì)于百度的spider來說等于是只有1個(gè)頁面，那么如何做到讓這種搜索引擎收錄頁面呢？首先我們可以自行提交sitemap，讓蜘蛛主動(dòng)去爬，但是遇到sitemap中的URL，到達(dá)指定頁面后頁面只有一段js怎么辦，我們可以利用比如<noscript></noscript>標(biāo)簽來進(jìn)行最簡(jiǎn)單的優(yōu)化，比如在noscript里打印出當(dāng)前頁面一些關(guān)鍵的信息點(diǎn)，但是這個(gè)做法大家一看就非常的蠢，因?yàn)檎Ｓ脩舨⒉恍枰@些內(nèi)容，占用下載量，而且不好維護(hù)。那么我們?nèi)绾闻袛喈?dāng)前頁面是否支持運(yùn)行javascript呢？前端已做到，用noscript，后端不行，那么只好針對(duì)百度的spider做UA判斷了，這也就是大家常見的一些解決方案，使用phantomjs或者nginx代理，來對(duì)spider訪問的頁面進(jìn)行特殊的處理，達(dá)到被收錄的效果。
  那么這么做其實(shí)是有一些副作用的，比如你收錄的頁面和用戶正常訪問的頁面差別較大是有被搜索引擎K掉的風(fēng)險(xiǎn)的，所以更多的做法還是選擇首屏使用ssr的方式渲染，先通過后端路由保證頁面的主要信息可以被服務(wù)器端輸出，然后其他的功能，包括用戶之后的路由跳轉(zhuǎn)控制，再使用前端路由來做，曾經(jīng)的項(xiàng)目經(jīng)驗(yàn)在新浪博客手機(jī)版中也是這么做的，當(dāng)然當(dāng)時(shí)沒有ssr，是后端直接渲染的模板，用戶訪問后，再進(jìn)行交互則再采用前后端分離和前端路由控制來完成。

當(dāng)前標(biāo)題：前后端分離情況下如何做SEO優(yōu)化？
新聞來源：http://jinyejixie.com/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í)需注明來源： 創(chuàng)新互聯(lián)