Xでリンクをシェアするとこちらの画像のようにタイトルやサムネイル画像が表示されるのですが、自分の記事だけ「URLしか表示されない・・・」と寂しい思いをしたことはありませんか?悩めるエンジニアはそうでした・・・。 通常、魅力的なタイトルや画像が表示されるのは「OGP(Open Graph Protocol)」という仕組みのおかげです。調査したところ、Bloggerの標準設定だけではこのOGPの設定が不足していることが分かりました。 詳細は「 BloggerでTwitterカードを設定する 」に詳しいのでここでは割愛しますが、テンプレートのHTMLに「twitter:card」と「twitter:site」の設定を正しく書き加えることで、他のサイトと同じようにリッチなカード形式で表示されるようになりました! 修正前はこのような感じでURLしか表示されていませんでした。 修正後はこんな感じでサムネイル画像が表示されています! 同じ問題に遭遇している方は、ぜひ一度ご自身のブログのOGP設定を見直してみてください。
悩めるエンジニアの日誌です。思いついたことをつらつらと綴ります。