OGPでフェイスブックアビリティを改善する

2013年12月6日

UDCP Advent Calendar 2013 の 6日目。
http://www.adventar.org/calendars/233
先日書いたエントリがFacebookでシェアされたりイイネされたりしたのだけど、それを見て愕然。

なんぞこのドット絵みたいな関係ないアイコン…。
どうやらFacebookではリンクのサムネイルを付けようとするらしく、お節介にも自動で適当な画像を見つくろってサムネイルに仕立て上げるらしい。なのでサムネイルや説明画像がないようなエントリを書いてしまうと手近にある無関係な画像がこのように現れてしまうワケ。まったく大きなお世話ですね。

こっちはタイトルすら分からないURLだけ…。まるでフィッシングサイトみたいだ。
どうやらサムネイルすら自動で作れなかったらしい。
これを解決するにはFacebookがちゃんと解釈できるようにソースを仕込むしかない。ページのサムネイルやデスクリプションを定義できるオープングラフプロトコル(OGP)というものがあるので、それをMETAタグ内に指定する。OGPはFacebookに限らず他のSNSでも使われているらしい。
Facebookでシェアされた時のテキスト・サムネイルの変更方法
http://html-five.jp/84/

私は面倒くさいのでWordpressプラグインに頼った。
Open Graph Pro – OGPに対応したメタタグを出力するWordPressプラグイン
http://netaone.com/wp/open-graph-pro/

たぶんこれで大丈夫なはず。
もはやAdvent Calendar関係ないけど、まあいいや。

コメントを残す

メールアドレスが公開されることはありません。