你一定不知道，在前端代码规范上，还有 SEO 代码规范，作为学习前端的你稍后了解呢？SEO 代码规范一方面是为了获取流量，如果你能运用得炉火纯青，在移动端和 PC 端网站应用上，那么你就可以找老板谈谈了，有了排名，有了流量，就可以拿提成了！

T 深入浅出 SEO 优化规范

网站首页：

品牌词 - 产品中文全称、特色服务、xxxx

list 页面：

产品和主题概述 - 品牌词

detail 页面：

具体产品或内容主题概述 - 品牌词

注：强调重点即可，重要的关键词出现不要超过 2 次，而且要靠前，不同页面的 title 要有所不同

150 字以内

Keywords 为产品名、专题名、专题相关名词，之间用英文半角逗号 , 隔开 ，告诉搜索引擎本页的重点、关键词。

书写顺序

代码顺序按照 标题 -> 描述 -> 关键字 依次

索引方式

语义化的好处

语义化内容标签如下：

TIP

img 要加上 alt 属性加以说明

标题使用 caption 标签

5、强调内容的重要性

TIP 语义化标签在 SEO 优化中的应用

注：
对页面中的内容进行分块，一个 section 元素通常由标题以及内容组成
不推荐那些没有标题的内容使用 section 标签

对比：它比 section 具有更明确的语义，代表一个独立的、完整的相关内容块，可以包含一个或多个 section

aside：独立于内容的一部分，且可以被单独的拆分出来而不会使整体受影响，常用于定义页面侧边栏

只能有一个：用来呈现文档或应用的主体部分，一个页面只能有一个 main 标签

页面中的 header

分块中的 header

文章中的 header

注：article、section、aside、nav 标签都可以拥有自己的 header 和 footer 标签

增强语义性：用来增强语义性，当现有的 HTML 标签不能充分表达语义的时候，可以借助 role 属性来说明

注：

更多专业的 SEO 搜索引擎优化教程后续再做梳理

如果你才开始学习前端，我们这里有 html+css 阶段完整教程，我们在钉钉群里有全套的课程包含（入门到精通课程、4 综合项目（称之为 15 天训练营，在群里是从第二十三节课开始的）、30 个练习案例！）如果需要，给我发消息，邀请你进入钉钉群学习！