什么是AMP网站。它的优势是什么

AMP如何工作？想法是该站点使用特殊标签，其数量和功能受到严格限制。开发人员的任务是从可用的解决方案中选择最合适的方案，以解决客户的问题。
Google找到这些特殊标签并缓存其信息。此后，当用户通过Google搜索某些内容时，浏览器会将来自Google CDN的信息加载到一个特殊的iframe中，并且当打开链接时，它会同时在一个特殊的窗口中打开已加载的页面。

Google AMP页面的排名高于其他搜索查询，因为它们满足快速下载的要求，并且更适合移动设备。

实际上，AMP页面或Google加速的移动页面是静态的或有条件的动态页面，因为它们允许使用发送表单以及iframe。

应用领域：新闻站点和门户；目录（不使用过滤器）；网站的轻量级移动版本（如果满足功能要求）；引导页面，其主要目的是吸引用户的注意力并吸引他/她到主要站点。
接下来，让我们谈谈AMP网站的主要功能。

缺少自定义脚本

与标准站点的第一个也是最重要的区别是不可能插入“常规”脚本。这就是为什么无法创建动态更改（点击动作，动画，过滤，模态窗口）的功能方面的原因。
唯一的解决方案是使用可用的组件和iframe。可用的组件允许部分实现通常功能的实现，这些功能值得替换并针对快速加载进行了优化。在他们的帮助下，您可以制作边栏，轮播，发送表格以及上载内容，广告等。每个组件都与它的js库相关联，该库必须启用才能在站点上正常运行。可以在该站点上找到所有可用类型的组件及其使用示例。

文件中缺少常规标签

页面上的所有图像都应在特殊标记中使用，这会使用户难以使用文本编辑器插入图像。对于其他元素，如果图像输出是用“手”书写的，则足以校正页面布局。同样，如果使用转盘或灯箱，则需要从组件中插入类似物。

禁止使用内联样式

另一个功能将主要影响文本编辑器，因为对样式的编辑是内联的。具有诸如style =” color：…”之类的属性的元素无效，并且更改颜色或字体大小会将此属性写入代码。

结构化数据

如果您希望将文章包含在“ Google的热门故事”列表中，则应在页面上添加诸如数据架构之类的信息，其中包含有关文章，作者，出版者，公司徽标以及出版物和出版物的简要信息。文章的修改日期。

使用结构化数据不是前提条件，但是如果您希望搜索引擎在正确编辑时显示数据和更改，则需要将该方案放在网站上。实际上，在没有这种方案的情况下使用AMP变得毫无意义。

“文章”页面的数据模式示例：

<script type = "application / ld + json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": {
"@type": "ImageObject",
"url": "https://google.com/thumbnail1.jpg",
"height": 800,
"width": 800
},
"datePublished": "2018-02-05T08: 00: 00 + 08: 00",
"dateModified": "2018-02-05T09: 20: 00 + 08: 00",
"author": {
"@type": "Person",
"name": "John Majson"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg",
"width": 600,
"height": 60
}
},
"description": "A most wonderful article"
}
</ script>

必须使用某些值。对于结构数据模式，还有一个确定的验证器。可以在此处找到有关“文章”类型方案的填充和必填字段的信息。

在这里，您可以找到有关其他类型计划的信息（书籍，课程，音乐，播客，食谱，评论，电视和电影，视频。）

一些功能：

公司徽标徽标
有许多要求。首先，尺寸至少应在一侧不大于且不小于60×600 px。但是，希望使用60px（例如450×60 px）的高度。较小尺寸但比例与60x600px（例如450x45px）相同的图像将无法通过测试。

发布日期和更改
日期尽管建议使用更改日期，但发布日期是必填参数。尽管我们将两个参数都设为必需参数，但由于Google会缓存文章的内容，因此无法确定何时再次检查网站上的所有文章。因此，如果上次更改的日期不同，则搜索引擎将更容易理解您需要进行新的缓存。否则，可能会出现用户看不到某些重要更改的情况。

规范链接及其反向

为了使搜索引擎了解页面有AMP版本，它应包含以下链接：

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

在AMP页面上–应该有一个反向链接：

<link rel="canonical" href="https://www.example.com/url/to/full/document.html"> 

CSS 50 kb

CSS样式是内联编写的，并且大小不得超过50kb。

结论

AMP是一项有趣的技术，但仅适用于狭窄的任务。它可以成功地用于网站的“轻型”移动版本，或某些不需要高功能的网站部分。对于信息站点，博客，在线杂志来说，这是一个很好的解决方案，在这些站点中，您需要创建用户友好的内容来以简单的形式快速吸引用户的注意力。对于大型和复杂的项目，AMP至少在其开发阶段不会替代移动或自适应版本。

Google将AMP图标添加到SERP中的所有AMP文章中，然后会首先显示来自移动设备的AMP页面。此外，它们的排名高于不使用AMP的页面。