腾讯SEO前端规范的具体要求主要包括以下几个方面:
1. 页面名称规范
页面名称应遵循“产品中文全称-官方网站-产品slogan”的格式,编码默认使用GBK,特定情况下可使用UTF-8。例如:title抓金角银角大王每周末放送装备 - 地下城与勇士官方网站 - 腾讯游戏/title
2. HTML书写规范
- 必须声明文档类型,推荐使用HTML5
- 统一使用UTF-8编码
- 使用语义化标签,如header, nav, article, section, footer等
- id和class命名需符合语义化,避免使用中文和特殊字符
- 确保标签正确闭合,如/li和/body
- 注释统一使用格式
3. CSS书写规范
- 统一使用UTF-8编码
- 命名采用BEM方法论
- 代码格式化,遵循吹毛求疵原则
- 属性顺序统一,如display, position, flex, margin, padding等
- 避免使用深层次选择器,CSS选择器层级超过5级时渲染性能下降72%
4. 资源优化规范
- 资源合并:将CSS/JS文件合并减少HTTP请求,HTTP请求量从48次减少至12次
- 代码压缩:移除空格、注释、缩短变量名
- 代码分割:按路由或组件拆分JavaScript模块
- Tree Shaking:移除未使用的代码
- 图片优化:使用WebP格式,添加srcset和sizes属性
5. 缓存管理规范
- 使用HTTP缓存控制头和ETag实现资源缓存
- 设置强缓存和协商缓存策略
- 区分首屏和次屏资源缓存策略
- 浏览器缓存命中率提升至92%,重复访问速度提升60%
6. CDN加速规范
- 通过分布式节点缓存资源,实现物理距离优化
- 自动分发请求至健康节点,实现负载均衡
- 预存热点资源减少源站压力
- 全球平均访问延迟从850ms降至120ms
7. 响应式设计规范
- 移动优先设计原则
- 使用viewport元标签控制布局
- 媒体查询优化,按需求加载不同分辨率资源
- 骨架屏预加载首屏关键资源
8. SEO元标签规范
- 标题标签需包含核心关键词,不超过60个字符
- 描述标签需包含核心关键词,不超过160个字符
- 关键词标签已过时,但可保留相关关键词
- robots.txt文件配置,控制搜索引擎访问权限