用了react或者vue？

使用 React 或 Vue 做 SEO 優(yōu)化需要借助 Nodejs 實(shí)現(xiàn)服務(wù)端渲染（SSR）。

而要實(shí)現(xiàn)服務(wù)端渲染需要先搭建一個(gè)腳手架，你可以自己從零開(kāi)始搭建腳手架，但這很麻煩。最簡(jiǎn)單的就是使用開(kāi)源的框架，它們一般內(nèi)置就封裝好了腳手架，比如基于 React 的 Next.js，和基于 Vue 的 Nuxt.js。你也可以借助開(kāi)源的腳手架比如 Razzle 來(lái)實(shí)現(xiàn) SSR 渲染。Razzle 是我用過(guò)的比較好用的工具，因?yàn)樗`活。下面以 React + Razzle 為例，講講如何做 SEO 優(yōu)化（本文的示例代碼放在GitHub：github.com/liamwang/react-starter）。

首先，使用 Razzle 搭建腳手架，使用如下命令安裝 Razzle 并運(yùn)行它：

其實(shí)以上這樣簡(jiǎn)單的一步，Razzle 基本上就把大部分工作已經(jīng)完成了。然后開(kāi)始添加幾個(gè)測(cè)試頁(yè)面并配置 Router 路由。文件結(jié)構(gòu)和路由配置如下圖所示：

紅色圈出來(lái)的部分是添加的幾個(gè)示例頁(yè)面，具體代碼可以參照我的 GitHub 源碼。這就實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的支持服務(wù)端渲染的網(wǎng)站，運(yùn)行效果如下：

接著，編輯 server.js 實(shí)現(xiàn)自定義服務(wù)端渲染邏輯。打開(kāi) server.js 文件，你會(huì)發(fā)現(xiàn)工具已經(jīng)幫你寫(xiě)好了基本的服務(wù)端渲染代碼，但是你可能要根據(jù)需求進(jìn)行自定義，比如自定義 titile、 meta 標(biāo)簽。下面是一個(gè)示例：

為了利于 SEO，你可以在這里任意自定義 HTML 頭標(biāo)簽，比如標(biāo)題和和關(guān)鍵字等。

最后，剩下的工作基本上就和你平時(shí)寫(xiě) React 代碼一樣，比如 Redux、Mobx、Sass 等。

有不清楚的歡迎留言交流，希望我的回答對(duì)你有幫助！