坚持为客户提供有价值的服务和内容

SEO技术博客

SEO搜索引擎推广专家 | 2021-02-13 02:10 | 分享至:

如果你是一位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 实例由三个不同部分组成:

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 Landing Pages experience shown in a Google Search flow

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 特定标记(另请参阅

我要咨询
姓名 :
电话 :