目录

场景

内部业务To B (Business-to-Business，B2B)需要降低SEO，反爬

客户业务To C (Business-to-Consumer，B2C)需要提高SEO

TDK优化

Title（标题）

Description（描述）

Keywords（关键词）

爬取

语义化标签

不会爬取

iframe

不会执行JS

渲染方式

服务器端渲染SSR

客户端渲染CSR

---

​​​​​​​SEO（search engine optimization）搜索引擎优化，利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。

加载慢的话，SEO也会降低

场景

内部业务To B (Business-to-Business，B2B)需要降低SEO，反爬

客户业务To C (Business-to-Consumer，B2C)需要提高SEO

TDK优化

Title（标题）

Description（描述）

不会直接使用描述作为排名因素

Keywords（关键词）

可能会开发人员被滥用（例如多次提及，但文中没有），在现代搜索引擎中的权重已经降低，在Google已经弃用

可以在网页内容中自然地使用关键词，以帮助搜索引擎理解页面主题。

爬取

语义化标签

不会爬取

iframe

内联框架（Inline Frame）HTML元素，用于在网页中嵌入另一个网页或文档，可实现跨域

<iframe src="https://www.example.com"></iframe>

虽然搜索引擎可以识别和处理iframe，但通常不会对其中的内容进行同样深入的索引。

因此，如果网页的重要内容放在iframe中，可能会影响到搜索引擎对网页的理解和排名。

不会执行JS

搜索引擎爬虫在解析网页内容时，通常会处理HTML和CSS，但对于JS生成的内容不一定会处理

建议在网页上使用静态HTML内容

渲染方式

SSR （server side render）服务端渲染，是指由服务侧（server side）完成页面的DOM结构拼接，然后发送到浏览器，为其绑定状态与事件，成为完全可交互页面的过程。
CSR（client side render）客户端渲染，是指由客户端（client side）JS完成页面和数据的拼接，生成DOM结构再交由浏览器渲染成页面的过程。
SPA（single page application）单页面应用，只是局部更新内容。SPA实现的原理就采用了CSR，页面中所有内容由JS控制，需要浏览器进行JS解析才能显示出来。

服务器端渲染SSR

​

前端耗时少。因为后端拼接了html，浏览器只需直接渲染出来。

不利于前后端分离，开发效率低。
有利于SEO。因为在后端有完整的html页面，所以爬虫更容易爬取获得信息，更有利于seo。

后端生成静态化文件。即生成缓存片段，这样就可以减少数据库查询浪费的时间了，且对于数据变化不大的页面非常高效 。

占用服务器端资源。无需占用客户端资源。即解析模板的工作完全交由后端来做。

vue，react都是推荐通过服务端渲染来实现路由的。

客户端渲染CSR

​