准备工作：理解AMP与百度搜索的关系
在开始搭建AMP加速页面之前，你需要先了解AMP（Accelerated Mobile Pages）的基本概念。AMP是由Google主导的开源框架，目的是让移动端网页实现近乎瞬时的加载速度。百度搜索在2017年开始支持AMP，目前对符合规范的AMP页面会给予搜索排名加权，尤其在移动端结果页中，AMP页面常带有闪电图标标识，能显著提升点击率。
搭建AMP页面并不需要重新开发整套网站，你可以在现有网站基础上，为文章页、详情页等核心内容页面生成对应的AMP版本。百度搜索建议保持AMP页面与原页面内容一致，仅在样式和脚本层面进行精简。
第一步：搭建AMP基础框架
每个AMP页面都需要以<!doctype html>开头，并使用amp作为顶级属性。一个最基本的AMP HTML结构如下：
<!doctype html>
<html amp lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1">
<link rel="canonical" href="原始页面URL">
<title>页面标题</title>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
注意：canonical链接必须指向原始页面的URL，这是百度识别AMP版本与原页面关系的关键标记。
第二步：替换非AMP标签为AMP组件
AMP框架不允许使用普通的HTML标签来加载图片、视频、表单等内容，必须使用对应的AMP组件。常见的替换规则如下：
| 原始标签 | AMP组件 | 说明 |
|---|---|---|
<img> |
<amp-img> |
需添加layout="responsive"实现自适应 |
<video> |
<amp-video> |
需指定宽高且添加layout="responsive" |
<iframe> |
<amp-iframe> |
需遵守沙盒安全策略 |
<analytics> |
<amp-analytics> |
支持百度统计 |
例如，原始页面中的图片：
<img src="example.jpg" alt="示例图片">
在AMP版本中应改为：
<amp-img src="example.jpg" alt="示例图片" width="600" height="400" layout="responsive"></amp-img>
第三步：添加百度搜索专用结构化数据
为了让百度搜索正确识别并展示AMP页面，你需要添加基于JSON-LD格式的结构化数据。在<head>内加入如下代码：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "文章标题",
"datePublished": "2025-01-15",
"description": "文章摘要",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "原始页面URL"
}
}
</script>
注意：百度对@type的支持以Article、NewsArticle、WebPage等为主。如果网站是企业站，建议使用@type: WebPage；如果是博客或新闻站，使用Article效果通常更佳。
第四步：校验AMP页面合法性
完成AMP页面搭建后，必须通过AMP验证工具确认无错误。常用校验方式有两种：
- URL验证：在AMP页面URL后面添加
#development=1，打开Chrome开发者工具的控制台，查看AMP验证结果。 - 批量验证：使用AMP官方验证工具（validator.ampproject.org）粘贴代码进行检测。
常见错误包括：<img>标签未替换、自定义CSS超过50KB限制、使用受限的JavaScript等。必须修复所有错误和警告，否则百度搜索可能不会识别为有效AMP。
第五步：提交AMP页面给百度搜索
AMP页面通过校验后，需要通知百度搜索收录。推荐两种提交方式：
- 资源提交：在百度搜索资源平台（ziyuan.baidu.com）中添加站点，通过“普通收录”或“AMP提交”功能，提交AMP页面的完整URL列表。
- Sitemap提交：在网站根目录生成包含AMP页面URL的Sitemap，并提交至百度搜索资源平台。如果AMP页面与原始页面共用URL（即采用响应式AMP方案），则无需额外提交。
提交后，百度搜索通常会在3到7天内完成抓取和验证。如果页面长时间未被收录，可检查canonical标签是否正确、AMP组件是否完整、页面是否被robots.txt屏蔽。
常见问题与注意事项
- 样式问题：AMP允许内联CSS，但总大小不得超过50KB。如果需要复杂样式，建议使用AMP内置的
amp-custom标签，并控制在50KB以内。 - 统计分析：推荐使用
<amp-analytics>组件对接百度统计，在AMP页面中嵌入百度统计代码时需使用专用脚本。 - 广告展示：如果网站有广告位，需要使用
<amp-ad>组件，并确保广告代码符合AMP规范。 - 保持内容一致性：百度搜索强调AMP版本必须与原始页面内容一致，不能出现内容缺失或差异。如果AMP页面仅保留摘要或片段，可能被判定为低质页面。
按照以上步骤操作，你的网站就能顺利搭建AMP加速页面，并受益于百度搜索的移动端加载优化。在实际部署过程中，可以先用一两篇核心文章做测试，确认效果后再批量生成AMP版本。
【投军工，选“八一”】代码有“八一”的军工ETF华宝（512810）（原国防军工ETF）被动跟踪中证军工指数，全面覆盖商业航天、低空经济、大飞机、MLCC、军工AI、燃机等热门主题。同时是融资融券+互联互通标的，是一键投资军工核心资产的高效工具。
评论区
热门讨论 · 占位展示期待你的精彩发言。