阅读器中的 AMP 图片

Question

我有一个带有 AMP 页面的网站，允许编辑者向页面添加图像。图像使用 amp-img 元素显示，并在任何普通浏览器中呈现。

当用户 reader 查看或被诸如 Embedly 之类的网站抓取时，不会显示 amp-img 元素。

我认为这是由于 amp-img 元素不是有效的 HTML 元素造成的，因此被忽略了。无论如何要解决这个问题？

Answer 1

您可以为不使用 javascript 的渲染器添加 noscript 元素：

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800">
  <noscript>
    <img src="welcome.jpg" alt="Welcome" height="400" width="800" />
  </noscript>
</amp-img>

Answer 2

我遗漏了 documentation 中列出的 <script async src="https://cdn.ampproject.org/v0.js"></script> 的 head 标签。包括修复它。

阅读器中的 AMP 图片

AMP images in readers

html

amp-html

amp-img