100
SEO 综合体检
83
性能与首屏加载
91
无障碍可用性
96
现代Web标准实践
Web 核心体验多维度量 (Core Web Vitals)
基于 SEO.HK 专家审计模型与 Lighthouse 13.5+ 双核测算
首次内容绘制 (FCP)较差
3.3 s
标记浏览器呈现第一段 DOM 内容的时间
最大内容绘制 (LCP)需改进
3.6 s
标记主要页面内容完全加载的时间
总阻塞时间 (TBT)良好
0 ms
FCP 到可交互之间阻止输入响应的总毫秒数
累积布局偏移 (CLS)良好
0
测量页面在生命周期内发生的意外布局移动
速度指数 (Speed Index)良好
3.3 s
页面内容可见填充的速度
网站缩略图
专家级深度技术诊断与整改清单
由 SEO.HK 资深专家组归纳整理，点击展开查看代码级修复指导
页面允许被搜索引擎抓取与收录 (未被阻止)
页面未配置 noindex 标签且 robots.txt 未拦截爬虫，保证搜索引擎可顺畅抓取页面并建立全量索引。
页面具备规范的网页标题 (<title> 标签)
<title> 标签是搜索引擎识别网页主题和评估核心权重的最关键信号，也是搜索结果第一展现行。
页面具备完整的摘要描述 (Meta Description)
优质的元描述会在搜索结果中作为摘要卡片展示，直接决定潜在搜索用户的点击率与停留预期。
页面成功返回 HTTP 200 正常状态码
确保网页响应 HTTP 200 成功状态。4xx 客户端错误或 5xx 服务器故障会导致搜索引擎降权或移出索引库。
超链接具备明确具体的描述性锚文本
链接锚文本是搜索引擎判断目标页面主题的核心依据，应避免使用“点击这里”、“更多”等模糊泛化词汇。
所有内部超链接均支持爬虫深度跟踪抓取
超链接具备标准的 href 目标网址，未采用阻断爬虫的 JavaScript 伪协议，确保整站权重有效流通。
robots.txt 爬虫协议规则有效且规范
robots.txt 文件格式正确且未发生语法冲突，明确向百度、谷歌、必应等蜘蛛声明了合法的抓取范围。
所有关键图片均配置了 alt 替代文本
alt 属性向搜索引擎直观说明图片内容，是图片搜索排名的核心依据，同时保障视障人士无障碍阅读。
多语言 hreflang 国际化语言标签配置正确
为面向出海和跨国访客的站点向搜索引擎明确各语言/国家版本页面对应关系，避免国际化内容被判重复。
页面正确指定了规范网址 (Canonical URL)
规范链接能有效消除带参数网址、大小写或多域名导致的重复内容判定，汇聚页面真实权重。
页面部署了合法的 Schema 结构化数据标记
结构化数据可让网页在搜索结果中展现评分、价格、产品参数、面包屑等富媒体卡片 (Rich Snippets)。
首次内容绘制 (FCP)
3.3 s标记浏览器呈现第一段 DOM 内容的时间，是衡量首屏速度的首要信号。
字体展示策略优化
Est savings of 40 ms建议将 font-display 设为 swap 或 optional，确保字体加载期间文字始终可见。
清理未使用的冗余 CSS 样式规则
Est savings of 18 KiB预计可提速 0.15 秒清理首屏未使用的无用样式声明，减少浏览器主线程渲染计算与样式重排负担。
可交互时间 (TTI)
3.6 s页面达到完全可交互状态（响应输入）所需的时间。
最大内容绘制 (LCP)
3.6 s标记页面主要内容完全加载的时间，是核心 Web 体验指标之一。
网络依赖树优化
缩短依赖链长度、减小资源体积或延迟非关键资源下载，以提升页面加载速度。
移除过时 JavaScript 兼容代码
Est savings of 11 KiB现代浏览器已原生支持多数新特性，避免为旧浏览器打包过多 polyfill。
减少阻塞渲染的请求
Est savings of 2,070 ms阻塞首屏渲染的请求会延迟 LCP，建议异步加载或内联关键资源。
使用高效的静态资源缓存策略
Est savings of 10 KiB为静态资源设置长期缓存，可显著加快老用户重复访问时的加载速度。
速度指数 (Speed Index)
3.3 s反映页面内容可见填充的速度，数值越低首屏呈现越快。
消除重复 JavaScript 模块
移除打包中重复的大体积 JS 模块，减少不必要的网络传输与解析开销。
总阻塞时间 (TBT)
0 msFCP 到可交互之间阻止输入响应的总毫秒数，反映主线程繁忙程度。
避免发生多次页面链式重定向 (301 / 302)
每次重定向都会引入一次额外的网络往返延迟，建议超链接直达最终目标网址。
图片元素声明明确宽高
为 img 标签设置 width/height 可预留渲染空间，减少布局偏移和 CLS。
最小化浏览器主线程渲染阻塞负担
0.3 s分散或精简主线程重度计算，提高页面在用户滚动或交互时的帧率稳定性。
降低 JavaScript 脚本编译与执行耗时
0.0 s缩短脚本运行占用主线程的时间，避免浏览器产生长任务（Long Tasks）导致页面卡顿。
控制页面网络总传输体积在合理范围内
Total size was 546 KiB建议单页面总下载体积控制在 2MB~3MB 以内，兼顾移动网络和低速网络访问。
按需拆包并减少未使用的 JavaScript 脚本
按需分包加载业务脚本，避免首屏强行下载后续页面才用到的非核心冗余脚本。
对 CSS 样式表文件进行代码精简压缩
去除样式表中的多余空格、换行和开发注释，缩减网络传输体积加快首屏下载。
对 JavaScript 脚本代码进行精简与压缩
通过精简变量名与删除多余字符减少脚本体积，加快下载并降低浏览器脚本编译解析开销。
避免强制同步回流
JavaScript 在修改 DOM 样式后立刻读取几何属性会触发强制回流，严重影响性能。
最大潜在首次输入延迟 (Max Potential FID)
20 ms估算最坏情况下用户首次交互的响应延迟，是 INP 出现前的历史核心指标。
累积布局偏移 (CLS)
衡量页面生命周期内发生的意外布局移动，偏移越小视觉越稳定。
为移动端优化视口设置
视口设置不当会导致移动端点击交互错位，应正确配置 viewport。
文档请求延迟优化
首个网络请求最关键，应避免重定向、提升服务器响应速度并启用文本压缩。
优化图片传输效率
缩短图片下载时间可提升页面感知加载速度和 LCP 表现。
缩短服务器初始首字节响应时间 (TTFB)
Root document took 0 ms优化后端 PHP/数据库查询或开启服务端页面级缓存，建议首字节响应时间控制在 500ms 以内。
背景色与文字内容对比度清晰饱满
确保文字与背景颜色反差足够高（不低于 4.5:1），保证各类光线环境下均清晰易读。
标题层级 (H1-H6) 顺序规范
标题应按层级顺序使用，禁止跳级，帮助辅助技术理解页面结构。
页面应具备唯一的 <main> 主地标
主内容区使用 <main> 地标，便于屏幕阅读器快速跳转。
ARIA 属性使用符合元素规范
仅为对应角色允许的元素添加 ARIA 属性，避免语义冲突。
HTML 根元素的 lang 属性取值符合国际标准
语言代码需符合 BCP 47 国际标准格式。
自定义控件具备关联标签
自定义交互控件应通过 aria-label 或 aria-labelledby 提供可访问名称。
屏幕外内容对辅助技术隐藏
对屏幕外内容使用 display:none 或 aria-hidden=true，避免屏幕阅读器读出不可见内容。
使用 HTML5 地标元素优化导航
合理使用 <main>、<nav> 等语义地标元素，帮助辅助技术快速定位页面结构。
新增内容出现时焦点被正确引导
当对话框等动态内容插入页面时，应将焦点移至新内容，方便辅助技术用户感知。
焦点不会被意外困在某一区域
用户应能自由 Tab 进入和离开任何控件或区域，不会被意外困住。
视觉顺序与 DOM 顺序一致
DOM 顺序与视觉阅读顺序保持一致，提升辅助技术用户的导航体验。
页面 Tab 聚焦顺序符合逻辑
Tab 键遍历顺序应与视觉布局一致，且不应聚焦到屏幕外元素。
交互元素明确表达用途与状态
链接、按钮等交互控件应清晰可辨，并正确反馈状态，避免与非交互元素混淆。
交互控件可被键盘聚焦
自定义交互控件应支持键盘 Tab 聚焦并显示清晰焦点样式。
视口配置未禁用手势缩放功能
避免设置 user-scalable=no，保障各类访客群体自主放大阅读。
触控目标尺寸与间距充足
可点击区域应具备足够大小与间距，方便运动障碍用户准确触发。
ARIA 属性在限定条件下正确使用
部分 ARIA 属性仅在特定条件下才允许使用，否则会导致语义冲突。
所有超链接均具有明确的可辨识文字
避免空链接或纯图标无文字说明的超链接，保障阅读流畅性。
所有关键图片均配置了 alt 替代文本
alt 属性向搜索引擎直观说明图片内容，是图片搜索排名的核心依据，同时保障视障人士无障碍阅读。
HTML lang 属性取值有效
应使用符合 BCP 47 标准的语言代码，帮助屏幕阅读器正确发音。
HTML 根元素配置了有效语言代码 (lang 属性)
向搜索引擎与翻译工具准确声明当前文档所用主语言（如 zh-CN）。
页面具备规范的网页标题 (<title> 标签)
<title> 标签是搜索引擎识别网页主题和评估核心权重的最关键信号，也是搜索结果第一展现行。
所有交互按钮均具备清晰的可识别名称
按钮元素应包含明确文字或 aria-label 属性，便于屏幕阅读器解析。
仅使用合法的 ARIA 属性
剔除拼写错误或不存在的 ARIA 属性。
ARIA 属性取值合法
ARIA 属性的值需符合规范（如 aria-hidden 只能为 true/false）。
仅使用角色允许的 ARIA 属性
在禁止的角色上使用 ARIA 属性会导致辅助技术无法正确传达信息。
避免在 body 上设置 aria-hidden=true
在 document body 上设置 aria-hidden=true 会导致辅助技术无法访问整个页面内容。
自定义控件具备正确 ARIA 角色
自定义交互控件应使用合适的 ARIA 角色，确保辅助技术理解其用途。
浏览器控制台无未经捕获的 JavaScript 错误
控制台报错代表前端代码存在逻辑缺陷，可能影响页面功能交互或埋点数据采集。
全站强制启用 HTTPS 安全加密传输
HTTPS 证书确保访客与网站间的数据传输不被窃听篡改，是搜索引擎排名和信任度的基础。
避免在初次加载时强行索取地理位置权限
在用户明确产生互动操作（如点击查找附近）时再按需请求权限，提升访客信任感。
避免在页面加载初期直接弹出通知权限索取弹窗
过早索要权限容易引发访客反感并直接关闭跳出网页。
不应阻止用户在输入框粘贴
阻止粘贴（如密码框）会降低可用性，应予以解除。
为图片指定宽高比避免布局抖动
使用 aspect-ratio 或 width/height 预留空间，防止加载时页面跳动。
提供合适分辨率的图片
图片自然尺寸应与显示尺寸和像素比相匹配，避免模糊或过度下载。
页面声明了标准 <!DOCTYPE html>
标准 doctype 触发标准渲染模式，避免怪异模式下的布局差异。
页面指定了字符编码 (UTF-8)
通过 <meta charset> 声明编码，防止文字乱码与安全风险。
避免使用已废弃的浏览器 API
替换已废弃的 API，保证未来浏览器兼容性。
避免使用第三方 Cookie
第三方 Cookie 在部分浏览器或隐私模式下可能被阻止，应避免关键功能依赖。
提供有效的 JavaScript 源映射 (Source Map)
为压缩后的 JS 提供 source map，便于排查问题与定位性能瓶颈。
浏览器开发者工具检测到页面问题
Chromium 内核在审计中标记的同源策略、Cookie、混合内容等警告。
想获取最新数据？在诊断工具中重新体检该站点（支持强制刷新）。
重新体检