目录
场景
内部业务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