您是否已在网站上安装了 AMP,并面临一些问题?在这里,我们将向您展示 如何解决 WordPress 中常见的 AMP 问题 并改善用户体验。
在进一步了解之前,我们先来看看什么是 AMP。
什么是AMP
加速移动页面(AMP)是一项开源计划,旨在提高移动网页的性能。Twitter 和 Google 赞助了这一项目。AMP 使用技术为智能手机和平板电脑快速加载轻量级网页。
AMP 使用简化版的 HTML 来提高移动网页的性能和功能。一些适用于普通网页代码的标签与 AMP 不兼容。有必要使用轻量级 CSS 版本;图片只有在用户滚动到相应位置时才会加载,而且不支持表单。AMP 附带一个受限的 JavaScript 库。
谷歌缓存了大部分 AMP 网页,但第三方和出版商也可以维护它们。根据谷歌的说法,在谷歌搜索中提供的 AMP 页面使用的数据是普通页面的十分之一,加载时间通常不到一秒。
现在你知道什么是 AMP 了吧。接下来,让我们看看为什么在 WordPress 网站上使用 AMP 会有好处。
为什么要使用 AMP
使用 AMP 有很多理由。AMP 的一些主要优势如下
- 用户体验:AMP 可在移动设备上提供流畅、快速的用户体验。由于 AMP 缩短了页面加载时间,用户将对您的内容保持参与和满意。这将降低跳出率,提高用户留存率。
- 更好的排名和流量:谷歌在其搜索引擎中优先考虑 AMP,因为网页完全加载所需的时间是决定搜索结果的一个重要因素。这对网站排名有很好的影响。
- 页面速度:AMP 使用 HTML、CSS 和 JavaScript 的精简版本及其缓存功能。这些版本有助于加快网站加载速度。
- 移动优化:随着移动使用的增加,确保您的网站对移动友好至关重要。AMP 可针对不同的屏幕尺寸和设备优化网页。这种优化能为移动用户提供无缝的响应式体验。
- 分析集成:通过分析集成选项,AMP 可让您跟踪用户行为并衡量参与度。它还能帮助您收集有关网站性能的宝贵见解。
- 增加收入:AMP 编码的 HTML 增强了广告和图片的整体效用。由于广告可视率的提高,出版商可以从网站上获得更多收入。
下一节将向您介绍六个常见的 AMP 问题以及如何解决这些问题。
修复WordPress中常见的AMP问题
在创建网站时,您可能会遇到不同的 AMP 错误。现在,我们将讨论各种 AMP 错误以及如何解决 WordPress 中常见的 AMP 问题。大多数人在启用了 AMP 的网站上遇到的问题有
- URL 返回 404 错误
- 空白页
- 缺少图标
- HTML 属性问题
- JS 错误
- 内容不匹配
下面,我们将介绍如何正确修复。话不多说,让我们开始解决每一个问题吧。
1) 404 错误
如果安装 AMP 插件后一切顺利,您就可以在移动浏览器中将 AMP 扩展添加到帖子 URL 中,立即访问帖子/页面。
例如,如果 URL 是 https://example.com/sample-post,则在浏览器上使用以下 URL:https://example.com/sample-post/amp/。
有时 URLS 会返回 404 错误。这不是大问题,您可以很快解决。您只需重新保存永久链接即可。
您可以这样做。首先,进入 Permalinks 设置。您可以在 WordPress 设置部分看到它。
不要更改永久链接设置中的任何内容,然后单击 “保存更改 “按钮。
刷新永久链接结构后,404 错误就会得到解决。如需详细教程,请查看我们的永久链接修复指南。
2) 页面空白错误
白色页面是安装插件后可能出现的另一个错误。
此错误表示您的页面存在但无法显示。您可以通过刷新永久链接来解决此错误。如果修改永久链接后仍有问题,请检查 AMP 设置。
现在进入高级设置,点击支持的模板。选择 “页面”,并将所有模板作为 AMP 服务,然后点击 “保存 “按钮。
访问您的博客或页面,检查问题是否已得到解决。
3) 字段必须有一个值
这是与 AMP 相关的最常见 WordPress 错误之一。如果您在 AMP 报告中收到此错误,则表明您的网站缺少 favicon。
使用任何在线工具或 Adobe Illustrator 创建图标后,转到外观并点击自定义。
查找网站标识并点击 “选择图片”。
选择图片后,点击发布。
从现在起,您就不会再遇到 “徽标字段的值为必填项 “错误问题了。
4) 标签 “A “中 HTML 属性 “href “的 URL 无效错误
当您收到诸如 “元素”中的 HTML 属性’href’的 URL 无效 “这样的错误报告时,说明您的网站包含指向不存在的网页的链接。
要解决这个问题,请检查 URL 的格式和拼写是否正确。另一件值得注意的事是确保使用了正确的协议(HTTP 或 HTTPS)。您可以使用任何在线工具扫描断开的链接。如果使用 WordPress 作为内容管理系统,可以使用 Broken Link Checker 这样的插件。
解决 URL 问题后,AMP 错误就会消失。
5) 标签 “***.js 脚本 “在文档中出现多次 “错误
如果您在网页中添加了两次或两次以上相同的 JavaScrpt 文件,网页就会产生此错误。解决此问题的最佳方法是删除重复的文件。当 JS 文件被执行两次时,网站的排名和用户体验都会受到影响。您可以查看源页面并扫描 HTML 页面。
删除所有重复条目后就可以了。
6) AMP 中的内容不匹配
当网页的 AMP 版本和规范版本显示的内容不同时,在谷歌搜索控制台报告中就会出现 AMP 内容不匹配的情况。要解决这个问题,首先要找出造成这种不匹配的原因。您可以比较两个版本,分析文本、图片、其他媒体等。
找到问题后,请修复它。之后,您可以使用 AMP 验证器工具来验证修复情况。您可以监控搜索控制台报告,了解更多信息。
在搜索控制台属性中重新提交 URL 后,再次抓取页面可能需要 2 到 4 天的时间。
支持AMP的WordPress主题
以下是您可以使用的五款最佳 AMP WordPress 主题:
- Jannah
- Javelin
- Noor
- Soledad
- Chap