パソコン・ＩＴ

Twitter CardとFacebook OGPを今頃設定してみました

前からやろうやろうと思っていたことをついに実行しました。ちょっとは見やすくなるのでしょうか？

Twitter Card

と、言うのはTwitterに自分とこのブログのリンクを投稿した際に、ブログのタイトルや写真なんかのサマリーをちらっとツイートの下に表示してくれるサービスのことです。

以前はこんなだったのですが

ブログ書きました。 / “カモノハシ通信3: このブログの人気記事” http://t.co/fMijEklOLh
— 黒滝直樹 (@kurotaki14) April 8, 2014

こういう風になりました！

カモノハシ通信3: 泡々酒、これは良い http://t.co/CWyqhwn0ug
— 黒滝直樹 (@kurotaki14) April 10, 2014

写真が入るだけでずいぶん印象がかわるってもんです。

Facebook OGP

OGPとは自分のサイトを紹介するための共通フォーマットのこと。OGP対応しておくと記事をシェアされたりした際に、より見栄え良く表示してくれるようです。

今まではこんなふうに表示されていたと思いますが

こうなりました！

投稿 by 黒滝 直樹.

写真が大きくなったのはいいのですが、切り抜かれる範囲を意識して写真をチョイスしないと大変なことになりますね。これみたいに(^_^;)。

設定方法

「Twitter Card」「Facebook OGP」でググってください(^_^;;;)。HTMLを編集して、metaタグをいくつか追加することが必要です。Twitterの方は、申請を通す必要もあります。

このブログはGoogleのBloggerを利用していますが、Bloggerのことならとにかく役立つ、こちらのブログを参考にさせていただきました。OGPの方も、この記事からただって行けると思います。

Blogger ブログを Twitter Cards に対応させる方法 | クリボウの Blogger Tips

ブログやHPやってる人は是非設定しておきましょう。ではまた！