在不使用ssr的情况下解决Vue单页面SEO问题

TerryCai 发布于2019-07-25 14:29 / 842人阅读

摘要：遇到的问题近来在写个人博客的时候遇到了大家可能都会遇到的问题单页面在时显得很无力，尤其是百度不会抓取动态脚本配合前后端分离无法让标签在蜘蛛抓取时动态填充单页面又是大势所趋，写起来也不止是一个爽，当然也可以选择多页面但即使是多页面在面对文章

遇到的问题:

近来在写个人博客的时候遇到了大家可能都会遇到的问题

Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本

Vue-Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充

Vue单页面又是大势所趋，写起来也不止是一个爽，当然也可以选择多页面

但即使是多页面在面对文章和文档时候也不可能说给每篇文章生成个Vue页面

SSR当然能解决这个问题，但是仔细想想SSR不就跟以前的.php页面一样了么

都是预先拉取所有数据然后填充返回给浏览器，需要多消耗服务器资源，而且配置繁琐

当然预渲染也不能解决这个问题

那么问题来了，我只是想让百度抓取下我的动态文章，但是配置个繁琐的SSR并不是最好选择

我的解决办法:

既然只是想让百度抓取下我的动态文章，其实就是让蜘蛛抓取我的静态页面时候，html的meta标签是已经填充好的

那么就很简单了，我们只需要实现一个极其简单的阉割版的SSR不就好了么

PS：我百度了很久没有找到相关的文章，不知道是不是我百度的姿势不对

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/40163.html

在不使用ssr的情况下解决Vue单页面SEO问题

摘要：遇到的问题近来在写个人博客的时候遇到了大家可能都会遇到的问题单页面在时显得很无力，尤其是百度不会抓取动态脚本配合前后端分离无法让标签在蜘蛛抓取时动态填充单页面又是大势所趋，写起来也不止是一个爽，当然也可以选择多页面但即使是多页面在面对文章遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本 Vue-Router...

Aceyclee 2019-07-01 10:51 评论0 收藏0
在不使用ssr的情况下解决Vue单页面SEO问题

摘要：遇到的问题近来在写个人博客的时候遇到了大家可能都会遇到的问题单页面在时显得很无力，尤其是百度不会抓取动态脚本配合前后端分离无法让标签在蜘蛛抓取时动态填充单页面又是大势所趋，写起来也不止是一个爽，当然也可以选择多页面但即使是多页面在面对文章遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本 Vue-Router...

gxyz 2019-08-23 12:27 评论0 收藏0
在不使用ssr的情况下解决Vue单页面SEO问题(2)

摘要：上一篇说了单页面解决解决的问题只是用预处理了标签但是依然没有内容填充所以对于内容抓取依然有些乏力只是解决了从无到有的问题那接下来可以更进一步的预填充内容了预填充内容这里依然使用来实现首先在中拉取需要填充的数据列表或是具体内容修改拉取数据部分上一篇说了vue单页面解决解决SEO的问题只是用php预处理了meta标签但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无...

AlphaWallet 2019-08-23 12:55 评论0 收藏0
在不使用ssr的情况下解决Vue单页面SEO问题(2)

摘要：上一篇说了单页面解决解决的问题只是用预处理了标签但是依然没有内容填充所以对于内容抓取依然有些乏力只是解决了从无到有的问题那接下来可以更进一步的预填充内容了预填充内容这里依然使用来实现首先在中拉取需要填充的数据列表或是具体内容修改拉取数据部分上一篇说了vue单页面解决解决SEO的问题只是用php预处理了meta标签但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无...

tomorrowwu 2019-07-01 10:54 评论0 收藏0
在不使用ssr的情况下解决Vue单页面SEO问题(3)

摘要：先说明下上一篇的方法存在作弊行为孤陋寡闻了以前没接触过这些果然不能投机取巧啊替代方法将原来放入隐藏标签的内容放到骨架屏中用预渲染这样页面就会先展示重要的内容然后再显示其他部分麻烦点的就是如果想要好看的话需要将相关的样式都粘过来写在最后虽然隐先说明下,上一篇的方法存在作弊行为孤陋寡闻了,以前没接触过这些,果然不能投机取巧啊替代方法将原来放入隐藏标签的内容放到骨架屏中用php...

fuchenxuan 2019-08-23 12:59 评论0 收藏0