如何修复 WordPress 中的常见 AMP 问题？

已发表: 2023-07-18

您是否在网站上安装了 AMP？您是否遇到一些问题？ 如果您是，请继续阅读本文。 在这里，我们将向您展示如何解决 WordPress 中的常见 AMP 问题并改善用户体验。

在进一步讨论之前，我们先来看看 AMP 是什么。

什么是AMP？

加速移动页面 (AMP) 是一项开源计划，旨在增强移动网页的性能。 Twitter 和 Google 赞助了这个项目。 AMP 使用技术为智能手机和平板电脑快速加载轻量级页面。

AMP 使用简化版本的 HTML 来提高移动页面的性能和功能。 一些适用于普通网页代码的标签与 AMP 不兼容。 有必要使用轻量级的CSS版本； 图片仅在用户滚动到其位置时加载，并且不支持表单。 AMP 附带一个受限制的 JavaScript 库。

Google 会缓存大多数 AMP 页面，但第三方和发布商可以维护它们。 根据 Google 的说法，Google 搜索中提供的 AMP 页面使用常规页面数据的十分之一，并且通常加载时间不到一秒。

现在您知道什么是 AMP 了。 接下来，让我们看看为什么在 WordPress 网站上使用 AMP 很好。

为什么你应该使用 AMP

使用 AMP 的原因有很多。 AMP 的一些主要优点是：

  • 用户体验： AMP 在移动设备上提供流畅、更快的用户体验。 由于它减少了页面加载时间，用户将保持对您的内容的参与和满意。 这将降低跳出率并提高用户保留率。
  • 更好的排名和流量： Google 在其搜索引擎中优先考虑 AMP，因为页面完全加载所需的时间是确定结果的重要组成部分。 这对网站排名有很好的影响。
  • 页面速度： AMP 使用 HTML、CSS 和 JavaScript 的精简版本及其缓存功能。 这些版本有助于网站加载速度更快。
  • 移动优化：随着移动设备使用量的增加，确保您的网站适合移动设备至关重要。 AMP 针对不同的屏幕尺寸和设备优化您的网页。 这种优化为移动用户提供了无缝且响应迅速的体验。
  • 分析集成：借助分析集成选项，AMP 使您能够跟踪用户行为并衡量参与度。 它还可以帮助您收集有关网站性能的宝贵见解。
  • 增加收入： AMP 编码的 HTML 增强了广告和图像的整体效用。 由于广告可见率的提高，发布商可以从网站上赚更多的钱。

下一部分将向您展示六个常见的 AMP 问题以及如何解决它们。

如何修复 WordPress 中的常见 AMP 问题

在构建网站时，您可能会遇到不同的 AMP 错误。 现在我们将讨论各种 AMP 错误以及如何修复 WordPress 中的常见 AMP 问题。 大多数人在启用 AMP 的网站上面临的问题是：

  • 返回 404 错误的 URL
  • 空白页
  • 缺少图标
  • HTML 属性问题
  • JS错误
  • 内容不匹配

下面，我们将解释如何正确修复它。

因此，事不宜迟，让我们开始解决每个问题。

1）404错误

如果安装 AMP 插件后一切顺利，您可以通过将 AMP 扩展名添加到移动浏览器中的帖子 URL 来立即访问帖子/页面。

例如，如果 URL 类似于 https://example.com/sample-post，请在浏览器上使用以下 URL：https://example.com/sample-post/amp/。

有时 URLS 会返回 404 错误。 这不是一个大问题，您可以很快解决它。 您所需要做的就是再次保存您的永久链接。

以下是您可以如何做到这一点。

首先，转到永久链接设置。 您可以在WordPress 设置部分下看到它。

固定链接设置

不要更改永久链接设置中的任何内容，然后单击“保存更改”按钮。

保存永久链接设置

刷新永久链接结构后，404 错误将得到解决。 有关详细教程，请查看我们的修复永久链接指南。

2) 空白页错误

白色银行页面是安装插件后可以看到的另一个错误。

该错误表示您的页面存在但无法显示。 您可以通过刷新永久链接来解决此错误。 如果修改永久链接后仍然遇到问题，请检查您的 AMP 设置。

