react 或者 vue,如何做 SEO 优化?

当涉及前端框架时,很多人都认为依赖 Node 的 SSR 是做 SEO 的唯一解决方案。但如果是运行在共享虚拟主机中、或是没有 root 权限等情况下,Node 就不可用了。所以,SSR 作为唯一解决方案这个说法有待商榷。

就 Vue 具体而言,主要有以下几种优化建议:

1. 使用 Vuex 提高页面加载速度
如你所知,世界正在迅速发展,人们的注意力持续时间越来越短。这就是搜索变得快速和精确的原因。但是,如果您的网页加载速度超过5秒,则Google可能会根据他们的准则对您进行处罚。

在知识大爆炸时代,人们集中注意力的时间越来越短,对内容的耐心也越来越短。如果一个内容点开后很久都加载不出来或是文不对题,可能用户就会选择离开。于是乎,搜索的速度与精准性变得越来越重要。

Vue.js 有一个很便捷的工具,Vuex。就像 React 有 Redux 一样,Vuex 存储于每个组件中间,使应用程序看起来很简单。使用 Vuex,可以无需再使用 Props 或事件进行组件通信,这就降低了代码行数,提高了应用程序性能。

2. 使用基于节点的服务器端渲染 (SSR) 进行 SEO

因此,SSR又名Server Side Rendering,是前端框架附带的“新”概念。它基于同构编程,这意味着相同的应用程序和代码在后端上下文和前端上下文中执行。

对于很多 To B 企业,会使用 SSR 去做企业官网的推广。

对营销推广要求较高的产品,会使用 SSR,即服务端渲染。由服务侧完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程。

3. 基于网站地图进行 SEO
站点地图可以充当您网站搜索机器人架构的地图,包含您认为是高质量的登录和导航的页面,编入索引。

站点地图对于较小的网站可能没有那么有用,但它仍然是一个有价值的 SEO 工具。

原文链接:https://blog.csdn.net/Authing/article/details/127875207?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522169114700016800197053008%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=169114700016800197053008&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-3-127875207-null-null.268%5Ev1%5Ekoosearch&utm_term=seo%E4%BC%98%E5%8C%96

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/21857

(0)
上一篇 2023年8月23日
下一篇 2023年8月23日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml