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

vue 开发起来确实爽,但是对 seo 不友好

  •  
  •   jack4536251 · 2023-07-28 23:39:31 +08:00 · 6724 次点击
    这是一个创建于 462 天前的主题,其中的信息可能已经有所发展或是发生改变。

    传统的开发,使用服务端渲染有利于 seo ,有没有让 vue 也也可以 seo 的办法?

    39 条回复    2024-03-22 10:48:44 +08:00
    taotaodaddy
        1
    taotaodaddy  
       2023-07-28 23:56:53 +08:00
    vue 的 ssr 方案试试 Nuxt.js
    jack4536251
        2
    jack4536251  
    OP
       2023-07-29 00:56:31 +08:00 via Android
    @taotaodaddy 试过了,不好用
    airyland
        3
    airyland  
       2023-07-29 02:38:28 +08:00
    nuxt 应该还可以。你也可以用一些工具批量将 vue 单页面静态化。
    arnosolo
        4
    arnosolo  
       2023-07-29 03:51:54 +08:00
    astro 可以 ssg, 且速度飞快 https://astro.build/
    Rocketer
        5
    Rocketer  
       2023-07-29 03:53:38 +08:00 via iPhone
    把内容放进 noscript 标签,亲测有效
    kkocdko
        6
    kkocdko  
       2023-07-29 07:24:31 +08:00 via Android   ❤️ 11
    seo 问题与是否使用 vue 没有必然联系。
    zachlhb
        7
    zachlhb  
       2023-07-29 08:35:08 +08:00 via Android
    是的,vue 对 seo 不好,所以去用 react 吧
    crazyTanuki
        8
    crazyTanuki  
       2023-07-29 09:12:40 +08:00
    用 nextjs 吧,有资本支持,口碑还挺好
    dw2693734d
        9
    dw2693734d  
       2023-07-29 09:20:05 +08:00
    nextjs 才是王道
    MrHyde
        10
    MrHyde  
       2023-07-29 09:30:11 +08:00 via iPhone
    Nextjs 确实可以
    kenvix
        11
    kenvix  
       2023-07-29 10:41:53 +08:00
    单独给搜索引擎的 useragent 做个 HTML4 的古典页面用于索引不就行了吗
    Clax
        12
    Clax  
       2023-07-29 10:51:04 +08:00 via Android
    WordPress 岂不是更好,如果不是很复杂的应用的话
    790002517zzy
        13
    790002517zzy  
       2023-07-29 10:56:07 +08:00 via Android
    @Rocketer 细说怎么放
    nanofei
        14
    nanofei  
       2023-07-29 11:03:23 +08:00
    现在谷歌不是可以 seo 单页面应用了么
    vinsony
        15
    vinsony  
       2023-07-29 11:14:29 +08:00
    用搜索引擎来的请求,用无头浏览器直接返回 html
    sunorg
        16
    sunorg  
       2023-07-29 12:24:02 +08:00 via Android
    这玩意要 seo 最好就是 bs5 ,不需要的才 spa 。 混合开发,包子门
    owen800q
        17
    owen800q  
       2023-07-29 12:26:00 +08:00 via iPhone
    @vinsony 不现实,太慢了,headless chrome 从打开到护回至少要 3 秒至 4 秒,同时有 100 个访问,打开 100 个 headless chrome?
    790002517zzy
        18
    790002517zzy  
       2023-07-29 12:33:31 +08:00 via Android
    好像有插件可以支持 SSG
    kachu673
        19
    kachu673  
       2023-07-29 13:08:39 +08:00
    @crazyTanuki nuxt 和 next 相比呢?我主要觉得 nuxt 用的 vue ,会更简单点
    wmwm
        20
    wmwm  
       2023-07-29 13:22:30 +08:00
    Nextjs 不错,支持 ssg ,刚好我最近用它开发了我的网站,https://wmwm.me ,我用的是最新的 nextjs13 app router
    proletarius
        21
    proletarius  
       2023-07-29 14:22:52 +08:00
    我不知道一个缝合怪工具箱开发起来有啥爽的,试试 react 呢?
    jsq2627
        22
    jsq2627  
       2023-07-29 14:42:42 +08:00 via iPhone
    @owen800q 古早 SSR 还很难用的时候,一般就是这个方案。代表有 https://prerender.io/
    jsq2627
        23
    jsq2627  
       2023-07-29 14:51:15 +08:00
    接上,这是我 2016 年开发的一个纯 AngularJS 的项目,当时用 https://github.com/prerender/prerender 给搜索引擎和爬虫提供服务端渲染结果,效果是很好的: http://web.archive.org/web/20161030074602/https://www.keylol.com/

    楼上有人说搜索引擎能够爬取 SPA ,这点是没错的,但是如果网站页面量级大,爬虫并不会给每个页面都执行 JS 来渲染(因为开销很大),这会影响爬虫索引量的。所以 SSR 或者预渲染方案现阶段还是有必要
    另外,即使用上了 SSR/预渲染,也不要太乐观就能被 Google/百度 收录。SEO 影响因素非常多。
    lishei
        24
    lishei  
       2023-07-29 14:53:16 +08:00
    在 astro 里面加 vue 也可以考虑考虑
    Tdy95
        25
    Tdy95  
       2023-07-29 15:04:49 +08:00
    如果是历史遗留的 spa 应用需要做 seo 的可以看看这个 https://github.com/mydaoyuan/spa-sparender
    iseki
        26
    iseki  
       2023-07-29 15:21:26 +08:00 via Android
    @kenvix 这好象是搜索引擎明确禁止的行为,会被惩罚
    LandCruiser
        27
    LandCruiser  
       2023-07-29 16:05:35 +08:00
    个别页面服务端渲染,大多数页面 spa
    chocotan
        28
    chocotan  
       2023-07-29 17:46:30 +08:00
    @nanofei 不行的,我有个站就是单页面应用,只索引了首页
    billytom
        29
    billytom  
       2023-07-29 20:34:49 +08:00 via iPhone
    这年头已经没有 seo 了,你还忧虑个啥
    nexo
        30
    nexo  
       2023-07-29 20:38:08 +08:00
    @taotaodaddy 不好用 一堆坑
    zohar727
        31
    zohar727  
       2023-07-29 22:35:53 +08:00
    vue 也可以 ssr 呀。我们用的 vue + egg.js
    nianyu
        32
    nianyu  
       2023-07-29 22:39:04 +08:00
    不明白 react 能解决题主的什么问题
    nowheremanx
        33
    nowheremanx  
       2023-07-30 08:47:16 +08:00
    就是 SSR 的问题,各个框架都能做,楼上也有说 nuxt 。不知道为啥大部分人都在推崇 react
    istomyang
        34
    istomyang  
       2023-07-30 10:10:42 +08:00
    SEO 跟 Vue 有什么关系?这句话不就是在说 “我同学某某某(女)没有小 GG” 吗?女的都没有小 GG 好不好?
    crazyTanuki
        35
    crazyTanuki  
       2023-07-30 11:20:35 +08:00
    @kachu673 一样的原理,只是技术栈不一样
    Zwying
        36
    Zwying  
       2023-07-30 16:04:50 +08:00
    Nuxtjs 应该是目前最完善的解决方案了,Vue 平台下的,还有楼上提到的 Astro ,但是还不太成熟
    chf007
        37
    chf007  
       2023-07-30 16:06:51 +08:00
    如果坚持 Vue 的话 Nuxt 还不好用?
    yetrun
        38
    yetrun  
       2023-08-07 17:54:35 +08:00
    SEO 这种垃圾的东西,要对它友好干嘛
    devzhaoyou
        39
    devzhaoyou  
       225 天前
    @nexo 什么坑
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2784 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:25 · PVG 21:25 · LAX 06:25 · JFK 09:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.