自己用vue写了一个小网站,但是seo是个问题(本人后端)

Question

本人是后端开发!
没事看了下vue,然后写了一个小网站 G9ZZ

站点是前后端分离的,后端是php提供的数据,前端是 vue的elementUI

但是发现SEO是个问题!

简单看了下 vue官方的ssr,没看懂...

请问有什么比较简单的方法 让我已经写好的站,进行seo,让搜索引擎收录么?

very 3q

Answer 1

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加载完之后，和你现在的应用的操作是一样的。这是路由的功能。

服务端渲染是个大问题，我也是在学习过程中，仅做一个思路。

Answer 2

本人对SEO稍微有点了解。
SEO 这么老土的行业了，还考虑个啥的SEO~~~
如果真要从SEO角度来看，搜索引擎蜘蛛在索引网页时，是从html里获取页面信息，故对js支持不友好。
如果你仅仅是想让网站收录，增加title，description，keywords 标签，在页面头部或底部增加几句固定的文字描述，是可以收录首页的。

若想要排名的话，有点难

Answer 3

收录和SEO是两回事
如果单纯的想考虑让百度收录 能搜索到 这个只要你title写了 网站能正常访问 且没有敏感信息 都可以的 可以参考我的文章 百度网站收录教程（个人版）
要做SEO就是想让百度搜索出来的结果靠前 一般都要专人来维护的 个人网站是不需要的

Answer 4

SEO。。你选了前后端分离。数据就没法被收录。
你看掘金。就是用的vue。收录内容了吗

搜下vue服务器渲染

Answer 5

既然是前后端分离 又想提高seo搜索引擎的搜索 最好是服务端渲染 你可以本地node搭一个服务器 用来获得数据并结合 后端模板 例如 ejx 来生成模板 并发送生成的html代码到浏览器 这样可以提高SEO的搜索

Answer 6

prerender-spa-plugin插件可能适用。

Answer 7

后端模板又不一定是出一个“无内容页”（内容全靠js）。
后端模板把你需要 SEO 的东西渲染好就行了（完全都不用管格式，简单吧），前端处理前把已有的不要的东西先清掉。

Answer 8

听说有个东西叫ssr

Answer 9

nuxt

Answer 10

我刚写了篇文章，不过这么久了不知道还需要不...
后端也是php，比较丑陋但是基本实现了，可以配合prerender-spa-plugin插件使用
在不使用ssr的情况下解决Vue单页面SEO问题