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

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

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

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

  優(yōu)化針對這個問題分2個點：

  1，前后端分離的架構(gòu)，無法提供搜索引擎可收錄的頁面，需要搜索引擎蜘蛛擁有執(zhí)行javascript能力才行，可現(xiàn)實是大部分的搜索引擎都不支持。

  2，支持了SPA架構(gòu)的產(chǎn)品，如何做SEO優(yōu)化。（第一個點是先讓他支持，第二條才落到優(yōu)化）

  我們先看第一個點，我們要做SEO支持首先要知道我們要優(yōu)化哪些Search Engine。

  常見的列舉，百度，google，微軟必應(yīng)，搜狗，等等。

  那么我們首先得了解Search Engine才能談如何做到讓頁面被收錄，這里就拿最常見的百度和google來舉例吧。

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

網(wǎng)頁題目：前后端分離情況下如何做SEO優(yōu)化？
文章位置：http://www.bm7419.com/news/10017.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、微信小程序、網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作、手機網(wǎng)站建設(shè)、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)