V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
xypcn
V2EX  ›  前端优化

vue 单页面应用如何 SEO

  •  1
     
  •   xypcn · 2018-07-11 01:10:51 +08:00 · 5657 次点击
    这是一个创建于 2347 天前的主题,其中的信息可能已经有所发展或是发生改变。
    21 条回复    2018-07-12 17:36:06 +08:00
    lzhnull
        1
    lzhnull  
       2018-07-11 01:17:10 +08:00 via Android
    不用 VUE
    simple11
        2
    simple11  
       2018-07-11 01:18:40 +08:00 via iPhone   ❤️ 1
    ssr
    billchenchina
        3
    billchenchina  
       2018-07-11 01:32:45 +08:00
    Server Side Render
    IvanLi127
        4
    IvanLi127  
       2018-07-11 07:26:02 +08:00 via Android
    你在说什么?
    wzw
        5
    wzw  
       2018-07-11 07:50:29 +08:00 via iPhone
    可以考虑给蜘蛛单独做一个页面。
    xypcn
        6
    xypcn  
    OP
       2018-07-11 07:59:36 +08:00
    @billchenchina Server Side Render 可能太复杂了,我看了,实现有点不靠谱,还有 Prerender 之类.
    @wzw 这个方案就是给蜘蛛单独做一个页面。
    @lzhnull 不用 vue,你有点 low 了 :)
    askfilm
        7
    askfilm  
       2018-07-11 08:43:26 +08:00
    不用 VUE +1
    askfilm
        8
    askfilm  
       2018-07-11 08:44:20 +08:00
    不用 VUE 就 low 了 ...
    agdhole
        9
    agdhole  
       2018-07-11 08:47:03 +08:00 via Android
    ssr
    推荐直接 nuxt 一步到位
    fuermosi777
        10
    fuermosi777  
       2018-07-11 08:50:18 +08:00
    检查如果是 spider 就 server render,否则正常 render ?
    Troevil
        11
    Troevil  
       2018-07-11 08:53:41 +08:00   ❤️ 1
    @xypcn 你这是给 vue 招黑吧 ,不用 vue 怎么 low 了, 只有对的方案没有 low 技术, 难不成做个单页面还必须上 mv**?
    kefengong
        12
    kefengong  
       2018-07-11 08:57:13 +08:00 via Android
    简单的站点 预渲染 复杂的 ssr
    qiaobeier
        13
    qiaobeier  
       2018-07-11 09:21:22 +08:00
    最差点自己写个 theme,判断下 HTTP_USER_AGENT 来输出。
    LanAiFaZuo
        14
    LanAiFaZuo  
       2018-07-11 09:25:29 +08:00
    https://www.v2ex.com/t/457717
    我之前的网站就是 vue 写的,后来改了。
    SKull4
        15
    SKull4  
       2018-07-11 09:50:24 +08:00
    @LanAiFaZuo 改成什么了?
    LanAiFaZuo
        16
    LanAiFaZuo  
       2018-07-11 15:28:08 +08:00
    @SKull4 改成静态页面了啊。现在源码都看的到,之前的是乱码。
    jennifertxwoodma
        17
    jennifertxwoodma  
       2018-07-11 15:51:44 +08:00
    别用 vue 就好
    xypcn
        18
    xypcn  
    OP
       2018-07-11 18:15:27 +08:00
    @agdhole ssr ,nuxt 没有细研究。静态化的方案肯定不行,网站大部分数据都是来源数据库的,通过 axios 异步获得,如果静态化,难道要把整个库的记录一条一条都衍射出来,再生成 HTML 文件,感觉上不靠谱。

    ssr 可能可行,一个服务的容器, 生成 html,ssr 要处理事件,异步数据,不知能否生成所需要的页面,感觉难度比较大,就算实现了,也很奇怪,一个客户端做的事情,却要在服务端生成。

    当然用不用 vue low,也不是那个意思,作为一种技术,vue 之流确实有很多优势,能写更好交互,网站的流量更少。

    本质来讲,把蜘蛛当作是一个端,类似 web,m,app,h5 为每个端单独开发,就不纠结了,任何想一统天下的都会有很多 bug.
    beny2mor
        19
    beny2mor  
       2018-07-11 18:52:09 +08:00
    @xypcn nuxt 有 pre render 模式和 ssr 模式啊...
    ssr 模式你访问 http://example.com/page1 时会由 nodejs 计算页面结果(比如获取数据库数据渲染到 html 上)再返回给你的...
    agdhole
        20
    agdhole  
       2018-07-11 23:46:19 +08:00 via Android
    @xypcn nuxt 很方便的,有自动的动态路由,一键打包丢服务器上就完事了
    xypcn
        21
    xypcn  
    OP
       2018-07-12 17:36:06 +08:00
    @agdhole @beny2mor nuxt 有 bug,不能实现按需加载,一开始就加载了所有 js,可能是我设置不对,看知乎上也有人反馈,上手挺快,加载所有的 JS 问题可能是 webpack 动态调用的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   863 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 21:49 · PVG 05:49 · LAX 13:49 · JFK 16:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.