本人是后端开发!没事看了下vue,然后写了一个小网站 G9ZZ
vue
站点是前后端分离的,后端是php提供的数据,前端是 vue的elementUI
elementUI
但是发现SEO是个问题!
SEO
简单看了下 vue官方的ssr,没看懂...
vue官方的ssr
请问有什么比较简单的方法 让我已经写好的站,进行seo,让搜索引擎收录么?
very 3q
sf的回答越来越碎了,你要么给个答案,要么别发言啊,几个字又不是什么答案的线索……
简单说下自己的看法。
针对vue等SPA应用,要做SEO唯一的解决方案叫“直出”,说白了,就是首屏以html字符串的方式输出。这就是react、vue都要支持服务端渲染的能力。所谓服务端渲染(server side render),就是在服务端将react组件使用renderToString方法,渲染成字符串,再和html模板拼装一下,得到和普通网页一样的html源代码,进行输出。
比如用户进入到/cat/detial1.html这个url,查看页面源代码,是detail1的具体内容,页面已经显示出来了,无论是用户打开页面,还是搜索引擎蜘蛛,都可以看到具体的内容,注意,这个时候前端打包的bundle文件还没有加载完。直到bundle下载完执行时,bundle代码会去检查当前html中的DOM节点,如果发现存在问题,会去对DOM进行更新,之后,再实现原来react中的onClick等事件绑定。这个过程的后半部分和你现在的方式基本是一致的。
为什么是“首屏”呢,因为它还是SPA,bundle加载完之后,和你现在的应用的操作是一样的。这是路由的功能。
服务端渲染是个大问题,我也是在学习过程中,仅做一个思路。
本人对SEO稍微有点了解。SEO 这么老土的行业了,还考虑个啥的SEO~~~如果真要从SEO角度来看,搜索引擎蜘蛛在索引网页时,是从html里获取页面信息,故对js支持不友好。如果你仅仅是想让网站收录,增加title,description,keywords 标签,在页面头部或底部增加几句固定的文字描述,是可以收录首页的。
若想要排名的话,有点难
收录和SEO是两回事如果单纯的想考虑让百度收录 能搜索到 这个只要你title写了 网站能正常访问 且没有敏感信息 都可以的 可以参考我的文章 百度网站收录教程(个人版)要做SEO就是想让百度搜索出来的结果靠前 一般都要专人来维护的 个人网站是不需要的
SEO。。你选了前后端分离。数据就没法被收录。你看掘金。就是用的vue。收录内容了吗
搜下vue服务器渲染
既然是前后端分离 又想提高seo搜索引擎的搜索 最好是服务端渲染 你可以本地node搭一个服务器 用来获得数据并结合 后端模板 例如 ejx 来生成模板 并发送生成的html代码到浏览器 这样可以提高SEO的搜索
prerender-spa-plugin插件可能适用。
prerender-spa-plugin
后端模板又不一定是出一个“无内容页”(内容全靠js)。后端模板把你需要 SEO 的东西渲染好就行了(完全都不用管格式,简单吧),前端处理前把已有的不要的东西先清掉。
听说有个东西叫ssr
nuxt
我刚写了篇文章,不过这么久了不知道还需要不...后端也是php,比较丑陋但是基本实现了,可以配合prerender-spa-plugin插件使用在不使用ssr的情况下解决Vue单页面SEO问题
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(10)
sf的回答越来越碎了,你要么给个答案,要么别发言啊,几个字又不是什么答案的线索……
简单说下自己的看法。
针对vue等SPA应用,要做SEO唯一的解决方案叫“直出”,说白了,就是首屏以html字符串的方式输出。这就是react、vue都要支持服务端渲染的能力。所谓服务端渲染(server side render),就是在服务端将react组件使用renderToString方法,渲染成字符串,再和html模板拼装一下,得到和普通网页一样的html源代码,进行输出。
比如用户进入到/cat/detial1.html这个url,查看页面源代码,是detail1的具体内容,页面已经显示出来了,无论是用户打开页面,还是搜索引擎蜘蛛,都可以看到具体的内容,注意,这个时候前端打包的bundle文件还没有加载完。直到bundle下载完执行时,bundle代码会去检查当前html中的DOM节点,如果发现存在问题,会去对DOM进行更新,之后,再实现原来react中的onClick等事件绑定。这个过程的后半部分和你现在的方式基本是一致的。
为什么是“首屏”呢,因为它还是SPA,bundle加载完之后,和你现在的应用的操作是一样的。这是路由的功能。
服务端渲染是个大问题,我也是在学习过程中,仅做一个思路。
本人对SEO稍微有点了解。
SEO 这么老土的行业了,还考虑个啥的SEO~~~
如果真要从SEO角度来看,搜索引擎蜘蛛在索引网页时,是从html里获取页面信息,故对js支持不友好。
如果你仅仅是想让网站收录,增加title,description,keywords 标签,在页面头部或底部增加几句固定的文字描述,是可以收录首页的。
若想要排名的话,有点难
收录和SEO是两回事
如果单纯的想考虑让百度收录 能搜索到 这个只要你title写了 网站能正常访问 且没有敏感信息 都可以的 可以参考我的文章 百度网站收录教程(个人版)
要做SEO就是想让百度搜索出来的结果靠前 一般都要专人来维护的 个人网站是不需要的
SEO。。你选了前后端分离。数据就没法被收录。
你看掘金。就是用的vue。收录内容了吗
搜下vue服务器渲染
既然是前后端分离 又想提高seo搜索引擎的搜索 最好是服务端渲染 你可以本地node搭一个服务器 用来获得数据并结合 后端模板 例如 ejx 来生成模板 并发送生成的html代码到浏览器 这样可以提高SEO的搜索
prerender-spa-plugin
插件可能适用。后端模板又不一定是出一个“无内容页”(内容全靠js)。
后端模板把你需要 SEO 的东西渲染好就行了(完全都不用管格式,简单吧),前端处理前把已有的不要的东西先清掉。
听说有个东西叫ssr
nuxt
我刚写了篇文章,不过这么久了不知道还需要不...
后端也是php,比较丑陋但是基本实现了,可以配合prerender-spa-plugin插件使用
在不使用ssr的情况下解决Vue单页面SEO问题