现在转到高级设置并单击支持的模板。 选择页面并将所有模板提供为 AMP ，然后单击“保存”按钮。

通过访问您的博客或页面检查问题是否已解决。

3) “需要徽标字段的值”错误

这是最常见的 AMP 相关 WordPress 错误之一。 如果您在 AMP 报告中收到此错误，则表明您的网站缺少网站图标。

使用任何在线工具或 Adob​​e Illustrator 创建网站图标后，转到外观并单击自定义。

WordPress 定制器

查找站点标识并单击“选择图像” 。

选择网站图标

选择图片后，点击发布。

更新网站图标

从现在开始，您将不会遇到“徽标字段的值是必需的”错误”问题。

4) 标签“A”错误中 HTML 属性“href”的 URL 无效

当您收到错误报告（例如元素“<a>”中 HTML 属性“href”的 URL 无效）时，表示您的网站包含指向不存在网页的链接。

要解决此问题，请检查 URL 的格式和拼写是否正确。 另一件值得注意的事情是确保您使用正确的协议（HTTP 或 HTTPS）。 您可以使用任何在线工具来扫描损坏的链接。 如果您使用 WordPress 作为 CMS，请使用 Broken Link Checker 等插件。

解决 URL 问题后，AMP 错误将消失。

5) “标签‘*********.js 脚本’在文档中出现多次”错误

如果您将相同的 JavaScrpt 文件添加到网页两次或更多次，该页面将生成此错误。 解决此问题的最佳方法是删除重复的文件。 当JS文件被执行两次时，网站的排名和用户体验就会受到影响。 您可以查看源页面并扫描 HTML 页面。

删除所有重复条目后，您就可以开始了。

6) AMP 中的内容不匹配

当网页的 AMP 版本和规范版本显示不同的内容时，您会在 Google 搜索控制台报告中看到 AMP 中的内容不匹配。 要解决此问题，首先，您需要确定导致这种不匹配的原因。 您可以比较两个版本并分析文本、图像、其他媒体等。

一旦发现问题，请修复它。 之后，您可以使用 AMP 验证器工具来验证修复。 您可以监控搜索控制台报告以获取更多信息。

在搜索控制台属性中重新提交网址后，可能需要 2 到 4 天才能再次抓取该页面。

最佳 AMP 就绪 WordPress 主题

以下是您可以使用的五个最佳 AMP 就绪 WordPress 主题：

  • 詹纳
  • 标枪
  • 努尔
  • 索莱达
  • 章

下面，我们将列出每个主题的特别之处。 根据您的需求，选择一个选项。

1）詹纳

詹纳主题

Jannah是一个视网膜就绪且响应式的 AMP 主题，为您打开了一个充满机遇的世界。 该主题因其多功能且功能丰富的设计而广受欢迎，适用于各种网站，包括新闻、杂志、博客和出版网站。 您获得的不仅仅是专为在线博客和杂志设计的 WordPress 主题。 无论您想推出一本时尚杂志、个人博客还是可靠的在线作品集，Jannah 都能满足您的需求。

该主题有 20 多个即用型演示，可加快网站建设过程。 Jannah 是完全兼容的 AMP 主题。 这可确保您网站的移动页面快速加载并提供最佳的用户体验。 通过 AMP 集成，发布商可以轻松创建适合移动设备的内容。

主要特征

  • 放大器兼容性
  • 速度优化
  • 高度可定制
  • 页面构建器友好
  • 广告优化

价钱

Jannah 是一个高级主题。 费用为59 美元（一次性费用） 。 该产品可以从 ThemeForest 市场购买。

2）杰夫林

标枪主题

该主题是可用的最好的 AMP 就绪 WordPress 主题之一，无论用户使用什么设备，它都会为用户提供出色的体验。 当您开始使用该主题时，您可以使用任何精彩的演示。 这些很容易定制，您可以确信您的网站将在短短几分钟内看起来不错并快速加载。

该主题的另一个显着特点是它最适合搜索引擎优化。 您可以根据主题对内容进行更高的排名。 由于 Javelin 也已准备好翻译，

