SEO搜索引擎优化

目录

场景

[内部业务To B (Business-to-Business,B2B)需要降低SEO,反爬](#内部业务To B (Business-to-Business,B2B)需要降低SEO,反爬)

[客户业务To C (Business-to-Consumer,B2C)需要提高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,反爬

客户业务T**o C (Business-to-Consumer,B2C)**需要提高SEO

TDK优化

Title(标题)

Description(描述)

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

Keywords(关键词)

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

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

爬取

语义化标签

不会爬取

iframe

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

html 复制代码
<iframe src="https://www.example.com"></iframe>

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

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

不会执行JS

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

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

渲染方式

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

服务器端渲染SSR

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

不利于前后端分离 ,开发效率低。

有利于SEO 。因为在后端有完整的html页面 ,所以爬虫更容易爬取获得信息,更有利于seo。

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

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

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

客户端渲染CSR

相关推荐
Yan.love2 分钟前
【CSS-动画与过渡】丝滑的艺术,从简单位移到贝塞尔曲线
前端·css
黎轩栀海3 分钟前
Element-UI 用命令行主题工具修改主题色
前端
梦65014 分钟前
Vue 中 v-for 与 v-if 优先级
前端·javascript·vue.js
一只小bit20 分钟前
Qt 多媒体:快速解决音视频播放问题
前端·c++·qt·音视频·cpp·页面
梦65020 分钟前
React 高阶组件
前端·react.js·前端框架
CHU72903520 分钟前
智慧回收新体验:同城废品回收小程序的便捷功能探索
java·前端·人工智能·小程序·php
Marshmallowc20 分钟前
从URL变化到组件重绘:React Router 状态分发机制与组件挂载逻辑深度全解
前端·react.js·前端框架·react router·组件生命周期
虹少侠38 分钟前
基于 WebKit 构建 macOS 多浮窗视频播放的技术实践(含完整产品落地)
前端·macos·swift·webkit
木易 士心41 分钟前
Vue 响应式数据失效全解析:从原理机制到工程实践
前端·javascript·vue.js
Rattenking41 分钟前
【CSS】---- 根据【张鑫旭-高宽不等图片固定比例布局的三重进化】的思考
前端·css