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

vue 做的页面大家是如何做 SEO 的,是服务器端渲染吗?

  •  
  •   justrand · 6 天前 · 3880 次点击

    大家有好的方式分享不?

    第 1 条附言  ·  5 天前
    感谢各位的解答
    37 回复  |  直到 2019-08-14 10:57:34 +08:00
        1
    id4alex   6 天前
    看看 nuxt.js 果断实践给大家汇报下 seo 效果和性能咋样啊
        2
    15651980765   6 天前
    mark 一下,等大佬解答。
        3
    Carseason   6 天前 via iPhone
    前端渲染就别想 seo 了
    老老实实的
        4
    zhangpeng2k   6 天前
    了解一下前端预渲染,可以对部分页面使用预渲染
    使用 prerender-spa-plugin 插件
    原理是编译的时候是使用无头浏览器对你的这个页面进行爬取,保存为纯静态 html 后,修改你的路由,让你在访问的时候直接访问静态 html

    一般只适用于首页,关于我们,等等一些数据不会变动的页面

    我自己没玩过...这周打算试试
        5
    binaryify   6 天前
    nuxt.js
        6
    luzemin   6 天前
    nuxt.js
        7
    rankrank   6 天前
    nuxt.js +1
        8
    hackyuan   6 天前 via iPhone
    jq 单独写一套给爬虫玩去
        9
    fuckshit   6 天前
    nuxt.js+1 其实我也是最近刚刚听说的 nuxt.js 觉得挺有意思的, 然后我就将我的小站修改成使用 nuxt.js 渲染了,效果挺好的。 欢迎围观 https://mlog.club
        10
    fuckshit   6 天前
    nuxt.js+1 其实我也是最近刚刚听说的 nuxt.js 觉得挺有意思的, 然后我就将我的小站修改成使用 nuxt.js 渲染了,效果挺好的。 欢迎围观 [https://mlog.club]( https://mlog.club)
        11
    yhxx   6 天前
    正常公司真的有那么多 SEO 需求吗?
    如果真的有的话,我觉得和搜索引擎“合作”比折腾 SSR 成本要低的多
        12
    weize888   6 天前 via Android
    HTML+1
        13
    ChefIsAwesome   6 天前 via Android   ♥ 1
    其实很简单。根据 ua 判断是爬虫的话,就走谷歌新出的 headless chrome 渲染 HTML 给他,否则就正常显示。几行代码就搞定的事情。可以看看谷歌新出的 SEO 专题学习下。
        14
    id4alex   5 天前
    说根据 ua 判断是否是爬虫的, 恐怕你们不知道搜索引擎也为悄悄的用非常规爬虫 ip 伪装成正常 ua 去访问你的网站去检查你是否有可以在欺骗搜索引擎。

    在早期这是一种作弊思路, 即页面对搜索引擎是一种内容(获取好的排名),对用户是另外一种页面(通常是广告引流) 后来搜索引擎都会定期以正常用户的视角去观察页面,判断是否有作弊的嫌疑。

    总的说来,就是前端框架开发的页面,你需要把所有默认权限能看到的页面全部配置成服务器端的渲染,我看到一些案例已经这样做了, 但是并发数稍微高一点容易 http 500, 所以还需要大家更多的实践来支撑前端框架 seo
        15
    louieliu   5 天前 via iPhone
    用性能工具看看 比如 lighthouse Chrome DevTools 已经内置了 可以看看他给你的建议,一步步来 首屏懒加载啊 上 cdn 啊 骨架屏啊 去掉无用的文件啊什么的
        16
    louieliu   5 天前 via iPhone
    卧槽 回错了
        17
    westoy   5 天前
    @yhxx

    google 当年给单页 SEO 搞过一个根据 hash fragment 转_escaped_fragment_参数做查询的标准, 照着做的都被挖坑给埋了, 接着 google 就把这个标准给 deprecated 了........
        18
    fengxianqi   5 天前
    最近刚好写了篇文章,还没用上 Nuxt.js 的同学可以看下,取了个不哗众取宠的标题:[Nuxt.js 实战和配置]( https://juejin.im/post/5d41a114e51d4561f40adcf1)
        19
    dusu   5 天前 via iPhone
    @id4alex 同意,补充一点,搜索引擎还和运营商合作,例如哪些页面带 referrer 被请求频率高,会优先抓这些页面,而 SPA 根本就不会走这些请求,单纯说根据 UA 做两套方案根本就是在骗自己。
        20
    ddup   5 天前 via Android
    服务端渲染 ssr
        21
    duan602728596   5 天前 via iPhone
    react ssr 和 vue ssr 原理差不多。改造的办法就是新增加一套 webpack 配置,编译另外一个入口文件,编译出来的文件作为 node 模块,每次请求时就会执行他并返回 html。
        22
    askfilm   5 天前
    @justrand 在意 seo , 还搞什么 spa , 人是活的(看起来高级的不一定是合适的), 折腾 seo 的时间,能干很多事了
        23
    wxp410351193   5 天前
    现在 seo 都这么高级了吗。。
        24
    fumichael   5 天前
    @yhxx #11 有些老板都不知道听谁说的
    做的内部管理系统,他也问,SEO 能做吗,虾鸡霸来的
    跟搜索引擎建立『合作关系』+1
        25
    gaigechunfeng   5 天前
    @fuckshit 老铁的 bbs 是用的什么框架啊?
        26
    lblblong   5 天前
    不想自己折腾的话就上 nuxt.js ,我的小站 www.pianduan.fun 就是用的 nuxt
        27
    id4alex   5 天前
    @lblblong 老哥压力测试过没啊? 感觉咋样啊
        28
    SilentDepth   5 天前
    Nuxt 是个好东西。

    除此之外,好好利用 meta 元素,Google 等搜索引擎就差不多了。它们的思路很简单:爬虫可读取,页面有内容,没测出作弊,排名就不低。更进一步的,访问性能、a10y,能做就做,有助于提升排名。楼上提到的 Lighthouse 可以用。

    至于国内,不得不给「商业合作」加个 1 …… = =
        29
    ShareManT   5 天前
    Nuxt 刚重写了一次个人网站
    后端 PHP Laravel
    前端 Nuxt.js
    https://share-man.com/
        30
    lblblong   5 天前
    @id4alex
    没做过压测,零散的访问还是顶的住的
    nuxt 用起来就是编译的时候,服务器内存一下就满了,现在都不在服务器编译了,放本地编译了再提交上去
        31
    fuckshit   5 天前
    @gaigechunfeng 老铁, 我的 bbs 是用 go 语言自己写的,源码放到 github 上了, 开源的,欢迎围观。
        32
    fuckshit   5 天前
    @ShareManT 看了你的网站,做的挺好的啊。 我的网站也是用 nuxt.js 渲染的 https://mlog.club

    你的网站中“日迹”功能的数据是从哪儿来的啊?
        33
    ShareManT   4 天前   ♥ 1
    @fuckshit
    感谢鼓励!“日迹”是我正在开发一个产品,数据由多种方式(记录、软件 API、穿戴设备)获取。
        34
    gaigechunfeng   4 天前
    @fuckshit 老铁,你的 github 地址贴一下,我 start 一下 :D
        35
    fuckshit   4 天前
    @gaigechunfeng 老铁,Github 地址在这里: https://github.com/mlogclub/mlog 欢迎老铁 star。
        36
    fuckshit   4 天前
    @ShareManT 厉害了老铁,持续关注中哈。
        37
    ShareManT   4 天前
    @fuckshit 好的!
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2240 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 12:53 · PVG 20:53 · LAX 05:53 · JFK 08:53
    ♥ Do have faith in what you're doing.