首页 » 部落格 » 什么是AMP? AMP 页面和 SEO 初学者指南

什么是AMP? AMP 页面和 SEO 初学者指南

AMP(以前称为 Accelerated Mobile Pages)是一个开源 HTML 框架,可帮助创建快速加载、针对移动设备进行优化的网页。

因此,AMP 页面本质上是常规网页的精简版本。

它可能看起来像这样:

谷歌启动开源项目是为了与 Facebook Instant Articles 和 Apple News 竞争。

两者都允许发布商创建加载快速且易于使用的内容。

Google 于 2016 年首次在移动搜索结果中提供 AMP 页面。它们仅限于 SERP 顶部的“热门故事”部分。

作为

它最初是为新闻出版商设计的。但此后它已扩展到包括所有类型的网页

AMPHTML

AMP HTML 是带有一些限制的 HTML,以确保快速页面加载。删除或修改一些可能减慢网页速度的元素和属性。

一个简单的 HTML 文件可能如下所示:

有关特殊标签、属性和模板的更多详细信息,请参阅官方 AMP HTML文档。

AMP JavaScript

JavaScript 很复杂,因为过多的 JS 会使网页缓慢且无响应。

但是, AMP 的JavaScript 库包含框架和组件,允许您快速构建页面,而无需编写 JS 或导入第三方库。

读者体验的所有基本要素。

AMP 缓存

AMP 缓存是一种基于代理的内容交付网络 (CDN),可在用户请求 AMP 页面之前预获取和预渲染 AMP 页面。

这改变了网站速度的游戏规则。

为什么?

因为它允许您的站点同时从不同的服务器加载多个部分。它还允许访问者从距离他们最近的服务器加载您的网站。

这意味着您的网站会被更多人快速加载。

目前有两个主要的 AMP Cache 供应商:

 

当您使用 AMP 格式时,这些平台会缓存您的页面。

例如,缓存提供商可以通过并缓存其内容。

或者,发布商可以手动将页面添加到 AMP 缓存(仅限Google AMP 缓存)。

其他平台可以通过其 URL 访问缓存的 AMP 页面。

例如,如果您在《卫报》的报道末尾输入 /amp,您将看到 AMP 版本。

作为:

提示: 如果您不确定您的网 马耳他 电话号码库 站是否有 AMP 页面,您可以使用Semrush 的 网站审核工具进行检查。

首先添加您的域名并单击“开始审核”。

然后,转到仪表板中的“统计”选项卡,您将看到一行“AMP 链接”。

作为:

AMP 网页有哪些优点和限制?

虽然 AMP 可以提高页面的性能和用户体验,但它确实有一些缺点。

让我们看看 AMP 页面的优缺点:

AMP 的好处

  • 页面加载几乎是瞬时的
  • 页面很容易构建
  • 改善移动设备上的用户体验
  • 它允许您创建定制项目
  • 包括 Google 和 Bing 在内的多个平台都支持它

AMP 的局限性

  • Google 不再显示 AMP 徽章图标来指示 AMP 内容
  • 设计元素非常有限
  • AMP 网页每页仅允许一个广告代码

如何在您的网站上设置 AMP

 

马耳他 电话号码库

 

您可以按照 HTML 标记或使用 CMS(通过插件或自定义功能)创建 AMP 页面。

基本代码

首先,这是基本 AMP 页面的标记

正如你所看到的,主体内容很简单,但是头部有一些额外的代码。

提示: 使用AMP代码片段练习您的代码。 

添加图像

如果要添加图像,则需要 AMP 页面和 将常规 HTML 标记替换为 AMP 等效标记。

在这种情况下,标

要尝试一下,请将 抓取预算:它是什么以及为什么它对 seo 很重要? 以下代码复制并粘贴到页面 <> 的正文中。

添加样式

下一步是添加样式。

任何样式都必须使用 CSS 属性来完成。但 AMP 要求所有 CSS 都包含在文档 中调用的自定义标记中。

例如,尝试将以下样式添加到您的页面:

它允许您以保持 AMP 性能保 阿拉伯数据 证的方式编写和运行自己的 JS。无需编写 JavaScript 代码或使用外部库即可快速构建页面。

有关更深入的信息,请阅读有关使用自定义 JavaScript 的AMP指南并按照AMP JS 教程开始。

审查和验证

一个好的 AMP 页面意味着它遵循严格的准则,以确保其缓存友好并创造良好的用户体验。

在验证 AMP 网页之前,请确保遵循以下最佳实践:

  • 如果您要针对 Google 进行优化,请遵循其针对 AMP 网页的指南
  • 将您的 AMP 页面链接到其规范(非 AMP 版本或 AMP 页面本身)。
  • 在 AMP 和规范页面上 使用相同的结构化数据标记
  • 使用富结果测试验证您的结构数据是否有效。
  • 验证您的robots.txt文件没有阻止您的 AMP 网页
  • 遵循国际 hreflang SEO 指南

当您准备好接受审核时,请使用AMP 测试工具确保您的网页满足所有要求。

有关更详细的指南,请查看用于验证 AMP 页面的官方 AMP 教程。

如果您是 Web 开发新手,请使用AMP 课程或Google 的AMP 基础 Codelab。

使用 CMS 创建 AMP 页面

如果您通过 CMS 管理内容,则可以使用Drupal、Joomla或WordPress。

例如,让我们看看使用AMP for WP是什么样子的。

在 WordPress 上激活插件后,您可以开始创建 Accelerated Mobile Pages。

首先添加新页面或帖子。

然后单击“启动 AMP 页面生成器”。

您可以选择使用预先构建的 AMP 页面和 布局或使用拖放元素构建自己的布局。然后单击齿轮图标来编辑页面的元素。

并随时保存每个表格。

提示: 创建一个免费的 Semrush 帐户,并从任何域、子域或子文件夹中抓取最多 100 个 URL。

抓取网站后,转到“统计”选项卡。您将在标有“AMP 链接”的行中看到问题。 

该工具可检查 40 多种最常见的 AMP 页面错误。它告诉你如何解决它们。 

尽快解决任何问题。它们可以影响搜索引擎如何向用户提供您的内容。

滚动至顶部