什么是 AMP?AMP对网站优化的影响？

时间：2023-07-03 10:04:20 作者：郑州seo研究中心

分享到：QQ空间新浪微博腾讯微博人人网微信

如果你是一位SEO爱好者最近应该有听说过AMP技术，什么是 AMP？对网站优化加速有什么价值？无忧来给各位站长进行下讲解。

源于是一种最新的SEO技术，是Google的AMP项目。

AMP，Accelerated Mobile Pages，译意大致是”加速的移动页面”，是Google去年10月份推出的一个提高移动页面访问速度的技术，你可以官方查看到相关的介绍。

点击了解详情 https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html

通过 AMP 可以构建快速渲染的静态内容网页。 AMP 实例由三个不同部分组成：

AMP HTML
AMP JS
Google AMP Cache

AMP HTML 是为确保可靠性能而具有某些限制的 HTML，它进行了一些扩展，可以构建超出基本 HTML 的丰富内容。 AMP JS 库可确保快速渲染 AMP HTML 页面。 Google AMP Cache（可选）提供 AMP HTML 页面。

AMP Landing Pages experience shown in a Google Search flow AMP 页面加速演示

AMP HTML

AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。最简单的 AMP HTML 文件如下所示：

<!doctype html><html ?>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <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>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body></html>

尽管 AMP HTML 页面中的大多数标记都是常规 HTML 标记，但部分 HTML 标记替换为了 AMP 特定标记（另请参阅

AMP 规范中的 HTML 标记）。利用这些自定义元素（称为 AMP HTML 组件）可以轻松高效地实现常见的模式。

例如，amp-img 标记可提供完整的 srcset 支持，即使在尚不支持该标记的浏览器中也是如此。

了解如何创建您的第一个 AMP HTML 页面。