AMP for Elementor – 免费提高您的网站速度
已发表: 2021-02-19如果您想制作一个适合移动设备的 Elementor 网站，或者将您已经构建的网站合二为一，我们在这里为您提供帮助！
目前，您可以使用 Elementor 轻松构建一个美观、功能齐全、优化良好的网站。 但是，如果您无法在 Google 中获得一个好的职位，那么您的所有努力都会付诸东流。
由于 Google 转向移动优先索引，因此让您的网站在移动设备上更快地加载非常重要。 更具体地说，超过一半的网络流量来自手机。 因此，缓慢的网站会导致您失去大量潜在客户。
那么，解决方案是什么？
加速移动页面 - 或 AMP。
了解您的 Accelerated Mobile Pages 如何以有效的方式加快您的网站速度并增加转化率。
什么是安培？
加速移动页面或 AMP 是一种加速移动网站的方法。 即使在互联网连接速度较慢的情况下，它也能确保移动浏览器获得更好的用户体验。
谷歌推出了这个优化项目，旨在帮助网络出版商。 这样人们就可以创建针对移动设备优化的内容，这些内容可以立即加载到所有设备上——无论您使用的是哪种类型的平板电脑或移动设备。
它使用有限的数据集减少了网站的加载时间。 这比通常的移动页面大小小八倍。 使用这项技术，您可以将网站的速度提高四倍，从而使其更适合移动设备。
AMP 已被众多旗舰公司广泛使用，如 Twitter、纽约时报、Adobe 等。
记住：响应式设计≠移动友好
响应式网页设计为所有屏幕尺寸的设备（从台式电脑显示器、平板电脑到手机）提供了最佳的观看体验。 而支持 AMP 的网站是专门为在移动设备上快速加载而设计的。 这些轻量级页面使用一组有限的 HTML、JavaScript 和 CSS。
移动用户会在 Google 搜索页面上找到具有特殊外观的 AMP 页面。
谷歌在移动搜索上显示一个带有雷电图标的 AMP 网站。 它可以帮助用户区分支持 AMP 的网站和非 AMP 网站。
虽然人们更有可能打开带有闪电图标的网站以节省时间（加载速度更快！）。 搜索引擎优化专家声称这种技术提高了页面的点击率。
AMP 对 SEO 重要吗？
虽然 AMP 不是搜索引擎排名因素，但速度是 Google 搜索的一个因素。 但是，AMP 提供了快速、可靠的 Web 体验。
2018 年 7 月，谷歌将页面速度列为移动搜索的排名因素。 从那时起，网站所有者也开始期待确保更快的移动体验。
需要注意的是，移动设备约占全球网络流量的一半。 而且这个数字增长得非常快。
新的研究预测，55.56% 的网络流量来自手机。
因此，您网站的大部分流量很可能来自移动设备。 因此，让您的网站在移动设备上快速加载同样重要。
AMP 专门用于移动页面，它与桌面版页面没有直接关系。 由于谷歌在移动结果页面中为使用 AMP 开发的页面与非 AMP 页面相比具有更高的排名。 因此，如果您想将目标移动用户转化为客户，请开始在您的网站上练习此技术。
AMP 在搜索结果中的外观
正如我们上面提到的，AMP 页面带有一个迅雷图标，它可以帮助移动浏览器快速识别加载快速流畅的页面。 当有人选择 AMP 页面时，Google 搜索会从 Google AMP 缓存中检索该页面，并应用各种负载优化。 以便那些页面可以立即出现，例如预渲染。
当移动浏览器点击 Google 搜索中的 AMP 页面时，相关内容可以通过以下两种方式之一出现：
Google AMP Viewer： Google AMP Viewer 是一个混合环境，您可以在其中收集有关遵循 Google 隐私政策的用户的数据。 您的内容在哪里被缓存和提供，以优化内容的交付，确保更好的用户体验。 您将在 Google AMP 查看器的顶部找到内容发布者的来源。 以便您轻松了解是谁发布的。 但该 URL 仍然是 Google 域。
签名交换：它允许浏览器将页面视为属于您的域。 在这里，您可以使用第一方 cookie 来自定义内容和衡量分析。 您的页面会显示您的网址，而不是 google.com/amp 网址。
在这两者中，谷歌搜索更有可能以签名交换格式表示内容。 但仅适用于支持它的浏览器。 目前只有 Chrome 支持签名交换。
Elementor AMP 是否兼容？
Elementor 页面构建器与 AMP 不兼容，但是，它可以在非 AMP 网站上无缝运行。 但是您可以在 Elementor 网站上安装第三方扩展程序以使其与 AMP 兼容。
毫无疑问，Elementor 在短时间内成为最好的页面构建器之一。 它用实时前端编辑器替换了基本的 WordPress 编辑器。 现在您可以创建复杂的设计布局，而无需在编辑器和预览模式之间切换。 但要使其更加完美，您还必须确保其他技术可行性。
目前，如果您打算创建一个新网站，那么您必须考虑使用 AMP。 这些页面加载速度非常快，它可以帮助您的网站在 Google 中排名更高。
如何优化 AMP 页面
Accelerated Mobile Pages 与任何其他 HTML 页面一样，但具有一组有限的允许技术功能，这些功能由开源 AMP 规范定义和管理。 在这种类型的框架下，出版商和广告商继续控制他们的内容，但平台可以轻松缓存或镜像内容，以获得最佳的交付速度给用户。
AMP项目
谷歌推出 AMP 的目的是优先考虑速度和可读性。 在 AMP 页面上，页面内的图像将仅在滚动时加载。 此外，这些页面被大量缓存以尽快显示内容。
AMP 页面使用一种特殊结构进行编码，使原始结构更轻巧。 这意味着这里不允许所有元素，CSS直接应用于HTML，根本不允许JS。
要使网站 AMP 兼容，您必须采取一些必要的措施 -
确保可发现性
将有关 AMP 页面的信息包含到非 AMP 页面中，反之亦然。 使用这种形式 rel=”amphtml”（在 AMP 上）和 rel=”canonical”（在非 AMP 上）版本作为 <head> 中的标签。
使用对 SEO 友好的 AMP URL
有多种方法可以定义 AMP 网址。 如-
- 参数：?amp
- 子域：amp.domain.tld
- 前端语言：domain/folder/article.amp.html
- 子文件夹：域/文件夹/文章/放大器
子文件夹选项通常是对 SEO 最友好和最灵活的。 子文件夹和前端语言是谷歌推荐的仅有的两个选项。
一致的用户界面
对于 AMP 限制，您可能会对您的网站设计进行一些更改。 但要保持用户界面和设计方案在本质上相似。 因此，人们可以将同一页面的 AMP 版本和规范版本关联起来。
确认整体功能
规范版本的个性化和交互属性应该在 AMP 上以相同的方式工作。 如导航菜单、社交媒体分享图标、表单、登录、广告、相关内容等。
验证 SEO 元素奇偶校验
为了保持您的 SEO 排名不受影响，请检查后端代码，例如 hreflang、H1s、替代图像文本，尤其是有效的结构化数据。 这些元素在规范页面和 AMP 页面上应该相同。
检查 AMP 徽标指南
遵循 AMP 指南设计徽标，否则它将在热门故事轮播中显示不佳或根本不显示。
不要将 AMP 网址添加到 XML 站点地图
请记住，只有规范的 URL 属于 XML 站点地图。
包括参数 rel=”amphtml”。 它向 Google 发送信号以识别 AMP 页面。
在 Google 索引 AMP 页面后，此版本将提供给用户。
AMP for Elementor - 加速您的网站
如您所知，快速加载网站会带来更好的用户体验并最终带来更多收入。 事实上，谷歌的一项研究表明，随着页面加载时间的增加，跳出率也会随之上升。 此外，谷歌在索引或排名网站时也会考虑网站速度。 因此，如果您的网站速度很慢，那么您将失去知名度和流量。
Elementor 可让您在眨眼间构建出令人惊叹的设计。 但如果没有合适的受众，你的努力将不会得到重视。 Elementor 的 AMP 将让您确保在 SERP 上的位置更高。
虽然，谷歌通过在移动搜索中提升 AMP 页面来推动它们。 因此，如果您的大部分流量来自移动搜索，那么您肯定会从添加 AMP 支持以改善和维护您的 SEO 中受益。