Facebookなどでサイトが共有された時、リッチ表示するOGPの設定
Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか？ これは、ブログなどのサイトにOGP（Open Graph protocol）と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か？ OGP（Open Graph protocol）は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー
ブログ | ウェビングスタジオ
先週末の三連休のさなかに、人気プラグイン「Advanced Custom Fields(以降、ACF…
Facebookインサイト設定の落とし穴、app_id, admins の違いとは-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
皆さま、お久しぶり！ヒカルよ。今日はFacebookインサイト(公式のアクセス解析ツール)を使うための最初の難関、OGP設定の謎を私が解明するわ！私と一緒に、めくるめくソーシャルマーケティングへの扉を開きましょ。 ......って、え？私のことを知らない？......そうか、そうよね。最近 Facebookの六離庵ページ に閉じこもっていたものね。 改めて、自己紹介するわ。 わたしと六離庵について わたしは、ソーシャルメディア課長のヒカル。 和菓子屋六離庵ソーシャルメディア繁盛記 というサイトをご存知かしら？ このサイトは吉祥寺にある架空の和菓子屋さん「六離庵」のソーシャルメディア活用のストーリーを連載しているサイトなの。中小規模の法人がどんなふうにソーシャルメディアをどう活用していけばいいかの一例として、企画から運用、効果測定までの流れを小説形式でひと通りご紹介しているわ。全八話で公開さ
OGPタグの設定やいいねボタン、コメントを簡単に設置できるWordPressプラグイン「Facebook Tools」
OGPタグを設定するのにOpen Graph ProというWordPressのプラグインを使ってたのですが、 descriptionの設定が不安定だったので、最近Facebook Toolsというプラグインに変えてみました。 このプラグインはOGPタグの設定だけでなく、いいねボタンやfacebookコメントボックスの設置も簡単に行えます。 このブログではOGPタグを設定するのにOpen Graph ProというWordPressのプラグインを使ってたのですが、 descriptionの設定が不安定だったので、最近Facebook Toolsというプラグインに変えてみました。 このプラグインはOGPタグの設定だけでなく、いいねボタンやfacebookコメントボックスの設置も簡単に行えます。 ざっと使い方まとめました。 インストール インストール方法は通常のWordPressプラグインと同じで
これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM
Life is too short to worry about laundryOGP （Open Graph Protocol）。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね！ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね！された時に、 「○○さんがリンクについていいね！と言っています」 とウォール上に投稿されることになるが、これはOG
WordPressのFacebook用OGP出力テンプレート｜Webクリエイターネット
Category WordPress WordPressでFacebook用にOGPを出力するには、｢WP-OGP｣｢WP-OGP Customized｣｢Open Graph Pro｣等いろいろ便利なプラグインがありますが、どれも思ったような出力をしてくれなかったり、デバッガーでエラーが出力されることもよくあります。 Facebookの仕様変更も多く、それにプラグインが対応していないことも原因の一つです。 ここ最近の仕様変更でいうと、｢og:imageのサイズが200px×200px以上に変更｣｢og:localeが自動で付加されるようになった｣｢og:descriptionの指定を推奨｣｢fb:adminsもしくはfb:app_idの指定を推奨｣といったところでしょうか。 私も以前は｢WP-OGP｣を使用していたのですが、プラグイン自体が更新されていないこともあり、プラグインファイルの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code1616.net