V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hmf123
V2EX  ›  Vue.js

vue seo 优化

  •  
  •   hmf123 · 2020-09-26 13:58:12 +08:00 · 4862 次点击
    这是一个创建于 1553 天前的主题,其中的信息可能已经有所发展或是发生改变。
    请问 vue 如何简单的做到 seo 优化,项目已经完成,怎么在减少工作量的情况下,SEO 优化?
    18 条回复    2020-09-29 15:34:46 +08:00
    opengps
        1
    opengps  
       2020-09-26 14:31:42 +08:00
    动态加载没办法 seo 的
    buliugu
        2
    buliugu  
       2020-09-26 14:45:25 +08:00
    那你需要 ssr 了,参考 https://ssr.vuejs.org/zh
    danhahaha
        3
    danhahaha  
       2020-09-26 14:46:35 +08:00
    另外给搜索引擎写一套简单的 html
    Ptu2sha
        4
    Ptu2sha  
       2020-09-26 14:48:53 +08:00
    不是有后端渲染吗 SSR
    zzk1989
        5
    zzk1989  
       2020-09-26 15:10:39 +08:00
    不上 nuxt ssr 的情况下可以用预渲染
    改动小,支持生成静态页面,缺点是 seo 数据不能实时更新,需要打包
    这个项目里面集成了预渲染,解决了类似 ssr 渲染异步数据的问题。缓存的接口数据会存到单个的 js 里面
    https://gitee.com/ZZK-1989/vue_projects.git
    love
        6
    love  
       2020-09-26 16:10:46 +08:00 via Android
    以前看到过不到 50 行代码的解决方案,判断搜索引擎访问,如果是就在代码里面调用 puppeteer 渲染对应动态页面,并且适当缓存,返回即可
    wzw
        7
    wzw  
       2020-09-26 17:20:03 +08:00 via iPhone
    @love 在哪?
    wzw
        8
    wzw  
       2020-09-26 17:23:32 +08:00 via iPhone
    我在等 vant 的 ssr
    love
        9
    love  
       2020-09-26 18:30:26 +08:00
    @wzw 自己写一下十分钟的事。nginx 判断 baidu|google user agent,是则转发到 puppeteer 的 nodejs 进程(并加个 nginx 请求缓存指令),否就转发到原来后端。
    molvqingtai
        10
    molvqingtai  
       2020-09-26 18:44:24 +08:00 via Android
    预渲染你值得拥有
    molvqingtai
        11
    molvqingtai  
       2020-09-26 18:48:50 +08:00 via Android
    terranboy
        12
    terranboy  
       2020-09-26 21:01:54 +08:00
    看你对 SEO 的要求 要求高的 乖乖用 SSR NUXT.JS 之类的
    galikeoy
        13
    galikeoy  
       2020-09-26 21:50:40 +08:00
    @love #9 居然还有这等神奇,是我孤陋寡闻了,这方法是不是为 spa 完全解决了 seo 的需求?
    shenyu1996
        14
    shenyu1996  
       2020-09-26 22:26:33 +08:00
    @molvqingtai 卧槽 这个有点厉害
    herozzm
        15
    herozzm  
       2020-09-26 22:37:04 +08:00 via Android
    @danhahaha #3 seo 中有一条:如果针对搜索引擎单独内容和人看到的不一样则重罚
    szdubinbin
        16
    szdubinbin  
       2020-09-27 00:41:43 +08:00
    类似 6 楼奇技淫巧,定期 puppeteer 爬一个页面,缓存起来,下次进来直接送那个页面,因为只是缓存 html 结构,js 还是会执行去拉数据的,不过这个单独的服务和前端包的更新策略需要设计。
    binaryify
        17
    binaryify  
       2020-09-27 08:06:08 +08:00 via iPhone
    nuxt
    hifanzl
        18
    hifanzl  
       2020-09-29 15:34:46 +08:00
    nuxt.js
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   944 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:55 · PVG 05:55 · LAX 13:55 · JFK 16:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.