主要特征

  • 兼容放大器
  • 针对搜索引擎优化 (SEO) 进行了优化
  • 翻译准备就绪
  • 多个演示站点
  • 干净的代码

价钱

Javelin 是一个高级 WordPress 主题。 该主题可以从 ThemeForest 市场下载，价格为59 美元（一次性） 。

3）努尔

努尔 WordPress 主题

Noor是一个响应灵敏、多功能、SEO 友好的主题，具有出色的功能。 对于想要使用 0 膨胀 AMP 主题的用户来说，这是一个不错的选择。 您还可以使用 BuddyPress、WooCommerce、bbPress 和 Event Calendar Pro 等高级插件使您的网站功能齐全。 所有这些插件都与 Noor WordPress 主题兼容。

您可以使用拖放构建器将元素添加到页面。 支持团队也很棒。 如果您需要帮助，可以联系Noor 的支持部门。 他们会帮助您解决每一个问题。

主要特征

  • 多个优秀demo
  • 搜索引擎优化
  • 支持AMP
  • 翻译就绪并支持 RTL 语言

价钱

这是一个高级主题。 Noor 的费用为59 美元（终生） 。 该主题可以从 ThemeForest 市场下载。

4）索莱达

索莱达

Soledad是一个多用途主题，非常适合为移动用户运行任何网站。 它包括 Visual Composer 页面构建器模块，使自定义网站或博客变得简单。 如果您想让您的网站快速启动并运行，有许多高质量的演示模板（超过 2000 个）可以用作起点。

该主题与 WooCommerce 兼容，因此运行在线商店不会有问题。 该主题完全是为搜索引擎设计的。 而且如果您使用其他 SEO 插件和 AMP 技术，您可以快速在 Google 和其他搜索引擎上对您的内容进行排名。

该主题还提供 11 个独特的小部件、巨大的粘性侧边栏和菜单以及其他功能，使用户可以轻松地在您的网站上进行操作。 您还可以在网站上使用不同的存档样式。

主要特征

  • 超过 2000 个演示站点
  • 支持AMP
  • 针对桌面和移动设备进行了优化
  • 翻译就绪和 RTL 支持

价钱

Soledad 是一个高级 WordPress 主题。 您可以从 ThemeForest 市场下载它，价格为59 美元（一次性费用） 。

5）章

章 WordPress 主题

Chap是一款美观且高度可定制的 AMP 就绪 WordPress 主题。 它非常适合各种网站类型，包括博客、投资组合、登陆页面、电子商务商店和企业。 您可以使用主题面板快速启动您的网站。 Chap 还为您提供了许多演示来使您的网站正常运行。

该主题也是高度可定制的。 您可以通过 WordPress 定制器更改它的每一寸。

该主题的显着特点之一是十种独特的菜单样式。 Chap 还将通过极快的体验显着改善您的 WooCommerce 结账流程。 该主题的设计最适合 AMP； 这样，您可以获得增强的搜索结果、更好的流量和更好的网站参与度。

主要特征

  • 多个演示选项
  • 针对 WooCommerce 进行了优化
  • 页面构建器友好
  • AMP 优化
  • 高度可定制

价钱

Chap 是一个高级主题。 常规许可证费用为59 美元（一次性费用） 。 您可以从 ThemeForest 市场下载它。

结论

在 WordPress 网站上启用 AMP 时，您可能会遇到几个问题。 最常见的问题是页面返回 404 错误、内容不匹配、HTML 属性无效 URL 等。本文介绍了 AMP 网站上可能遇到的六个常见问题及其修复方法。

所有修复都不需要技术知识，只需点击几下鼠标即可解决问题。

我们希望您发现这篇文章有用并且喜欢阅读它。 如果您这样做了，请考虑在社交媒体上与您的朋友和博主分享这篇文章。

实施 AMP 后您是否遇到任何问题？

让我们在评论中知道。

另外，这里有一些对您有用的文章：

  • 如何针对移动设备优化 WordPress
  • 最佳移动设备友好型 WordPress 主题
  • 如何禁用 WordPress 图像上的右键单击