AMP 现在将用其自己的 <amp-img> 版本替换常规 <img> 标签。主要的限制是高度和宽度(以像素为单位)必须准确表达才能进行验证。
您可以通过添加layout=”responsive”来确保图像具有响应性。
允许使用其他支持针对每种设备优化提供内容的属性,例如srcset。
正如我们之前提到的,文章至少有一张代表它的图像并在元数据中指定它是很重要的。
视频中的 AMP 替代方案:
与图像一样,视频和其他内容格式也需要适应 AMP。
对于视频的特殊情况,您必须添加 <amp-video>。
无论如何,这些标签将起到 <alt-img> 的作用,因此需要详细说 克罗地亚电报数据 它们的宽度和高度方面的确切尺寸,并且还允许使用布局属性。
表格案例:
AMP不支持页面上之前可能存在的表单和其他功能元素。
解决方案是用简单的CTA、链接和其他按钮替换它们。
如何在 Google Analytics 中配置 AMP?
amp-与谷歌分析
根据您为网站使用的 CMS,您可以实施 AMP,但对于 WordPress,有各种扩展可以帮助您配置 AMP。
不过,最好咨询开发人员,将 Analytics 添加到您的 AMP 页面。
这样做将要求您安装 AMP Analytics,因为 Google Analytics 不会定期执行这些分析。
为此,您需要在配置文件中启用 Analytics AMP 标签,然后将其包含在您网站的 AMP 页面中(或您用来转换它们的任何扩展中)。
安装后,您可以考虑以下一些数据,Google Analytics 将为您提供有关 AMP 的信息:
页面:关于其域名、页面标题、路径等。
用户:时区、您的ID等。
导航:访问页面的唯一ID、URL等。
浏览器:屏幕高度和宽度、用户代理等。
互动与活动
结论
实施 AMP是减少用户在移动设备上访问您网站时等待时间的最佳方法。
电子商务商店,甚至线下商店,始终要对消费者负责,如果他们对您的产品或服务感兴趣,他们就会访问您的网站。
因此,改善用户体验是提高转化率的必须措施。
在您的网站上实施 AMP 时,您需要考虑一些与内容元素有关的注意事项,以确保您的用户的体验愉快且完整:
简单的标题:最好是带有您标志的特定颜色的条纹;越简单越好。
页脚: 这甚至比页眉更简单。您可以放置一些链接,甚至什么都不放。
响应式设计:在进行所有这些操作并实现 AMP 时,您应该始终考虑移动设备,因为我们的想法是不要用复杂的设计填充您的网站。
寻找 amp-sidebar 扩展来替代菜单、侧边栏和其他不应该存在或至少不应该具有侵入性的复杂导航元素。
如果您想在内容中包含社交按钮、链接和其他共享元素,请考虑使用amp-social-share 扩展。