node.js - Angularjs/Reactjs如何SEO

Question

最近在琢磨Nodejs，主要采用如下第三方库：
Express.js
Swig.js
Angular.js
React.js
gulp.js

对搜索进行了简单测试，部署了一个纯静态页面和Node.js的页面，在百度和谷歌中直接搜索域名，发现纯静态页面的能搜索到，但Node.js怎么都搜索不到。

想问下大家Nodejs的页面怎么SEO呢？

Answer 1

曾經對這個問題做過一些研究, 但是並沒有太好的解決辦法

http://isay.me/2014/06/angular-prerender-seo-and-use-resolve-for-page-...

Answer 2

如果使用了Angular/React這樣的前端函式庫，可以使用Prerender來進行SEO

個人認為網頁無法被搜尋引擎收錄並不是Node.js的原因，Node.js也是可以寫靜態網頁的，同樣可以被搜尋引擎的crawler爬到，主要原因是為Angular/React，因為這些前端庫讓網頁內容變成動態載入了，搜尋引擎看到的只是一些js標籤，只有預先獲得內容，才能讓網頁被搜尋引擎正確收錄

Answer 3

感覺還是改下標題比較好，應該叫angularjs如何SEO

Answer 4

假如你採用後端渲染的方式，那麼seo是沒有問題的。
express不就有個後端路由嗎？

如果是做成單頁應用，勢必路由也會由前端控制，那麼渲染方式也會採用前端渲染的方式。由於頁面是由字元拼接而成的，這樣一來，也就沒有所謂的seo了。

Answer 5

不太好做

http://angularjs.cn/ 這個站我記得好像是看過一個貼子說做了兩份,一份是專門針對搜尋引擎的

Answer 6

Google 完全沒問題。 我自己有一個英文網站，基於 Angularjs，Google 可以正常收錄

另外 這個問題跟 Nodejs 好像無關呢

Answer 7

這裡介紹的很詳細。 如果有不懂的可以加作者聊，他很熱心的。
http://www.cnblogs.com/whitewolf/p/3464555.html

Answer 8

和node.js沒關係， SPA(Single Page App) 的通病， 如果用React, 可以考慮用isomorphic 的方式， 把需要SEO的page用伺服器渲染， 不過會對效能有一定影響， 開發也會複雜點

Answer 9

回看一年多前的問題，自己回答下：
方案：isomorphic同構，即後端渲染~

同構的兩個核心：
1、environment agnostic
2、shim for the each environment

推薦一本很不錯的書（請CSDN資源搜尋）：
Building Isomorphic JavaScript Apps