Blogger リンク画像設定メモ

Blogger リンク画像設定メモ

urlをtwitterにシェアする時に画像が挿入されなかったので、 twitter cardsが表示される様にBloggerに設定してみました。
その手順をメモしておきます。

導入手順

1. Twitter Cards metaタグの挿入
2. Twitter Cardsの表示確認

Twitter Cards metaタグの挿入

2つめのmetaタグの @isthenewbrand という箇所は自分のtwitterアカウント名にすること。

<meta content='summary' name='twitter:card'/>
<meta content='@isthenewbrand' name='twitter:site'/>
<meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' name='twitter:title'/>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' name='twitter:image'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>

Twitter Cardsの表示確認

Twitter Developer 公式サイトの Twitter Card Validator でurlをTwitterに載せた時の動作確認をすることができます。

以上で終了です。

参考

BloggerにOGPを設定する