学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

什么是SEO

SEO（search engine optimization）搜索引擎优化
SEO是端开发人员在网站设计和开发过程中，通过优化HTML、CSS、JavaScript等前端代码，以及网站结构、页面布局、内容结构、URL等方面，来提高网站在搜索引擎中的排名和可见性。

通过优化网站结构，可以提高网站的可用性和导航性，从而更容易为搜索引擎蜘蛛抓取和索引网站内容。

SEO 优化的方法

• 合理的title、description和keywords
  
  title：只强调重点，重要关键词出现不要太多，每个页面title要不一样。
  description：相当简述自己的重要内容，长度要合理，每个页面description要不一样。
  keywords：描述出几个重要关键词
  亿点小知识：以上的三个方法 不要过多堆关键词，反而会适得其反合理突出即可
• 语义化书写HTML代码，符合W3C标准
  万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。
  网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布。
• 合理的使用标签H1、H2、a、header、nav、nav等标签

<h1>标题</h1>
<h2>副标题</h2>
<a scr=''>链接</h2>

• 为图片加上alt属性
  alt 属性可以在图片未成功显示时候，使用文本来代替图片的呈现，使爬虫可以抓取到这个信息。
• icon 图标
  
  后缀.ico的图标格式

<link rel="shortcut icon" href="log.ico" type="image/x-icon">

• 保留文字效果
• 利用CSS截取字符
• 提升网站速度
• 为图片设置高度和宽度，可提高页面的加载速度
• 为静态资源文件增加过期时间，让用户通过本地缓存来更快的访问网站
• 减少大改版的频率
• 压缩、格式化代码
• 使用CDN 网络，可加快用户访问速度
• 启用GZIP压缩，浏览速度变快，搜索引擎的蜘蛛抓取信息量也会增大
• 做 404 页面，不仅提高蜘蛛体验，也提高用户体验

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

rums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-7uYCZOeC-1715673948560)]