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

发布于 2022-09-06 08:30:43 字数 319 浏览 39 评论 0

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

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

但是发现SEO是个问题!

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

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

very 3q

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(10

凯凯我们等你回来 2022-09-13 08:30:43

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

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

一腔孤↑勇 2022-09-13 08:30:43

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

若想要排名的话,有点难

握住你手 2022-09-13 08:30:43

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

落叶缤纷 2022-09-13 08:30:43

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

搜下vue服务器渲染

征﹌骨岁月お 2022-09-13 08:30:43

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

平安喜乐 2022-09-13 08:30:43

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

春风十里 2022-09-13 08:30:43

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

童话 2022-09-13 08:30:43

听说有个东西叫ssr

夏见 2022-09-13 08:30:43

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文