Question

我有一个博客网站，我最近迁移到了amp-html。

我在使用amp-img标签时遇到问题。首先，博主不会将第一个amp-img识别为帖子的第一个图像，并且无法将默认缩略图从其中删除。

另外，当使用amp-share在Facebook上分享页面时，所选图像总是回归图像，我已用og:image属性标记。

图像分辨率超过facebook规定的最低要求。我看到这种安排在其他网站上运行良好。有人可以在这里快速浏览一下：Pratyush.info

Answer 1

发布此问题几天后，我发现添加noscript可以让博客识别图像，并且可以与数据标记一起使用。所以，直到谷歌添加一些内置的放大器标签支持，可能这可能是某人正在寻找的。

<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>

DEMO

Answer 2

我认为您的问题是您的meta标记不正确，在您发布的链接中

<meta content='https://1.bp.blogspot.com/-agH78RbEntg/WMFULOdxPMI/AAAAAAAADUI/0zId8itGNnA8GawUbVZqeewxq1DzGumyACLcB/s1600/pratyush.info-default-news.jp' property='og:image'/>

虽然网址是图片，但扩展程序无效，请尝试将图片名称更改为有效的图片扩展名，例如png或jpg

Answer 3

data:post.firstImageUrl标记中包含的数据布局标记<head>将始终返回空，因为post命名空间仅在内部存在的语句<b:loop values='data:posts' var='post'>中定义博客小部件

相反，您必须使用data:blog.postImageUrl标记中的数据布局标记og:image来获取高分辨率图像。代码就像 -

<meta expr:content='data:blog.postImageUrl' property='og:image'/>

使用页面上的第一个amp-img进行Facebook分享

3 个答案: