如何使用谷歌AMP您的移动网站

谷歌在互联网上时不断重塑车轮。而且难怪 - 他们拥有世界上最大的搜索引擎，所以他们为什么不能推送信封？

这一次，谷歌正在通过一个名为Accelerated mobile Pages的项目寻找提高移动加载速度的方法。

我们之前讨论过AMP，所以我们不会很长一段时间谈论它所做的事情。相反，我们将专注于如何为贵公司使用它。

WebFX SEO检查程序

• 这是全面的。
• 这是立即的。
• 免费。

现在试试，这是免费的！

网址： 请输入有效的URL(例如:webfx.com, www.blossombabyclothes.com)

现在检查我的SEO !

谷歌放大器概述

简而言之，谷歌放大器在移动用户的选择页面上减少了加载时间。Google通过创建放大器HTML和AMP JS来完成此目的，这些信息是HTML和JS的剥离版本。

这意味着AMP页面只是一个有一些限制的常规HTML页面在附近，您可以使用。您不需要任何自定义，并且您无需学习一个新的编码语言。

AMP专门设计用于与静态网站一起使用。因此，如果您没有许多自定义JavaScript，则可以在您的站点中使用AMP HTML来加载Snap中的移动和桌面页面。

AMP HTML还替换具有自定义元素的一些标准元素（如标记）（如）。这让AMP优先考虑不同元素来加载，因此您的用户可以在页脚加载之前看到页面的英雄映像。

为了保持速度快速移动，AMP HTML还对图像的大小、比例和其他特性进行了限制。基本上，AMP HTML会告诉谷歌(以及Twitter、LinkedIn、Pinterest和其他公司)在页面上期待什么。

放大器通过加载页面在眨眼间用于移动用户时，帮助网站。等待用户的较短意味着您的内容更快，这使他们与整体公司提供了更积极的经验。

此外，当你让你的网站amp友好，谷歌将显示移动用户正确的搜索结果。看看这张截屏，上面有关键词“美国大选”。

是的，这些页面几乎可以加载立即．

换句话说，它是移动移动的最终双赢。

资源，你需要开始使用AMP

在创建放大器页面之前，您应该先查看一些资源：

• Google AMP JavaScript库
• 谷歌放大器HTML库
• 谷歌放大器验证器
• 谷歌放大器验证程序流程

所有这些资源都是免费的，他们可以帮助您大大提高您在移动设备上的网站的性能。

为您的网站实施Google AMP

现在你已经了解了AMP的基础知识，让我们谈谈如何实现它。

首先，您需要将页面的文档类型建立为AMP HTML。

你可以用一个简单的模板来做。下面，您将找到最简单的放大器HTML页面，您可以通过您自己的内容扩展。

或者您可以在此处复制文本。

<！doctype html>


< meta charset = " utf - 8 " >
<链接rel =“canonical”href =“hello-world.html”>

-amp-start 8s steps(1,end) 0s 1 normal both;- mb -animation:-amp-start 8s steps(1,end) 0s 1 normal both-amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}-amp-start从{可见性:隐藏}{{能见度:可见}}< /风格> < noscript > <风格amp-boilerplate >身体{-webkit-animation:没有;-moz-animation:没有;-ms-animation:没有,动画:没有}< /风格> < / noscript >