当涉及到互联网时,谷歌不断地重新发明轮子。这也难怪——他们拥有世界上最大的搜索引擎,所以他们为什么不挑战极限呢?这一次,谷歌正在通过一个名为“加速移动页面”的项目寻找提高移动加载速度的方法。
我们之前讨论过AMP所以我们不会花很长时间来讨论它的功能。相反,我们将关注如何为您的公司使用它。
寻找一个一体化的SEO审计工具?你已经找到了。
SEO检查器提供关键指标的数据给你:
- 完整的搜索引擎优化分
- 年级的内容
- 网站速度分析
- 和更多。
寻找一个一体化的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友好时,谷歌会在搜索结果中显示手机用户。看看这张截图,关键词是“美国大选”。是的,这些页面几乎加载了立即.换句话说,这是移动领域的终极双赢。
开始使用AMP所需的资源
在你创建AMP页面之前,你应该先看看一些资源:
所有这些资源都是免费的,它们可以帮助你大幅提高网站在移动设备上的性能。
为您的站点实现谷歌AMP
现在您已经学习了AMP的基础知识,让我们讨论一下如何实现它。首先,需要将页面的文档类型建立为AMP HTML。您可以使用一个简单的模板来实现这一点。
下面,您将找到最简单的AMP HTML页面,您可以用自己的内容展开该页面。或者你可以在这里复制文本。
<!Doctype html>
Hello World!< /身体> < / html >
代码头部的所有信息对AMP都是必不可少的。
您希望为自己的页面更改的部分是:
- 链接的href = " hello-world.html "
- <身体> 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秒内完全加载。
这和你眨两次眼的时间是一样的。然而,有些发布者需要JavaScript来使他们的网站正常运行。JS在销售和支付处理等关键收入因素中发挥着关键作用。
在某些情况下,它也是网站显示广告的方式。如果你是这种情况,那么你不仅需要用AMP HTML重新设计你的页面-你还需要重新设计你的收入系统如何运行。这可能是一个比它的价值更大的投资,它将包括比你的营销团队更多的东西。
如果你想在你的网站上实现AMP,你能做的最好的事情就是确保每个人都在同一个页面上。这意味着企业所有者、其他管理人员、个人开发人员等等。建立AMP是一项艰巨的任务,无论你的公司如何在网上赚取收入。
但如果你想让它正常工作,每个人都需要参与进来。
你用谷歌AMP吗?
你在你的网站上实施AMP了吗?还是要实现它?
请在评论中告诉我!