在 WordPress 中安装 AMP 的步骤如下
已发表: 2021-06-25在 WordPress 中安装 AMP对于今天的场景来说是绝对必要的,它可以为您的移动用户提供更好的用户体验。
AMP 或 Accelerated Mobile Pages 是 Google 提供的一种缓存机制,以便您的网站和网页具有更快的加载速度。
在当今世界,随着智能手机销量的突飞猛进,移动用户的数量呈指数级增长。 但是移动用户没有超快的互联网速度,如果您的网页加载时间过长,用户将关闭您的网站而不检查它。
了解谷歌 AMP
在 WordPress 中安装 AMP 之前,了解现实中的 AMP 是很重要的。 它是 Google 提供的一项开源技术,可以让您的内容丰富的网页加载得更快。 它是通过使用有限的 HTML、JS 和 CSS 代码将您的网页临时托管在 Google AMP 缓存上来实现的。 当用户访问您的网页时,Google 可以立即将这些保存的缓存版本提供给用户。 除了谷歌,Facebook、Twitter、Reddit、LinkedIn 也使用这项技术将帖子更快地带给移动用户。
Google AMP 的优势在于它不仅限于移动浏览器。 当移动用户从任何第三方应用程序或网络查看器打开您的网页时,Google AMP 也会从其缓存中提供您的网页。 此外,在 WordPress 中安装 AMP 将帮助您的网站在搜索引擎结果页面上排名靠前。 另一方面,由于网页保存有一组有限的 HTML、JS 和 CSS 代码,您的网页不会完整显示。 任何小部件或第三方集成(如电子邮件表单、社交媒体框等)都将被暂停。 但是您仍然可以使用 Google Analytics。
因此,结论是,如果您作为移动用户拥有大量流量,那么您绝对应该安装它并为您的网站提供动力,并有机地吸引大量移动用户。
在 WordPress 中安装 AMP
步骤 1. 安装插件
首先,您需要安装 AMP 插件。 转到管理仪表板,然后在左侧菜单中,转到插件。 从下拉列表中单击添加新的。 在下一个屏幕中,搜索插件,安装并激活它。 完成后,转到仪表板,然后从外观转到 AMP。
AMP 插件
步骤 2. 定制
使用 AMP 时,您可以查看您的网站在移动设备上的外观。 根据您的主题,它可能会显示您的徽标和网站图标。 如果您不喜欢它的显示方式,您可以进行大量自定义来更改外观。 您可以快速更改字体颜色或标题背景颜色。 完成所有更改后,单击“保存”按钮。
步骤 3. 检查特定网页
如果您想查看使用 AMP 的特定网页的外观,您可以转到浏览器并直接访问该页面,一旦完全加载,通过在最后添加 /amp 对 URL 进行修改。 例如,如果您的正常网页链接是 www.mysite.com/about-us,要查看其 AMP 版本,请将 URL 设为 www.mysite.com/about-us/amp/
如果页面未打开并显示 404 错误,您需要转到仪表板、设置,然后转到永久链接。
下一个屏幕打开后,不要进行任何更改,只需单击 Save Changes 按钮。 这将更新永久链接并返回浏览器选项卡并刷新 404 网页,该网页将出现。
第 4 步。使用 Google Search Console 检查网站
你们中的一些人可能只是在 WordPress 中安装 AMP 以在 Google 搜索引擎结果页面上获得良好的排名。 您可以使用 Google Search Console (GSC) 查看您的网站在 Google 搜索中的外观。 假设您已经将您的网站添加到 GSC,请转到您的 GSC 帐户,然后在左侧菜单中单击“搜索外观”。 在它下面,您会找到 Accelerated Mobile Pages。 在其中,您将看到您的网站和网页。 请务必注意,您的网站可能不会在安装 AMP 插件后立即出现,因为 Google 可能需要几个小时到几天才能为您的网页编制索引。

