notcome
V2EX  ›  Node.js

如何给纯 AJAX 页面做优化以方便搜索引擎索引?

  •  
  •   notcome · Apr 11, 2014 · 6803 views
    This topic created in 4595 days ago, the information mentioned may be changed or developed.
    打算做一个类似 wiki 的网站, 用 node.js. 访问页面的时候先载入整个 js app, 然后 fetch 有关页面的 markdown-like 内容, 接着输出 HTML.

    对于这样的网站, 有办法对搜索引擎做优化吗? 我的一个想法是对于直接访问 A页面则返回纯 HTML 源码, 而接着访问 B页面则使用 AJAX, 类似 GitHub, 这样的话有什么框架可以推荐吗? 即能实现前后端代码的复用……
    18 replies  •  1970-01-01 08:00:00 +08:00
    wdlth
    wdlth
    Apr 11, 2014
    1
    Github用了Pjax技术,你也可以通过判断UA来进行docroot切换或者Rewrite之类输出不同页面。
    alexapollo
    alexapollo
    Apr 11, 2014
    2
    同问。前一段了解了PJAX,但不清楚有没有同类技术。。
    jsonline
    jsonline
    Apr 11, 2014
    4
    Pjax 依然使用了后台模板,页面不是由 JS 渲染的。
    我目前是维护两套模板,恩,很蛋疼。
    ijse
    ijse
    Apr 11, 2014
    5
    使用前后端通用的模板引擎,例如handlebars ..

    然后,,
    ```
    app.get '/page/:partial', (req, res, next)->
    partial = req.param 'partial'
    if req.xhr
    # process....
    res.json { ... }
    else
    res.locals.partial = partial
    res.render 'layout', { ... }
    ```
    lbj96347
    lbj96347
    Apr 12, 2014 via iPad
    6
    我們是使用phantomjs解決的,網上有類似的Example
    jsonline
    jsonline
    Apr 12, 2014
    7
    @ijse 但是前端模板的用法和后台是不一样的。
    比如 Backbone,我是不会在前端模板里写循环的,因为可以用 Collection 在 JS 里循环。后台模板就只能在模板里循环了。
    jakwings
    jakwings
    Apr 12, 2014
    8
    除了 Google 的 AJAX 收录方式之外。还可以用 sitemap.xml ,顺便提供较完整的静态页面。
    notcome
    notcome
    OP
    Apr 12, 2014 via iPhone
    9
    先感谢各位。
    昨晚看了一下 PJAX,感觉还不错,毕竟减少 JS 可以提高访问速度(近期 GFW 太恐怖)。
    其它的方案今天实验实验。
    notcome
    notcome
    OP
    Apr 12, 2014 via iPhone
    10
    @jasontse 仔细想了一下我这应该不算文档里的 ajax,没有状态,我只是希望比如 a.html,就下载 a.md 前端渲染……
    昨天第一篇文章就看它了结果晕掉了
    yimity
    yimity
    Apr 12, 2014
    11
    可以用自定义 header,有自定义header的返回json,否则返回页面。
    Lax
    Lax
    Apr 12, 2014
    12
    可以考虑考虑提交sitemap。
    peartail
    peartail
    Apr 12, 2014 via iPad
    13
    Angularjs 在搞 SEO 的人群中更常用于 Ajax 网站的优化。
    peartail
    peartail
    Apr 12, 2014
    14
    Google 官方文档:Making AJAX Applications Crawlable

    https://developers.google.com/webmasters/ajax-crawling/docs/getting-started
    heqichang
    heqichang
    Apr 12, 2014
    16
    可以判断请求的useragent,如果是搜索引擎的给它一个全文的页面,如果是普通浏览器的就加载现在的页面
    andyhu
    andyhu
    Apr 16, 2014
    18
    what about 百度和360?如果是中文网站还是这两个搜索引擎的天下吧,有人测试过带hash的地址收录怎样嘛?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2446 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 12:29 · PVG 20:29 · LAX 04:29 · JFK 07:29
    ♥ Do have faith in what you're doing.