hmf123
V2EX  ›  Vue.js

vue seo 优化

  •  
  •   hmf123 · Sep 26, 2020 · 5573 views
    This topic created in 2097 days ago, the information mentioned may be changed or developed.
    请问 vue 如何简单的做到 seo 优化,项目已经完成,怎么在减少工作量的情况下,SEO 优化?
    18 replies    2020-09-29 15:34:46 +08:00
    opengps
        1
    opengps  
       Sep 26, 2020
    动态加载没办法 seo 的
    buliugu
        2
    buliugu  
       Sep 26, 2020
    那你需要 ssr 了,参考 https://ssr.vuejs.org/zh
    danhahaha
        3
    danhahaha  
       Sep 26, 2020
    另外给搜索引擎写一套简单的 html
    Ptu2sha
        4
    Ptu2sha  
       Sep 26, 2020
    不是有后端渲染吗 SSR
    zzk1989
        5
    zzk1989  
       Sep 26, 2020
    不上 nuxt ssr 的情况下可以用预渲染
    改动小,支持生成静态页面,缺点是 seo 数据不能实时更新,需要打包
    这个项目里面集成了预渲染,解决了类似 ssr 渲染异步数据的问题。缓存的接口数据会存到单个的 js 里面
    https://gitee.com/ZZK-1989/vue_projects.git
    love
        6
    love  
       Sep 26, 2020 via Android
    以前看到过不到 50 行代码的解决方案,判断搜索引擎访问,如果是就在代码里面调用 puppeteer 渲染对应动态页面,并且适当缓存,返回即可
    wzw
        7
    wzw  
       Sep 26, 2020 via iPhone
    @love 在哪?
    wzw
        8
    wzw  
       Sep 26, 2020 via iPhone
    我在等 vant 的 ssr
    love
        9
    love  
       Sep 26, 2020
    @wzw 自己写一下十分钟的事。nginx 判断 baidu|google user agent,是则转发到 puppeteer 的 nodejs 进程(并加个 nginx 请求缓存指令),否就转发到原来后端。
    molvqingtai
        10
    molvqingtai  
       Sep 26, 2020 via Android
    预渲染你值得拥有
    molvqingtai
        11
    molvqingtai  
       Sep 26, 2020 via Android
    terranboy
        12
    terranboy  
       Sep 26, 2020
    看你对 SEO 的要求 要求高的 乖乖用 SSR NUXT.JS 之类的
    dfourc
        13
    dfourc  
       Sep 26, 2020
    @love #9 居然还有这等神奇,是我孤陋寡闻了,这方法是不是为 spa 完全解决了 seo 的需求?
    shenyu1996
        14
    shenyu1996  
       Sep 26, 2020
    @molvqingtai 卧槽 这个有点厉害
    herozzm
        15
    herozzm  
       Sep 26, 2020 via Android
    @danhahaha #3 seo 中有一条:如果针对搜索引擎单独内容和人看到的不一样则重罚
    szdubinbin
        16
    szdubinbin  
       Sep 27, 2020
    类似 6 楼奇技淫巧,定期 puppeteer 爬一个页面,缓存起来,下次进来直接送那个页面,因为只是缓存 html 结构,js 还是会执行去拉数据的,不过这个单独的服务和前端包的更新策略需要设计。
    binaryify
        17
    binaryify  
       Sep 27, 2020 via iPhone
    nuxt
    hifanzl
        18
    hifanzl  
       Sep 29, 2020
    nuxt.js
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   919 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 21:48 · PVG 05:48 · LAX 14:48 · JFK 17:48
    ♥ Do have faith in what you're doing.