2

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

我在使用amp-img标签时遇到问题。First blogger 没有将 First 识别amp-img为帖子的第一张图片，并且无法从中制作默认缩略图。

此外，当使用 facebook 在 facebook 上共享页面时amp-share，所选图像始终是备用图像，我已用og:image属性进行了标记。

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

4

3 回答 3

2

发布这个问题几天后，我发现添加 anoscript可以让博主识别图像并且可以与数据标签一起使用。因此，直到谷歌添加了一些对 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>

演示

于 2017-05-22T04:51:15.453 回答
1

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'/>
于 2017-03-15T17:58:49.187 回答
1

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

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

虽然url是图片，但扩展名无效，尝试将图片的名称更改为有效的图片扩展名，like pngorjpg

于 2017-03-14T10:27:51.450 回答