朋友需要博客的帮助,问题是,当他从博客发布东西到Facebook时他无法获得正确的缩略图,问题是在facebook调试器上获取的图像是图片的缩略图。该博客是在博客上,并已被用于共享按钮的插件(我不知道哪个插件)。很抱歉,我没有发布一些代码来帮助你更好,但我只是在黑暗中寻找解决方案。
编辑
我添加了这些,但我再次对图片有问题,fb调试器说它太小了。 data:blog.postImageThumbnailUrl
负责大小(72x72生成)。有没有办法改变这个?
xmlns:og='http://ogp.me/ns# at the end of the html tag
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/487911_488950037808372_1165794149_n.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
答案 0 :(得分:0)
您可以使用标记 - data:blog.postImageUrl
代替data:blog.postImageThumbnailUrl
但截至2016年底,Blogger会自动通过og:image
添加og:url
代码(以及og:title
,og:description
和<b:include data='blog' name='all-head-content'/>
)出现在Blogger模板中。此外,图像分辨率更高(设置为1200x630像素,以符合https://developers.facebook.com/docs/sharing/best-practices#images中规定的指南)