放大它! Drupal AMP 的原因和方式(以及它可以对您的网站做什么)

已发表: 2019-08-13

当开源加速移动页面 (AMP) 项目于 2015 年 10 月启动时,Google AMP 经常被比作 Facebook 的即时文章。 尽管如此,这两家科技巨头都有一个共同的目标——让网页加载速度更快。 虽然可以通过 Web URL 访问 AMP,但 Facebook 的 Instant Articles 只是为了减轻应用用户的痛苦。 Google AMP 与出版和技术领域的一些强大的发布合作伙伴合作,旨在影响移动设备上内容分发的未来。

快进到今天,Google AMP 是互联网上最热门的东西。 拥有超过 2500 万个网站域,发布了超过 40 亿个 AMP 页面,该项目很快就取得了巨大成功。 包括两个主要功能; 对象货币化的速度和支持,AMP 的影响对企业业务、营销人员、电子商务和其他所有大小组织都有深远的影响。 凭借强大的功能以及它起源于 Google Initiative 的事实,AMP 页面在 Google SERP 中的展示更加突出也就不足为奇了。

什么是AMP?

随着移动用户的快速增长,提供类似网站的用户体验的需求并不仅仅是削减它。 如今,移动用户的注意力范围更小,互联网速度也各不相同。 企业可以通过使用 Google AMP 的快速加载、轻量级和类似应用程序的网站来应对这些挑战。

AMP 是一个开源框架,可简化 HTML、简化 CSS 规则、限制 Javascript 的使用(可以改用 AMP 的组件库)并通过 Google AMP 缓存(基于代理的内容交付网络)交付页面。

为什么是AMP??

谷歌的开源计划影响数字资产的技术架构,旨在为移动浏览器和其他应用程序提供精简的网页。

它很快,就像真的很快

Google AMP 的加载速度大约是普通可比移动页面的两倍,延迟低至十分之一。 旨在为移动用户提供最快的体验,客户将能够更快地访问内容,并且他们更有可能留在页面上进行购买或查询您的服务,因为他们知道这不会花很长时间。

有机提升

AMP 轮播的资格高于 Google SERP 上的其他搜索结果,导致有机结果和流量的大幅增加,这是组织知名度的主要提升。 虽然不负责增加页面权限和域权限,但 Google AMP 在以您的方式发送更多流量方面发挥着关键作用。

投资回报率

AMP 利用而不是破坏网站现有的网络基础设施这一事实使得采用 AMP 的成本远低于竞争技术。 作为回报,Google AMP 可提供更好的用户体验,从而转化为移动设备上更好的转化率。

Drupal 和 AMP

凭借更好的用户参与度、更长的停留时间以及内容优势之间的轻松导航,企业必将通过 AMP 友好页面吸引更多流量并增加收入。 AMP 模块对营销人员特别有用,因为它是优化他们的 Drupal SEO 工作的重要补充。

AMP 生成的 HTML 使网络成为一个更快的地方。 在 Drupal 中实现 AMP 模块非常简单。 只需下载、启用和配置!
在开始将 AMP 模块与 Drupal 集成之前,您需要 -
AMP 模块: AMP 模块主要处理常规 Drupal HTML 页面到 AMP 投诉页面的转换。

AMP 模块的两个主要组件:

AMP 模块: AMP 模块主要处理常规 Drupal HTML 页面到 AMP 投诉页面的转换。
AMP 模块的两个主要组件:

AMP 主题:我相信您已经接触过 AMP HTML 及其标准。 负责让您的内容在移动设备上看起来有效并表现良好的人。 Drupal AMP 主题为希望在移动世界中表现良好的网站生成这些标准所需的标记。 此外,AMP 主题允许创建定制的 AMP 页面。

AMP PHP 库:由 AMP 基本主题和 ExAMPle 子主题组成,Drupal AMP PHP 库处理最终更正。 用户还可以从头开始创建自己的 AMP 子主题,或者根据自己的特定要求修改默认的 ExAMPle 子主题。

如何使用 Drupal 设置 AMP?

在将 AMP 与 Drupal 集成之前,您需要了解 AMP 不会取代您的整个网站。 相反,从本质上讲,AMP 模块为内容类型提供了一种查看模式,当浏览器要求提供 AMP 版本时会显示该模式。

下载 AMP 模块

准备好本地后,键入以下终端命令:

drush dl amp, amptheme, composer_manager

此命令将下载 AMP 模块、AMP 主题和 Composer Manager 模块(假设您还没有 Composer Manager)。

如果您是 Drupal 8 的用户,您可能熟悉 Composer 及其作为 PHP 打包工具的功能,它为项目安装依赖项。 composer 用于安装一个 PHP 库,该库将原始 HTML 转换为 AMP HTML。 此外,作曲家将帮助该库与 Drupal 一起工作。

但是,由于 AMP 模块没有明确要求 Composer Manager 作为依赖项,备用工作流可以在不使用 Composer Manager 的情况下使用模块 Composer 文件。

接下来,启用开始所需的项目:

drush en composer_manager, amptheme, ampsubtheme_example

在启用 AMP 模块本身之前,需要启用一个 AMP 子主题。 AMP 模块的默认配置将 AMP 主题设置为“ExAMPle 子主题”。

如何启用 AMP 模块?

Drupal 的 AMP 模块可以使用 Drush 启用。 启用模块后,Composer Manager 将负责下载其他 AMP 库及其依赖项。

drush en amp

配置

安装并启用所有内容后,需要使用 Web 界面配置 AMP,然后才能显示 Drupal AMP 页面。 首先,您需要决定哪些内容类型应该具有 AMP 版本。 您可能不需要所有这些。 单击“在自定义显示设置中启用 AMP”链接,启用特定的内容类型。 在下一页上,打开“自定义显示设置”字段集。 选中 AMP 框,然后单击保存。

图片

设置 AMP 主题

配置 AMP 模块和内容类型后,就可以为 AMP 页面选择主题并进行配置。 Drupal AMP 模块的视图模块和字段格式化程序负责处理页面的主要内容。 另一方面,Drupal AMP 主题会更改页面主要内容区域之外的标记。

此外,Drupal AMP 主题使您能够为 AMP 页面创建自定义样式。 在主 AMP 配置页面上,确保将 AMP 主题的设置设置为 ExAMPle 子主题或您创建的自定义 AMP 子主题。

Drupal 主题