我有一个带有 AMP 页面的网站,允许编辑将图像添加到页面中。图像使用 amp-img 元素显示并在任何普通浏览器中呈现。
当用户查看阅读器或被 Embedly 等网站抓取时,不会显示 amp-img 元素。
我认为这是由 amp-img 元素不是有效的 HTML 元素引起的,因此被忽略。有没有办法解决这个问题?
我遗漏了文档<script async src="https://cdn.ampproject.org/v0.js"></script>
中列出的 head 标签。包括修复它。
您可以为不使用 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>