如何为你的手机网站使用谷歌AMP

Trevin是WebFX的业务发展副总裁.他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

当涉及到互联网时,谷歌不断地重新发明轮子。这也难怪——他们拥有世界上最大的搜索引擎,所以他们为什么不挑战极限呢?这一次,谷歌正在通过一个名为“加速移动页面”的项目寻找提高移动加载速度的方法。

我们之前讨论过AMP所以我们不会花很长时间来讨论它的功能。相反,我们将关注如何为您的公司使用它。

寻找一个一体化的SEO审计工具?你已经找到了。

SEO检查器提供关键指标的数据给你:

  • 完整的搜索引擎优化分
  • 年级的内容
  • 网站速度分析
  • 和更多。

谷歌AMP概述

简而言之,谷歌AMP减少了移动用户在选定页面上的加载时间。谷歌通过创建AMP HTML和AMP JS实现了这一点,它们是HTML和JS的精简版本。这意味着AMP页面是有一些限制的常规HTML页面在你可以使用的额外的。

您不需要任何定制,也不需要学习一种新的编码语言。AMP也是专门为静态网站设计的。因此,如果你没有很多自定义JavaScript,你可以在整个站点中使用AMP HTML来快速加载移动和桌面页面。

AMP HTML还将一些标准元素(如标记)替换为自定义元素(如< AMP -img>)。这使得AMP可以优先加载不同的元素,这样用户就可以在页脚加载之前看到页面的英雄图像。为了保持速度快速移动,AMP HTML还对图像的大小、比例和其他特征进行了限制。

基本上,AMP HTML会告诉谷歌(以及Twitter、LinkedIn、Pinterest和其他公司)页面上应该出现什么内容。AMP可以帮助手机用户在一眨眼的时间内加载网页。较短的等待时间意味着用户能够更快地获取内容,从而给他们带来更积极的公司整体体验。

另外,当你让你的网站对amp友好时,谷歌会在搜索结果中显示手机用户。看看这张截图,关键词是“美国大选”。google-amp-results-sample是的,这些页面几乎加载了立即.换句话说,这是移动领域的终极双赢。

开始使用AMP所需的资源

在你创建AMP页面之前,你应该先看看一些资源:

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

为您的站点实现谷歌AMP

现在您已经学习了AMP的基础知识,让我们讨论一下如何实现它。首先,需要将页面的文档类型建立为AMP HTML。您可以使用一个简单的模板来实现这一点。

下面,您将找到最简单的AMP HTML页面,您可以用自己的内容展开该页面。google-amp-html或者你可以在这里复制文本。

<!Doctype html>

Hello World!< /身体> < / html >

代码头部的所有信息对AMP都是必不可少的。

您希望为自己的页面更改的部分是:

  1. 链接的href = " hello-world.html "
  2. <身体> Hello World !身体< / >

但是有一个大问题——闪电符号(?)。AMP要求您将它放在HTML标记后面。如果您不想依赖字符集UTF-8中提供的特殊字符,您可以尝试< html amp >代替。

之后,您需要填写主体内容。这意味着你需要使用正确的标签。

AMP HTML标记

下面是可以在AMP HTML中使用的标签的全面列表。

HTML5 AMP HTML
< img > < amp-img >
< >视频 < amp-video >
<音频> < amp-audio >
< iframe > < amp-iframe >
< >按钮 < >按钮
<时尚> <时尚>
自定义样式标签 < amp-custom >
<链接> <链接>;microformats.org上允许所有rel=值
< meta > < meta >;http-equiv不允许
<一> < >;没有javascript: after href;目标属性值必须为" _blank "
svg < > < svg >;最让
< amp-ad >
< amp-pixel >
< >帧 禁止
<框架集> 禁止
<对象> 禁止
<参数> 禁止
< applet > 禁止
<嵌入> 禁止
> <基地 禁止
输入元素 禁止;< >按钮是允许的

使用任何其他标签-或标记为“禁止”的标签-将阻止您的页面被正确处理。如果您使用了任何不允许的标记元素,也同样如此。

基本上,如果你想参加AMP,你必须使用比你现在使用的更有限的一组HTML标记。这限制了你在网页上做的很多事情——这就是问题的关键。谷歌是有意缩小的,因为页面的元素越少,加载速度就越快。

考虑到这一点,你绝对失去为AMP优化你的页面。结果真的值得吗?

AMP值得吗?

不幸的是,关于AMP成功的数据并不多(或缺乏)。但一些早期的采用者,比如Pinterest的Jon Parise他说:“与传统的移动优化页面相比,AMP页面的加载速度快四倍,使用的数据量少八倍。”这意味着用户获得他们想要的内容的速度比以往任何时候都要快,几乎不会在移动设备上消耗任何数据。

《纽约时报》也开始使用AMP页面.他们的一个移动优化页面在2.99秒后完全加载。AMP版本在0.646秒内完全加载。

这和你眨两次眼的时间是一样的。google-amp-search-results然而,有些发布者需要JavaScript来使他们的网站正常运行。JS在销售和支付处理等关键收入因素中发挥着关键作用。

在某些情况下,它也是网站显示广告的方式。如果你是这种情况,那么你不仅需要用AMP HTML重新设计你的页面-你还需要重新设计你的收入系统如何运行。这可能是一个比它的价值更大的投资,它将包括比你的营销团队更多的东西。

如果你想在你的网站上实现AMP,你能做的最好的事情就是确保每个人都在同一个页面上。这意味着企业所有者、其他管理人员、个人开发人员等等。建立AMP是一项艰巨的任务,无论你的公司如何在网上赚取收入。

但如果你想让它正常工作,每个人都需要参与进来。

你用谷歌AMP吗?

你在你的网站上实施AMP了吗?还是要实现它?

请在评论中告诉我!

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!