OGPに仕様追加! Facebookの個人アカウントやFacebookページを記事に紐付けよう!

スポンサーリンク

Facebookの開発者ブログで公開されたとおり、OGPに新仕様が追加されました。
今回追加されたOGPタグを導入することで、ニュースフィード上にブログなどの記事が流れるとき、その記事に紐づくかたちで個人アカウントへのフォローや、Facebookページヘの「いいね!」を促すことができるようになります。

OGP新仕様導入後のイメージPlatform Updates: New Open Graph Tags for Media Publishers and More- Facebook Developers 

上のキャプチャは、今回追加された仕様のOGPタグを導入した記事がニュースフィードに流れてきたときのもの。
記事に紐付いたアカウントをフォローするためのボタンが表示されていますね。
個人アカウントではなくFacebookページが紐付けられていた場合は、ボタンは「Like!(いいね!)」が表示されます。

導入はたったの1行のタグを入れるだけ

導入はアホみたいにカンタンです。
たった1行のOGPタグをhead要素内にぶっ込むだけ。

Facebook個人アカウントを紐付ける場合

<meta property="article:author" content="https://www.facebook.com/cazuki">

Facebookページを紐付ける場合

<meta property="article:publisher" content="https://www.facebook.com/mbdb.jp">

このように、個人アカウントならarticle:authorを指定しアカウントのURLを、Facebookページであればarticle:publisherと指定してページのURLを、上記のタグで書き入れればOKです。

ちなみに上のものはそのままコピペしないように。
僕自身のアカウントと当ブログのFacebookページが指定してあるので、そのままコピペしてしまうと、コピペした人が損するだけです。
必ず自分のアカウントやFacebookページを指定するようにして下さい。

なお、現時点ではまだWordPressのOGPプラグインで、これに対応しているものはないので、実装する場合は手動で導入するほかありません。そのうち対応してくるプラグインもあるとは思います。
まぁ、たったの1行なのでプラグインの対応なんか待たずにサクリと導入してしまえばいいわけですけどね。

どうせならまるっとプラグインレスにしてしまうのもオススメですよ。

[M] プラグイン使うのやめてプラグインレスなOGPを実装することにしました | mbdb (モバデビ)[M] プラグイン使うのやめてプラグインレスなOGPを実装することにしました 

導入したけどボタンが表示されない!

「書いてあるように導入したけど表示されないじゃん!」と言う人向けに書いておきますが、導入してもアカウントに紐づく「フォローボタン」やページに紐づく「いいね! ボタン」が表示されないのは当たり前だと思ってください。
なぜならボタンが表示されるのは、まだフォローやいいね! をしていないユーザーに対してのみなんですね。

なので、個人アカウントを紐付けていれば、当然ログインしているのはその個人アカウントなんですから表示されるわけもなく、多くの人は自分のFacebookページを「いいね!」していますから、こちらもまた当然表示されないというわけです。

テストアカウントから閲覧、あるいはページヘの「いいね!」を外した状態でも表示されないという場合は、Facebook側で保持しているキャッシュによる可能性が高いと言えます。
その場合はデバッガーを使ってキャッシュをクリアし再取得させましょう。

効果は未知数

はっきり言って、この新仕様のOGPタグを導入しても、フォロー数の増加や「いいね!」の増加にどの程度寄与するのかは未知数です。
個人的にはそこまで高い効果が得られるものではないと踏んでいます。

とは言え、もしかしたらもしかするかもしれないし、とりあえずは実験で導入くらいのつもりでいいんじゃないかなと。

増えたらいいよねぇ・・・くらいの気持ちでやっておくほうが、精神的に気楽ですよ。

「Facebook」新着記事

Facebookアプリで3D写真投稿機能をONにするには? 試してみたら本当にできた件

Avatar for ホシナ カズキ

ホシナ カズキ

Facebookの「Send Button」を独自ボタンで実装する方法

Avatar for ホシナ カズキ

ホシナ カズキ

知ってた? Facebookを操作するキーボードショートカットまとめ

Avatar for ホシナ カズキ

ホシナ カズキ

Facebookのソーシャルプラグインを表示するJavaScript SDKを書き換えよう

Avatar for ホシナ カズキ

ホシナ カズキ

大幅に変更されたFacebookページの新デザインが徐々に開放されてきましたね

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビモバイルウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく