AMP(Accelerated Mobile Pages)是Google推出的移动网页加速框架,要求页面遵循严格的HTML规范。本工具全面验证AMP代码是否符合Google AMP规范,检测8大类规则:DOCTYPE和HTML标签、Head必需元素、禁止的HTML标签、脚本限制、CSS限制(75KB)、AMP组件脚本依赖、元素属性要求和最佳实践建议。每个问题都提供详细说明和修复方案。
| 类别 | 检测项 | 严重性 |
|---|---|---|
| 基础结构 | DOCTYPE声明、<html ⚡>属性 | 错误 |
| Head元素 | charset、viewport、AMP Runtime JS、amp-boilerplate CSS、canonical | 错误 |
| 禁止元素 | img→amp-img、video→amp-video、iframe→amp-iframe、object/embed/frame等11种 | 错误 |
| 脚本限制 | 禁止自定义JS,仅允许AMP运行时和JSON-LD | 错误 |
| CSS限制 | amp-custom CSS≤75KB、禁止外部CSS(Google Fonts除外)、!important警告 | 错误/警告 |
| 组件合规 | 18种AMP组件是否正确引入扩展脚本 | 错误 |
| 属性检查 | amp-img必须有width/height或合适的layout | 错误 |
| 最佳实践 | 结构化数据JSON-LD、Meta Description、Open Graph标签 | 警告 |
从零开始创建AMP页面时,粘贴代码验证是否包含所有必需元素(⚡属性、runtime脚本、boilerplate CSS等),确保基础结构正确后再添加内容。
AMP页面在Google搜索中无法显示闪电标志或AMP缓存报错时,用本工具检测具体哪些规则被违反,获取精确的修复指导。
将现有HTML页面改造为AMP版本,工具自动检测哪些标签需要替换(img→amp-img)、哪些脚本需要移除、CSS是否超出限制。
使用amp-carousel、amp-accordion、amp-analytics等组件时,验证是否正确引入了对应的扩展脚本。
在发布流程中通过URL检测功能自动验证AMP页面合规性,确保每次部署后AMP页面仍然有效。
抓取竞品的AMP页面查看其结构、使用的组件和最佳实践情况,学习优秀的AMP实现方式。
AMP页面质量直接影响移动搜索表现。验证AMP代码合规性是技术SEO审计的重要环节。
通过验证示例代码理解AMP规范的具体要求,查看每条规则的详细说明和修复建议,快速掌握AMP开发要点。
选择"📋 粘贴AMP代码"直接粘贴完整的AMP HTML源码,或切换到"🔗 输入网址检测"输入在线AMP页面URL由工具自动抓取。可以点击"📄 加载示例"填入一个标准AMP页面模板作为参考。
点击"⚡ 验证AMP代码",PHP引擎从8个维度全面扫描代码。验证涵盖40+条AMP规范规则,包括必需元素检查、禁止标签检测、CSS大小计算、组件脚本匹配等。
结果页顶部显示0-100分的验证得分环形图、错误/警告/通过数量。得分100分表示完全合规,每个错误和警告会扣减相应分数。绿色(90+)表示优秀,橙色(60-89)需要修复,红色(60以下)存在严重问题。
错误列表按类别分组显示:每个问题包含规则名称、详细描述、所属类别(基础结构/Head元素/禁止元素等)和具体修复建议(应该怎么改、改成什么)。红色是必须修复的错误,橙色是建议优化的警告。
展开"通过"部分查看哪些规则已正确实现(如DOCTYPE正确、AMP Runtime已引入等)。组件列表显示页面使用了哪些AMP组件(amp-img、amp-analytics等)。
根据修复建议修改代码后,重新粘贴验证直到得分100分(所有错误清零)。建议同时使用Google官方AMP验证器(search.google.com/test/amp)做最终确认。
AMP页面在移动搜索中加载更快(预缓存在Google CDN上)、可能获得搜索结果中的特殊展示(轮播、Top Stories)、用户体验更好(秒开)。但AMP不是排名因素,是间接通过页面速度和用户体验影响SEO。
AMP的核心目标是确保页面快速加载。自定义JS可能阻塞渲染、消耗性能。所有交互功能通过AMP组件(amp-bind、amp-selector等)实现,这些组件经过Google优化确保性能。
强制将CSS内联(而非外部文件)并限制75KB是为了减少HTTP请求和避免渲染阻塞。75KB足够大多数页面使用,超出时需要优化和压缩。
标准<img>没有固定尺寸会导致页面布局跳动(Layout Shift)。<amp-img>要求预声明width/height,AMP运行时据此预留空间,避免内容加载时页面抖动。
如果AMP页面是独立页面,canonical指向自身。如果AMP是配对页面(有对应的非AMP版本),canonical指向非AMP版本,非AMP版本用<link rel="amphtml">指回AMP版本。
本工具覆盖了主要的AMP规范规则(40+条),能发现大部分问题。但Google官方验证器(search.google.com/test/amp)使用最新的完整规则集,建议最终验证使用官方工具。本工具的优势是提供更详细的中文说明和修复建议。
HTML代码在当前页面PHP后端即时验证,不传输到第三方服务器,处理后不存储任何数据。