你一定不知道,在前端代码规范上,还有 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 个练习案例!)如果需要,给我发消息,邀请你进入钉钉群学习!