前后端分离为什么不利于网站的SEO？

最新推荐文章于 2022-10-12 15:17:20 发布
转载 最新推荐文章于 2022-10-12 15:17:20 发布 · 3.6k 阅读 · 1

本文探讨了搜索引擎优化（SEO）与JavaScript动态渲染之间的关系。详细解释了为何使用JavaScript动态加载内容可能会影响网页被搜索引擎爬虫抓取的效果，并提到了不同搜索引擎处理JavaScript的能力差异。

搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以说用js来渲染数据对seo并不友好。

ps:另外js并不是所有的引擎都爬不到，如google早就实现去解析js内容了，而国内的一批“蠢一点”的则还不行。google搜索不到知乎，是因为有网站的robots.txt可以配置，知乎默认是不对搜索引擎开放的。守规则的引擎还是会遵循你的配置不去抓取，而一些流氓软件则不见得了。

            ————来自segmentfault问答

网址：https://segmentfault.com/q/1010000009369779/a-1020000009370048

前后端分离搭建网站
MichealCurry1的博客
02-28 2977
用的是react加nodejs，发现很少人写过这个，自己一点一点琢磨出大致步骤 前后端数据交互 get方法 如果是以get方法传递参数，那么后端用req.query接受即可，前段写法为/test?id=123 post方法 以post方法传递参数，后端需要使用body-parser中间件，前端在axios.post(url,{id:123})进行传参即可 部署nodejs到服务器上 安装Node.js 1.执行以下命令，下载Node.js的安装包。 wget <https://n..
前后端分离详解
最新发布
~~~的博客
04-19 3387
至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。现有的搜索引擎都是通过爬虫工具来爬取各个网站的信息，这些爬虫工具一般只能爬取页面上(HTML)的内容，而前后端分离，前端的数据基本上都是存放在行为逻辑（JavaScript）文件中，爬虫工具无法爬取，无法分析出你网站到底有什么内容，无法与用户输入的关键词做关联，最终排名就低。2】开发准备与接口定义。
服务端之MVC和前后端分离对比
码说芯语的博客
07-07 1700
1、MVC框架： 全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。 2、JSP技术没落的原因： 1、开发模式的转变： 从前后端混合式开发到前后端分离模式开发 2、架构模式的改变：
为什么前后端分离不利于seo
weixin_30701575的博客
05-21 642
搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以说用js来渲染数据对seo并不友好。 另外js并不是所有的引擎都爬不到，如google早就实现去解析js内容了，而国内的一批“蠢一点”的则还不行。google搜索不到知乎，是因为有网站的robo...
为什么说前后端分离不利于seo
MISS_zhang_0110的博客
10-12 1402
也就是说，如果一个单页应用，html在服务器端还没有渲染部分数据数据，在浏览器才渲染出数据，而搜索引擎请求到的html是没有渲染数据的。搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。而你的页面通常用了vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以说用js来渲染数据对seo并不友好。一般的数据逻辑操作是放在后端的。排序这个如果仅仅是几条数据，前后端排序开起来是一样的，如果是有1000条数据，前端要排序就要都请求过来。
前端后端分离，怎么解决SEO优化的问题呢？
p15097962069的博客
02-15 220
前端后端分离，怎么解决SEO优化的问题呢？
前后端分离——为什么说Vue不利于SEO？
m0_46570767的博客
06-07 3399
前后端分离——为什么说Vue不利于SEO？ 1.什么是SEO？ SEO是Search Engine Optimization的缩写，意思是“搜索引擎优化”。简单地说，SEO优化就是人们在各浏览器通过搜索结果获得网站流量，提升网站排名的一种技术实现过程。 2.为什么说Vue不利于SEO？ 首先，搜索引擎的实现是基于爬虫（Python）原理，先抓取并解析你网站的URL地址，然后获取该网址的HTML源代码并解析。 而Vue,js的页面数据渲染依赖于其数据绑定机制，并且Vue.js语法是基于JavaScript。
前后端分离开发的相关介绍
01-02
并且一开始的空白页面也不利于 SEO。 前后端完全分离 服务器端渲染，全称 Server Side Render。服务器端渲染是指服务器端渲染出完整的首页 DOM 结构以及 SPA 结构，应用激活后依然按照 SPA 方式运营。并且，渲染...
基于NodeJS的前后端分离的思考与实践（二）模版探索
10-25
基于NodeJS的前后端分离技术是现代Web开发中的一种重要模式，它将前端和后端的工作分离开来，使得前后端工程师可以更加专注于各自的工作领域。这种模式不仅可以提高开发效率，还可以使项目更容易维护和扩展。在本文...
服务器端渲染 和 前后端分离
weixin_55478382的博客
05-30 555
服务器端渲染的优缺点 优点：前端耗时少；有利于seo； 缺点：占用服务器端资源；不利于前后端分离，开发效率低下； 运用场景：企业级的网站 前后端分离的优缺点 优点：开发体验好；用户体验好；减轻服务器端渲染压力； 缺点：不利于seo； 但是后面的框架vue和react 可以利用ssr 技术解决爬虫的问题； 运用场景：类似管理项目，交互户性比较强，不需要考虑seo，使用前后端分离的开发模式 ...
使用React从零完整构建一个前后端分离网站，诞生一个小项目PoemKit
changcheng552200的博客
11-14 4789
打杂到一定时候，也要总结总结，4年前UI工作做得蛮多，目前开发工作接触的蛮多，其实就是为了项目的落地不求人，不知不觉学了些东西，闲暇之余做了一些东西。 今天有无数的React UI工具包和库。那面对这么多选择，面对新的项目挑战，我下一步应该做什么？是学习新框架，还是自己造轮子，还是去挖掘一些工具，总之，我需要一个思考，以便更好地面对未来更多的技术需求和革新。框架毕竟只是框架，抛开场景谈用途都不对，我应该思考如何从个人成长和项目需求，语言基本功的训练等方面来规划未来，规划这个开源工具的工作。这就是为什么在一年
前端seo优化_前端后端分离，怎么解决SEO优化的问题呢？
weixin_39919948的博客
12-16 712
解决题主的问题，首先得先想明白什么是SEO，然后再说前后端分离情况下如何做SEO优化。我们假设这个产品是一个新产品，他需要做SEO，那么到底什么是SEO呢？SEO的缩写是『Search Engine Optimization』，搜索引擎优化，虽然我不是专业做SEO的，我也不是SEO工程师(你别说某些网站还真有这个岗位)。不过或多或少，SEO这个行业曾经也是个特别有意思的行业。优化针对这个问题分2个...
前后端分离与MVC的开发模式该如何选择？
b5ck`s blogs
02-05 2045
0x00 前言 常见的WEB应用分为两种：**SPA（单页面应用）**和 MPA（多页面应用） SPA（单页面应用） 通常使用的是前后端分离的开发模式，前端负责页面的路由和渲染，后端只负责操作数据并将数据打包成指定格式返回给前端，常见的技术栈组合为 Vue + Restful API 和 React + Restful API，例如使用SpringBoot框架实现Restful接口。 **MPA...
前后端ajax分离如何做seo,前后端分离 seo
weixin_42099814的博客
08-06 2079
目录一、bootstrap 前后端分离表现层完全由前端掌控是最好的。所以掌握jsp和jstl是挺好的，等你全掌握之后麻利得把页面模板搞定就可以嘲笑后端都是bottleneck了。 当然不愿意用jsp/jstl之类的，也可以考虑完全用ajax。为什么说前后端分离不利于seo的原因如下： seo 本质是一个服务器向另一个服务器发起请求，解析请求内容。但一般来说搜索引擎是不回去执行请求到的js的。也就是...
前后端分离-----SEO优化
qq_39727775的博客
07-27 3276
首先说下SEO什么意思? SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过对网站进行站内优化和修复(网站Web结构调整、网站内容建设、网站代码优化和编码等)和站外优化，从而提高网站的网站关键词排名以及公司产品的曝光度。通过搜索引擎查找信息是当今网民们寻找网上信息和资源的主要手段。 其次为啥前后端分离？ 一、 整个...
【react+ts】找不到less类型,Cannot find module ‘./xxx.module.less‘ or its corresponding type declarations
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
01-26 5968
问题描述 Cannot find module ‘./index.module.less’ or its corresponding type declarations 找不到less后缀名的类型 解决办法 在src目录下创建类型声明文件react-app-env.d.ts，并且声明less类型 内容如下 declare module '*.module.less' { const classes: { readonly [key: string]: string }; export de
前后端分离之SEO优化--------以vue为例
热门推荐
江木
02-27 3万+
   前言----SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过对网站进行站内优化和修复(网站Web结构调整、网站内容建设、网站代码优化和编码等)和站外优化，从而提高网站的网站关键词排名以及公司产品的曝光度。通过搜索引擎查找信息是当今网民们寻找网上信息和资源的主要手段。 历史概况：十年前，几乎所有网站都使用 ASP、Java...
组件化开发以及前后端分离的项目不适合做SEO优化的网站
狂飙骚年
02-07 4304
模拟百度蜘蛛抓取   以饿了吗为例——范例1（用vue） 抓取结果：只抓取到了描述 电商平台的一个商品列表——范例2(用vue) 抓取结果：也是只抓取了描述 商城列表页——范例3(前后端混合开发 java-freemark) 抓取结果：商品信息都可以抓取到 前后端分离也是同样如此 蜘蛛爬虫也是获取不到ajax的数据 所以凡是在服务器端渲染在浏览
学会对VUE的SEO优化，你的网站总是排在前面
Jack, what else can you do besides holding your little darling?
10-20 1732
​在开始之前，我们先来了解一下什么是SEO。 SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。 说白了就是你的SEO做的越好，当别人搜索某个关键词时，你的网站在搜索结果中就排的越靠前。这是我的网站，有时排在第一，有时第二。 普通的一个前端网站可以通过哪些地方来做优化呢？ 1.合理的
基于Flask的前后端不分离项目开发完整指南
该模式与当前主流的前后端分离架构（如Vue+Django REST Framework）不同，其核心思想是后端不仅负责数据处理和业务逻辑，还直接渲染HTML页面并返回给前端浏览器，即使用模板引擎（如Jinja2）将动态数据嵌入到HTML中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值