★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]
運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場
![★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
Facebookなどでサイトが共有された時、リッチ表示するOGPの設定
Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか？ これは、ブログなどのサイトにOGP（Open Graph protocol）と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か？ OGP（Open Graph protocol）は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー
ファンが3万人もいなくなったのに成功!? バーガーキング “ファンの忠誠心を試す”2択企画 | AdGang
Case: Banned from Facebook ユニークなプロモーションでお馴染みのバーガーキングが、ノルウェーで仕掛けた最新キャンペーン。 Facebookを「いいね！」しているファンのうち、クーポンや無料サンプル等の特典目当てで「いいね！」をしている“偽物のファン”をFacebookページから削除し、“真のファン”だけのページを構築するという大胆な試みを行いました。 その名も、“Whopper Sellout”（ワッパーの裏切者）キャンペーン。 バーガーキングの「ワッパー」と言えばバーガーキングの代名詞的商品ですが、心の底からワッパーが好きな人もいれば、バーガーならなんでもよく、ワッパーでもマクドナルドのビッグマックでもどちらでもいいという人も多いはず。 同社は、今回そんなインサイトに着目して“Whopper Sellout”キャンペーンというサイトを開設し、“偽物のファン”を暴
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
Facebook「Like Box」をカスタマイズしたかった。 - ウェブDeBLOG | Webデザイン学科ブログ
【2016年4月17日追記】 Facebookのページプラグインが便利になりレイアウトしやすくなりました。もうすでにサポートが終了していることもあり、fb.wallを外しました。ページプラグインに関しては、下記から行ってください。 https://developers.facebook.com/docs/plugins/page-plugin 【2014年1月19日追記】 昨年の10月にまた、Facebookの仕様が変わり「いいね！」の数が取得できなくなっています。 fb.wallでundefined people likes thisとか出る件 | IT屋のPC+ビジネスハック の記事に対処法が書かれています。 上記記事を参考に変更すると、いいね！の上限数に限りが出てきますので、 fb.wallメモ最終版 | 永遠少年症候群 に修正方法が紹介されています。またこの記事で利用してる「fb.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
