AMP(加速移动页面)不断征服全球移动搜索结果。 这种格式由谷歌在2016年2月推出,有助于促进用户体验,并为网站管理员提供众多促销机会。 如果您真的精通SEO,Google Carousel和基于AMP的精选片段是您不能错过的特权。

但不知何故,目前,市场上没有任何工具可以回答所有处理这种格式的网站管理员所关注的主要问题:

1. 使随时监控网站的健康成为可能

2. 在一个报告中包含所有AMP检查的结果

3. 一次看到所有页面上的问题

SEMrush在这里扭转趋势。 为了满足用户不断变化的需求,我们开发了独特的解决方案,突出显示您网站上与AMP有关的所有问题,从而帮助您确定修复的优先级,并选择正确的优化技术,这是其他工具无法做到的。

即使您尚未决定实施AMP,我们也知道如何引导您朝着正确的方向前进。

跟踪AMP网页

对AMP网页的性能感兴趣? 还没有加速移动页面吗? 无论如何,新部署的AMP识别在SEMrush位置跟踪报告会对你有用的.

AMP in SEMrush Position Tracking report位置跟踪工具中的AMP图标将显示您正在跟踪哪些关键字,您的AMP网址在Google搜索结果中排名。点击它可过滤报告*。

*要查看加速移动页面在您的排名概述,您需要定位移动设备在您的位置跟踪活动。

然后,该工具将带您到包含以下信息的选项卡:

  • 按目标关键字划分的AMP网页排名

  • 这些关键字的特定Serp

  • 如果显示的AMP网页属于您或您的竞争对手

根据所有这些数据,您将能够决定是否需要AMP,或者考虑对优化策略进行一些更改。

但是,如果您可以将所有页面配置为符合AMP HTML规范,则可能不会在这里阅读本文。

幸运的是,SEMrush现场审核现在包括AMP审核,因此您可以随时了解您网站上的AMP情况。

AMP审计包括40多个检查;这些检查的结果被纳入3组,你必须相当习惯:

1. HTML问题

2. 样式和布局问题

3. 模板问题

AMP in SEMrush现场审核report以下是AMP验证错误显示方式的示例

因此,让我们仔细看看AMP验证错误以及修复它们的方法。

A-适应你的HTML

AMP HTML Issues

为了使用新的AMP属性增强HTML,格式的创建者必须实际限制一些HTML。 许多网站管理员不习惯处理这些限制,因此,HTML错误是AMP问题中的绝对领导者。 不幸的是,这些错误是非常严重的问题,因为它们剥夺了您的网页的所有放大器优势,您想从中受益。

例如,当涉及到检查标签和属性时,您必须深入研究白名单的标签和属性的长寄存器,并处理有关不允许的标签和属性的大量信息。 此外,还有新的AMP特定标签和其他自定义元素会使网站管理员的工作复杂化,特别是在网站规模较大的情况下。

以下是一些现实生活中的案例。

Disallowed tag

在页面代码的第1行中有一个不允许的标签"脚本",这可能意味着他们使用了自定义Javascript或以错误的方式实现了某些AMP组件。

由于使用"script"会严重降低页面的加载速度,因此AMP规范禁止使用此类标记,除非脚本类型为application/ld+json,或者我们正在查看强制性脚本标记来加载AMP运行时/扩展

您从SEMrush获得的建议是删除标签。

Remove disallowed tag

这是一个不同的例子。

Invalid URL protocol

我们在第58行看到无效的URL协议。 'Img'标签有'http'协议设置为'src'。 因此,您的图像不会渲染。

正如您所猜测的,建议您将协议更改为有效协议。 与图形一样,这意味着将"http"替换为"https"。

Change invalid URL protocol to valid

B-甜菜风格和布局

AMP Style and Layout issues

AMP页面的样式和布局仅用于快速加载;这就是为什么它们受到如此多的控制。 样式和布局问题并不像HTML问题那么广泛,但忽略这些问题,您可能会让您的页面完全脱离SERP。

AMP样式是基于CSS的,但在这里,您再次面临限制和不允许样式以及禁止外部样式表的问题。

除此之外,还需要为每个显示的标签包含高度和宽度属性,这使您的页面易于滚动。 你能想象手动插入这些需要多少小时吗? 然后发现您不必这样做,因为AMP validator会为多个布局假定值。 专注于影响页面性能的那些不是更容易吗?

标签标签"amp-frame"中缺少属性高度

其他问题可能与使用通用HTML属性而不是自定义AMP属性有关,或者只是路径中的一些偶然错误。

screenshot-2017-09-06-15-17-03.png

在带有样式和布局问题的AMP网页报告中,没有如何修复it提示,因为问题的解决方案通常源于其性质。

C-清除不受支持的模板语法

AMP Templating issues

在AMP格式中,可以使用AMP文档中定义的模板来呈现动态内容,但这些模板应该放在专门设计的标签中。 AMP验证工具会检查模板语言的语法,以保护AMP文档免受通常在web上发现的各种漏洞的影响。

标记中的属性设置为包含未转义Mustache语法的URL标记中的属性设置为包含未转义Mustache语法的URL

实际上,模板问题是罕见的,你可以在这里得到的唯一建议是逃避禁止的模板或其部分。

Escape the Mustache template

正如你所看到的,SEMrush工作了一个奇迹,使得有可能:

  • 在Google通知您之前,查找并修复严重错误

  • 查看错误所在的代码的确切行

  • 在那里得到方便的如何修复它的提示,然后

我们知道,充分了解网站的健康并跟上最近的搜索引擎优化趋势对大多数网站管理员来说是一个持续的挑战,迫使他们同时处理许多工具和应用程序。 这就是我们提供的原因SEMrush现场审核作为一个包罗万象的解决方案,将有利于每个人从搜索引擎优化代理所有者到内部web开发人员。

Harry Wong
Harry是多年B2B外贸营销领域从业者,在Alibaba国际等公司有多年的外贸营销推广工作经验