Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか? これは、ブログなどのサイトにOGP(Open Graph protocol)と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か? OGP(Open Graph protocol)は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー
![Facebookなどでサイトが共有された時、リッチ表示するOGPの設定](https://cdn-ak-scissors.b.st-hatena.com/image/square/43bfc947c64be2beab6ac785506a0372e769d715/height=288;version=1;width=512/https%3A%2F%2Fmillkeyweb.com%2Fwp-content%2Fuploads%2F2014%2F02%2Fmedium_4543469861.jpg)