FC2ブログ

OGP について

OGP
Open Graph Protocol
は、webページをそーしゃるぐらふにおいて
より効果的に目立たせることができる共通規格です

Facebook 以外にも mixi Gree などでも使われます

OGPのサイト


mixi Developer Center の技術仕様


Gree Developer Center : Social Feedback


OGP はHTMLの meta 要素として記述するなど
以前から存在している webページの検索エンジン用の説明、
キーワード記述ににているところがあります

ほかにも、表示する画像の指定
webページのタイプ指定
タイプごとに詳細を記述できます

書籍の解説をみて、一番興味深かったのが
その使いかたの例でした
(発想例だけで、ソースが載っていないのが残念ですが)

飲食店のwebページについてOGPを使うとOGPの記述として
緯度経度情報を埋め込むことができて
対応しているシステムからは経路案内を行ったり
住所を表示したりすることが可能になる

ある映画のwebページのOGPについてタイプを映画に指定しておくと
閲覧したfacebookユーザが web ページに設置された like プラグインから
いいね!
を下ときに、
ユーザプロフィールの好きな映画の欄にその
いいね!
したwebページが追加されるということもできます

どちらかというと、上記のナビのようなものに興味をもちます

OGPを適用するには
META要素で
OGP専用の記述を行うために
XML名前空間を宣言します

OGP用のなめ空間野多目の接続群は
og:

HTML要素開始時と
HEAD要素開始時に以下のように属性を記述します

<html xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">

fb: は
FBXML以外にも使います

OGP では
fb:admins
fb:app_id
としてプロパティで使います
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック