使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
增强在 Google 搜索结果中显示的 AMP 内容
如要增强在 Google 搜索结果中显示的 AMP 内容,您可以创建基本的 AMP 网页、添加结构化数据、监控网页以及通过 Codelab 进行练习。
创建基本的 AMP 网页
- 创建您的第一个 AMP 网页。
-
遵循针对 AMP 网页的 Google 搜索指南。
-
链接您的网页,让您的内容更容易被发现。为便于抓取和索引编制,Google 搜索要求将 AMP 网页链接到规范网页。规范网页可以是网页的非 AMP 版本,也可以是 AMP 网页本身。有关详情,请参阅 AMP 网址中有什么?这篇开发者博文。
-
在内容和可执行的操作方面,尽可能确保用户能在 AMP 网页上获得与在对应的规范网页上相同的体验。
-
使用 AMP 测试工具确保您的网页符合 Google 搜索对有效 AMP HTML 文档的要求。
-
在规范网页和 AMP 网页中使用相同的结构化数据标记。
-
采用通用的内容最佳做法:
- 确保 robots.txt 文件不会屏蔽 AMP 网页。在适当的情况下,使用 robots
meta
标记、data-nosnippet
和 X-Robots-Tag
。
-
遵循语言和区域网址 hreflang 相关指南。有关 AMP 的具体示例,请参阅国际化。
使用 CMS 创建 AMP 网页
如果您通过内容管理系统 (CMS) 呈现网页内容,可以使用现有的 CMS 插件(例如 WordPress、Drupal 或 Joomla 插件)或在 CMS 中实现自定义功能以生成 AMP 内容。如果您打算自定义 CMS,那么除了参考创建基本的 AMP 网页的说明之外,您还应遵循以下指南:
- 思考如何让 AMP HTML 文件符合您网站的网址路径方案。如果除了被用作规范版本的非 AMP 网页之外,您还要生成 AMP 网页,我们建议您选择以下网址方案之一:
- https://www.example.com/myarticle/amp
- https://www.example.com/myarticle.amp.html
- 开发一个结构化数据标记模板。以下是一些相关指南:
- 根据您要发布的内容类型的要求构建模板。
- 如需获取食谱、文章、视频和评价的示例模板,请参阅 AMP 项目元数据示例。
针对富媒体搜索结果进行优化
您可以使用结构化数据增强您的网页在搜索结果中的显示效果。采用结构化数据的 AMP 网页可以显示为富媒体搜索结果,例如显示在“焦点新闻”轮播界面或托管内容轮播界面中。
- 实现结构化数据。
- 使用富媒体搜索结果测试验证结构化数据能否正确解析。
- 使用 AMP 测试工具验证 AMP 网页能否在 Google 搜索中正常显示。
监控和改进网页
通过监控以下报告定期检查您的所有 AMP 网页:
如果您需要立即更新 Google AMP Cache,以提供您的最新版内容,请参阅更新 AMP 内容。
如果您需要 AMP 网页不再出现在 Google 搜索结果中,请按照从 Google 搜索结果中移除 AMP 网页进行操作。
通过 Codelab 练习
您可通过以下 Codelab 来练习针对 Google 搜索构建 AMP 网页:
- 完成 AMP 基础 Codelab,学习如何构建 AMP 网页。
- 完成 AMP 高级概念 Codelab,了解如何将分析、视频嵌入、社交媒体集成和图片轮播界面等功能添加到 AMP 网页中。
- 完成美观的互动式规范 AMP 网页 Codelab,学习如何构建囊括丰富 AMP 功能和扩展组件的 AMP 网页。
- 完成 AMP+PWA Codelab,了解如何使用 AMP 组件打造 PWA 体验。
资源
现在,您已经创建了自己的 AMP 网页;接下来,您便可参考下列资源来详细了解其他 Google 产品与 AMP 的集成:
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-08-04。
[null,null,["最后更新时间 (UTC):2025-08-04。"],[[["\u003cp\u003eEnhance your website's visibility on Google Search by creating AMP pages that load quickly and provide a seamless user experience.\u003c/p\u003e\n"],["\u003cp\u003eOptimize your AMP pages for rich results using structured data to improve their appearance and prominence in search results.\u003c/p\u003e\n"],["\u003cp\u003eRegularly monitor your AMP pages using Google Search Console reports to identify and resolve any issues, ensuring optimal performance.\u003c/p\u003e\n"],["\u003cp\u003eLeverage codelabs and resources to learn best practices and further enhance your AMP pages with advanced features and integrations.\u003c/p\u003e\n"],["\u003cp\u003eExplore Google's product integrations for AMP to monetize your content, track user engagement, and optimize marketing initiatives.\u003c/p\u003e\n"]]],["To enhance AMP content for Google Search, create a basic AMP page, ensuring it links to a canonical page and uses consistent structured data. Optimize for rich results by implementing structured data and validating it with testing tools. Monitor pages for errors with status reports. Practice building AMP pages using codelabs. Ensure content is accessible to users and search engines. Use resources to learn how to integrate AMP with ads, monetization, and analytics.\n"],null,["# Enhance AMP Content for Google Search | Google Search Central\n\nEnhance AMP content for Google Search\n=====================================\n\n\nYou can enhance your [AMP](/amp) content for Google\nSearch by creating a basic AMP page, adding structured data, monitoring your pages, and\npracticing with codelabs.\n\nCreate a basic AMP page\n-----------------------\n\n1. [Create your first AMP page](https://www.ampproject.org/docs/get_started/create).\n2. Follow the [Google Search guidelines for AMP pages](/search/docs/crawling-indexing/amp).\n3. Make your content [discoverable by linking your pages](https://www.ampproject.org/docs/guides/discovery). For crawling and indexing, Google Search requires that an AMP page links to a [canonical page](/search/docs/crawling-indexing/consolidate-duplicate-urls). The canonical page can be either a non-AMP version of the page or it can be the AMP page itself. For more information, see the [What's in an AMP URL?](https://developers.googleblog.com/2017/02/whats-in-amp-url.html) developer blog post.\n4. Ensure that users can experience the same content and complete the same actions on AMP pages as on the corresponding canonical pages, where possible.\n5. Use the [AMP Test Tool](https://search.google.com/test/amp) to ensure that your page meets the Google Search requirements for a valid AMP HTML document.\n6. Use the same [structured data markup](/search/docs/appearance/structured-data/intro-structured-data) across both the canonical and AMP pages.\n7. Apply common content best practices:\n 1. Make sure that your [robots.txt file](/search/docs/crawling-indexing/robots/robots_txt) doesn't block your AMP page. Use [robots `meta` tags,\n `data-nosnippet`, and `X-Robots-Tag`](/search/docs/crawling-indexing/robots-meta-tag) where appropriate.\n 2. Follow the guidelines for [hreflang for language and regional URLs](/search/docs/specialty/international/localized-versions). For AMP specific examples, see [Internationalization](https://amp.dev/documentation/examples/guides/internationalization/).\n\nCreate an AMP page using a CMS\n------------------------------\n\nIf you serve your web content through a Content Management System (CMS), you can\nuse an existing CMS plugin (such as for [WordPress](https://wordpress.org/plugins/amp/), [Drupal](https://www.drupal.org/project/amp), or Joomla) or implement\ncustom functionality in your CMS to generate AMP content. If you intend to\ncustomize your CMS, follow these guidelines in addition to [Create a basic AMP page](#create-basic-amp):\n\n- Consider how AMP HTML files will fit your site's URL path scheme. If you're generating an AMP page in addition to a canonical non-AMP page, we recommend choosing one of the following URL schemes:\n - https://www.example.com/myarticle/amp\n - https://www.example.com/myarticle.amp.html\n- Develop a structured data markup template. Here are some guidelines:\n - Construct the template based on the requirements for the type of content you are publishing.\n - Refer to [AMP Project metadata examples](https://github.com/ampproject/amphtml/tree/main/examples/metadata-examples) for sample templates for recipes, articles, videos, and reviews.\n\nOptimize for rich results\n-------------------------\n\n\nYou can use structured data to enhance the appearance of your page in search results. AMP pages with\nstructured data can appear as a [rich result](/search/docs/appearance/structured-data/search-gallery),\nlike the Top stories carousel or host carousel.\n\n1. [Implement structured data](/search/docs/appearance/structured-data/intro-structured-data).\n2. Verify that your structured data parses correctly by using the [Rich Results Test](https://search.google.com/test/rich-results).\n3. Verify your complete AMP for Google Search by using the [AMP Test Tool](https://search.google.com/test/amp).\n\nMonitor and improve your pages\n------------------------------\n\n\nPeriodically check all of your AMP pages by monitoring the following reports:\n\n- [AMP status report](https://search.google.com/search-console/amp): Catch site templating and other site-wide implementation issues that can affect large numbers of your AMP pages.\n- [Rich result status reports](https://support.google.com/webmasters/answer/7552505): Identify problems with your structured data and opportunities to provide additional structured data.\n\n\nIf you need to immediately update the Google AMP Cache to serve the latest\nversion of your content, refer to [Update AMP\nContent](/amp/cache/update-ping).\n\nIf you need to stop serving your AMP pages from Google Search results, follow [Remove AMP from Google Search results](/search/docs/crawling-indexing/amp/remove-amp).\n\nPractice with codelabs\n----------------------\n\n\nHere are some codelabs to practice building AMP pages for Google Search:\n\n- Learn how to build AMP pages with the [AMP\n foundations codelab.](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages-foundations/)\n- Add features like analytics, video embedding, social media integration, and image carousels to your AMP pages with the [Advanced concepts codelab.](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages-advanced/#0)\n- Build a [beautiful, interactive, and canonical AMP pages codelab](/codelabs/amp-beautiful-interactive-canonical#0) that incorporates many AMP features and extended components.\n- Use AMP components to build a [PWA](/web/progressive-web-apps) experience with the [AMP+PWA codelab](https://amp.dev/documentation/guides-and-tutorials/integrate/integrate-with-apps/).\n\nResources\n---------\n\nNow that you've created your AMP pages, here are some resources for learning more about other Google\nproduct integrations for AMP:\n\n- Learn how to [Create AMP ad\n units.](https://support.google.com/adsense/answer/7183212)\n- Learn how to [monetize your AMP pages](https://support.google.com/dfp_premium/topic/7178122).\n- Use [Google Tag\n Manager](https://support.google.com/tagmanager/answer/9205783) to optimize and measure marketing initiatives.\n- Add [analytics to your AMP pages](/analytics/devguides/collection/amp-analytics) to track user interactions with built-in Google Analytics support."]]