阅读器中的AMP图像

Question

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

当用户进行阅读器查看或被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>的标题。包括修复它。