我有一个博客网站，我最近迁移到了amp-html。
我在使用amp-img标签时遇到问题。首先，博主不将第一amp-img识别为帖子的第一张图片，并且无法制作默认缩略图。
同样在使用amp-share在 facebook 上共享页面时，所选图像始终是我用og:image属性标记的后备图像。
图像分辨率超过Facebook规定的最低分辨率。 我已经看到这种安排在其他网站上运行良好。有人可以在这里快速浏览一下：Pratyush.info
发布这个问题几天后，我发现添加noscript可以使博主识别图像，并且可以与数据标签一起使用。因此，在谷歌添加一些对amp标签的内置支持之前，这可能是某人正在寻找的。
<noscript><img alt="www.pratyush.info" height="382" src="https://lh3.googleusercontent.com/--vp_bO1ozGI/WPegTDKQJDI/AAAAAAAADnQ/FXdCyVKJkTwEj09XneY7csB2Vwd_zVQrQCLcB/milk-protein-intolerance-baby-cow-2160x1200.jpg" title="www.pratyush.info" width="680"></noscript>
演示
我认为您的问题是您的meta标签不正确，在您发布的链接中是
<meta content='https://1.bp.blogspot.com/-agH78RbEntg/WMFULOdxPMI/AAAAAAAADUI/0zId8itGNnA8GawUbVZqeewxq1DzGumyACLcB/s1600/pratyush.info-default-news.jp' property='og:image'/>
尽管网址是图片，但扩展程序无效，请尝试将图片名称更改为有效的图片附加信息，例如png或jpg
data:post.firstImageUrl<head>标记中包含的数据布局标记将始终返回空，因为post命名空间仅在 Blog 小部件中存在的语句<b:loop values='data:posts' var='post'>中定义
相反，您必须使用og:image标记中data:blog.postImageUrl的数据布局标记来获取高分辨率图像。代码会像 -
<meta expr:content='data:blog.postImageUrl' property='og:image'/>