AMP的高级定制
Google AMP 附带有限的自定义选项。 还有另一个流行的插件,名为 Glue For Yoast SEO & AMP。
Yoast SEO的胶水
在安装它之前,请确保您已经安装了 Yoast SEO 插件,因为它是一个附加组件。 要安装这两个插件,请从仪表板转到插件,然后单击添加新的。 搜索插件,安装并激活它们。 激活后,返回仪表板并从左侧菜单转到 Yoast SEO,然后从下拉菜单中单击 AMP。
在新屏幕中,您将找到 AMP 的高级选项。 您也可以为您的页面和媒体激活 AMP 缓存机制,而不仅仅是帖子。
如果您转到“设计”选项卡,您将找到为移动页面设置单独图标、为没有图像的帖子设置默认图像、更改 AMP 标题颜色、标题颜色、文本颜色和元信息颜色的选项。 这对于品牌推广和使您的移动页面更好看很方便。
还有另一个名为 Analytics 的选项卡,您可以在其中添加您的 Google Analytics ID 以在人们访问您的加速移动页面时收集所有分析。
如果您有基于 WooCommerce 的 WordPress 网站,则应安装付费插件 WP AMP。 它还支持 AdSense 和简码。 您还可以使用 iFrame 嵌入视频等项目。
在 WordPress 中安装 AMP 后 –
完成为您的网站设置 AMP 后,您需要密切关注您的分析,因为很晚,有一些抱怨说谷歌 AMP 没有像以前那样增加流量,搜索引擎排名也是下降。 如果您看到这样的趋势,您可以禁用该插件,否则继续使用它以提供出色的用户体验。
网络内容时代已经从电脑和笔记本电脑转向移动设备和平板电脑。 超过 50% 的互联网用户正在使用移动设备。 因此,需要做一些事情来改善在移动设备中上网的体验。 这是 2016 年推出“加速移动页面”的时候。加速移动页面也称为 AMP,是一项全球网站发布技术倡议,专注于提高移动设备上网络内容的性能。
现在的问题是“AMP 究竟做了什么?” 好吧,AMP 是 HTML 代码的精简版,它准确地减少了移动设备中页面和内容的加载时间。 AMP HTML 通过删除所有会降低移动网页速度的元素(包括 JavaScript 或任何其他第三方脚本)来提高性能。
此时,所有的AMP用户都是发布新闻的在线网站。 但是,据说 AMP 也将很快用于其他商业用途。 像谷歌这样的大型科技公司已经主动开发了这个 AMP 功能,并将其提供给网站和公司。 而定制设计的网站必须使用 AMP HTML 编码语言而不是传统的 HTML 和 CSS 开发网页才能使用 AMP 的功能。 另一方面,使用 WordPress 开发的网站只需安装 AMP 插件即可为页面启用 AMP。 这就是 WordPress 迅速扭转局面的地方。
使用 WordPress AMP 开发的网站的主要优势之一是页面加载速度比在移动设备上仅使用 HTML 和 CSS 开发的传统网页快 85%。 研究表明,如果网页加载时间超过 3-4 秒,移动用户就会离开网页。 因此,使用 AMP 技术开发其网站页面的企业可以降低访问者的跳出率。 AMP 还有助于使网站更加适合移动设备。
AMP 还参与搜索引擎优化,因为页面加载速度和移动友好性是决定搜索引擎排名的因素。 这就是使用 WordPress AMP 开发的网站可以比速度较慢且无响应的网站获得更高排名的地方。 除此之外,谷歌搜索结果已经开始显示 AMP 内容,其中大图像在视觉上占主导地位,并标有清晰可见的绿色 AMP 符号。 这种视觉上吸引人的图像往往比简单的显示内容更能吸引访问者。 此外,随着 AMP 的日益普及,用户在寻找贴图加载时间时,往往会打开标有绿色 AMP 符号的页面。
AMP 旨在支持各种广告网络和格式。 AMP 技术的主要目标是提供足够快的广告,让好看的内容吸引观众的注意力。 WordPress AMP 技术的另一项有趣且强大的功能是,只需添加 AMP 标签即可跟踪访问者数据,例如新访问者与回访者、点击与转化、视频和链接跟踪。 这将极大地充当营销工具,仅通过研究人们在网页上的行为分析来帮助企业做出决策。