node.js - Angularjs/Reactjs如何SEO
天蓬老师
天蓬老师 2017-04-17 11:46:28
0
9
669

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

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(9)
阿神

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

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

大家讲道理

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

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

Peter_Zhu

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

阿神

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

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

伊谢尔伦

不太好做

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

阿神

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

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

迷茫

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

Peter_Zhu

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

Peter_Zhu

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

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

推薦一本很不錯的書(請CSDN資源搜尋):
Building Isomorphic JavaScript Apps

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板