仕事で、Facebookで使われているOpen Graph protocolに対応しようということになって、色々調べたメモ。
Open Graph protocol自体は、シンプルなメタタグでした。
該当ページは、HTML4.01のHTML。
【Facebook】Open Graph Protocol 説明という日本語の解説のお陰で、テキストエディタでタグを追加出来ました。
ほかに参考になった、「Open Graph protocolとは何か？」という初歩的なことから、導入した人のレポートなどのリストです。
- フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か｜IT戦記
- フェイスブックのいいね！をサイトに追加するならこれはやるべき｜ECおもろ!!!
- Facebookの「いいね！」に使われるサムネイル画像を指定する｜ENIAC INTERNATIONAL DATA SHARING
- Open Graph protocolの画像クロールについて｜web探検隊
- Open Graph Protocolが実際に使われているサイトの具体的な利用例を確認してみた｜trapon : experience
- Open Graph Protocolに対応してみた｜The blog of H.Fujimoto
- OGP (Open Graph Protocol) を試してみました｜その仕事、蠍は留守です
- ヘッダにOGP (Open Graph Protocol)を入れてmixiやFacebookやGREEで試す｜tdtshのブログ
沢山の方の記事のお陰で、Facebookのツール「URLリンター」を使うと、Open Graph protocolのタグの状況やら問題点が分からしいことを知りました。
日本語だし、便利です。
XHTMLじゃなくていいのかな？と思ったけど、大丈夫でした。
<html xmlns:og="http://ogp.me/ns#"> も記載しなくてもとりあえず動くみたいでした。
習得までは辿り着きませんでした。