タグ

2015年10月23日のブックマーク (2件)

  • FacebookのOGP(og:video)を細かく調べてみた

    twitter facebook hatena google pocket 以前、SMMLabに下記のような記事を寄稿しました。 【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ | ソーシャルメディアマーケティングラボ この時、あまり触れなかったog:videoについて詳細に見てみます。 sponsors 基 Open Graph Protocol - Facebook開発者に記載のある最低限だと下記になります。 <meta property="og:video" content="http://example.com/awesome.swf" /> <meta property="og:video:height" content="640" /> <meta property="og:video:width" content="3

    FacebookのOGP(og:video)を細かく調べてみた
  • Facebookなどでサイトが共有された時、リッチ表示するOGPの設定

    Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか? これは、ブログなどのサイトにOGP(Open Graph protocol)と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か? OGP(Open Graph protocol)は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー

    Facebookなどでサイトが共有された時、リッチ表示するOGPの設定