Question

在上周末，我在Blogger博客上安装了Twitter卡，但是，当我在Twitter上发布帖子的链接时，预览图像看起来有点模糊。

当我在新标签页中打开图片时，我会收到一个网址，例如

https://pbs.twimg.com/card_img/986394838189924352/9Nw874O_?format=jpg&name=600x314

但是，显示的实际图像尺寸要小得多。在上面的示例中，图像为392x205。

我正在使用的代码是：

<b:comment> Twitter Cards for Blogger XML </b:comment>
<meta expr:content='data:view.featuredlmage ? &quot;summary_large_image&quot;: &quot;summary&quot;' name='twitter:card'/>
<meta content='https://4.bp.blogspot.com/-qANmiWyhUFg/WtPAtPo65NI/AAAAAAAA5Yw/CJoYJyvpUKMrKEGHxtj0vTLS_x9AJWyDQCLcBGAs/sl600/nickelodeon-logo-nick.png' property='og:image/>
<meta content='@ Daily NickNews' name='twitter:site'/>
<meta content='@ Daily NickNews' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl.canonical' name='twitter:domain'/>
<meta expr:content='data:view.url.canonical' name='twitter:url'/>
<meta expr:content='data:view.title' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription ? data:view.description : &quot;&quot;' name='twitter:description'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='data:view.featuredlmage' name='twitter:image:src'/>
</b:if>

我是推特卡的新手，不知道该改变什么。顶级META标签已经显示'summary_large_image'。

我尝试将最后一个META标记的值更改为twitter：来自twitter：image：src的图片，但是没有任何变化。

Answer 1

问题在于数据标记data:view.featuredlmage，它通过帖子编辑器获取图像大小。要确保Twitter获取的图像大小始终是最大的，请按如下所示修改代码 -

<meta expr:content='resizeImage(data:blog.postImageUrl,1600)' name='twitter:image:src'/>

Twitter卡图像模糊

1 个答案: