先週末、Blogger ブログに Twitter カードをインストールしましたが、Twitter の投稿へのリンクを投稿すると、プレビュー画像が少しぼやけて見えます。
https://twitter.com/DailyNickNews/status/986395296350527488
https://twitter.com/DailyNickNews/status/986395007216209920
https://twitter.com/DailyNickNews/status/986394831470637056
新しいタブで画像を開くと、次のような URL が表示されます。
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 ? "summary_large_image": "summary"' 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 : ""' name='twitter:description'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='data:view.featuredlmage' name='twitter:image:src'/>
</b:if>
私は Twitter カードの初心者で、何を変更すればよいかわかりません。一番上の META タグにはすでに「summary_large_image」と書かれています。
最後の META タグの値を twitter:image:src から twitter:image に変更しようとしましたが、何も変わりませんでした。