什么是WordPress的AMP以及如何安装


没有什么比仅找到网站主页需要很长时间才能加载 访问网站更令人沮丧的了。更糟糕的是,当图像质量较差且布局没有得到很好的优化时。

实际上,谷歌研究 发现53%的人离开无法加载网站在三秒钟或更短的时间内,这会导致较高的跳出率并降低收入。

为解决这些问题,Google创建了加速移动页面(AMP)。 AMP不仅可以加快您网站的加载时间,而且还可以帮助您设计一个引人注目的网站 ,激动人心的移动体验以及增加平均点击率(CTR)。

在本指南中,我们将说明为什么Google AMP是Google首选的移动页面格式,以及如何实现WordPress的AMP。

什么是Google AMP?

Google AMP是一个网络组件框架,于2015年10月推出,可帮助创建和构建轻量级,用户至上的网站。移动计划旨在通过提供网页的精简版本来加速网络。

许多大型公司,包括WordPress,Pinterest,Washington Post和Reddit 已采用AMP并经历了每月不重复访客人数增加

In_content_1全部:[300x250] / dfp:[640x360]->

通过Google中的AMP向移动用户提供您的网页时,它看起来简单而基本,从而实现了AMP的闪电般快速,动态体验和更好的可用性的目标。

您在WordPress网站上需要AMP吗?

AMP速度很快,但这不是使网页加载速度更快或提高您的网站速度 的唯一方法。

有许多案例研究证明了AMP对出版商,企业和其他行业的积极影响,但也有许多案例研究失败。这意味着对于是否适用于所有站点,尚无明确决定。

最重要的是,AMP的成功取决于某些决策因素。例如,如果您的用户主要来自台式机,则AMP不适合您,因为AMP页在台式机上没有显示丰富的功能,并且AMP缓存未为其提供服务,因此用户可能无法享受这些好处。

黄金法则是,AMP主要推荐给运行新闻站点和博客的发布者。其他任何东西,例如投资组合网站或登录页面都不一定需要AMP。

此外,如果您的非AMP页面可以在2.5秒标准之内或以下加载,则可能不需要安装或维持AMP。

如何在WordPress网站上实施AMP

在WordPress上创建网页的AMP版本可能看起来像是开发人员只能处理的任务,但是了解一点还有一些指导,您可以自己完成。

Google有一个工作流程流程,可指导您构建AMP页面,集成和优化页面,设置分析跟踪 和然后根据您的站点需求设计页面。

首先,Google将为您提供模板代码,您可以将其复制并保存为.html扩展名,然后添加所需的标记。这会将页面变成一个可行的AMP HTML文档。

在发布之前,您可以包括图像,修改布局,针对SEO优化页面 ,预览并根据提供的说明完成页面

如果需要,可以先在 放大器 主页上试用AMP,然后再在自己的WordPress网站上试用。

如何在WordPress上安装Google AMP

在WordPress站点上手动设置和安装Google AMP十分复杂。但是,您可以使用WordPress的官方AMP插件WP的AMP 功放 之类的插件来简化此过程。

为此指南,我们将向您展示如何使用官方WordPress AMP插件在WordPress网站上设置和安装AMP。

如何使用WordPress AMP插件安装AMP

  1. 要开始使用,请在WordPress网站上安装并激活WordPress AMP插件。转到WordPress仪表板,选择插件>添加新
    1. 输入AMP>搜索框中的插件,然后选择立即安装来安装插件。
    2. 注意:如果您使用的是WordPress.com,则必须将业务计划升级到安装任何插件

      1. 转到插件>已安装的插件,找到AMP,然后选择激活链接以激活AMP插件并使其在您的网站上运行。
      2. 图>
        1. 激活插件后,将设置调整为自定义AMP页面。要配置插件,请转到AMP>设置,然后使用向导配置您的AMP页面设置。
          1. 调整完设置后,选择发布按钮。您的网站不会被访问者看到或被Google发现,但是您可以选择是否要在AMP网站上显示这些页面和/或帖子。为此,请转到AMP>设置>高级设置,然后取消选中支持的模板复选框以获取更多选项。
            1. 选择所需的选项,然后选择保存更改
              1. 您还可以通过以下方式将Yoast SEO集成到AMP设置中:转到插件>添加新,然后搜索Yoast SEO和AMP强>。
              2. 选择立即安装,然后激活插件。激活后,转到SEO,然后选择AMP以获取页面的其他自定义选项,然后选择Save Changes
              3. 在发布之前,通过将amp添加到所需的任何帖子或页面URL的末尾来预览AMP网站。例如,您可以转到https://yourwebsite.com/blog-post-title/amp/
              4. 如何验证WordPress AMP

                AMP安装在您的WordPress网站上,下一步是测试它是否正常运行。不仅如此,验证还可以确保支持的平台可以访问和链接到您的站点,并且可以找到AMP 故障排除错误

                您可以手动验证WordPress AMP或使用Google的AMP测试工具

                如何手动验证WordPress AMP

                1. 为此,请打开AMP页面,然后添加#development = 1。
                  1. 转到您的浏览器并打开开发人员工具控制台。如果您使用的是Firefox,请选择菜单>Web Developer>Web Console。如果“ AMP”页面上有任何错误,它们将以红色突出显示。
                  2. 验证错误可能是由于代码错误,前缀无效或标签不允许所引起的,但是您会看到错误旁原因的解释。

                    如何使用Google的AMP测试工具验证WordPress AMP

                    1. 打开Google AMP测试工具 页,输入您的网站,帖子或页面的URL,然后选择测试URL。您还可以粘贴网站的代码,然后选择测试URL
                      1. Googlebot会分析您的网站,如果有效,您将预览AMP页面在Google SERP上的显示方式。
                      2. 使用Google AMP测试工具,您可以识别AMP错误并查看问题-导致您网站上的代码。您也可以选择共享按钮与同事共享分析。

                        您还可以使用Google AMP验证程序 工具来确保您的代码有效,或者使用Chrome AMP扩展 来验证页面,并显示所有警告或错误。 / p>

                        增强您的WordPress网站

                        Google AMP对任何站点都是一个重大变化,尤其是在您已经拥有大量移动流量的情况下。如果您经营的网站内容带有新闻内容,则可以立即安装AMP,但对于其他企业,如果转换不正确,则可能会损害您的转化。

                        我们建议您对AMP进行较高的测试-交通量页面,看看在决定在整个网站上使用它之前是否获得正面还是负面的结果。

                        您是否已在WordPress网站上尝试使用AMP?您还可以分享有关将AMP用于WordPress的其他技巧吗?在评论中与我们分享。

                        相关文章:


                        5.11.2020