Facebookみなさん、こんにちはお元気ですか?僕は元気です。最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。おーじーぴー??とはなんでしょうか。付加する記述方法のことです。普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別することが難しいのです。情報を付加しておくことで、プログラムからも意味を理解しやすいウェブページを作っていこうってことです。中に流れ込んでくるようになっているんですね。中でそのページをどう表現すればいいか(リンクテキストはどうすべきか、画像はどうすべきか、どこに表示すべきか)という問題が出てきます。なく、これからは様々なサイトで「ウェブ上に書かれたモノ」と「人」をつないで行く時代になると思います。留まらず、そのほかのサイトでもどんどん使われるようになっていくのだと思います。具体的にはどう書くの?さて、では具体的にどのように書くのか、その一例を見せたいと思います。記述すると、以下のようになります。content=&quot;IT戦士あまちゃんが、日々思ったことやウェブのことプログラミングのことを書いている日記的なブログです。protocolに記述されています。要素として記述するんですね!簡単ですよね!フェイスブックでの使われ方ちょっと概要ばっかりだとピンとこないと思うので、具体的にフェイスブックでこの情報がどんな感じで使われるかを見てみましょう。「いいね!」した人のウォール(「いいね!」した瞬間)「シェア」した人のウォール「いいね!」した人のプロフィール「いいね!」した人のウォール(「いいね!」した後日)ひとつひとつ具体例を見てます。使われ方まずは、「いいね!」を押した人のウォールに書き込まれる文言についてです。情報によって表示されるリンクテキストを変えることができます。サンプルとして以下のようなウェブページを用意してみました。これを「いいね!」すると以下のようにウォールに流れます。こんな感じでドメイン名のトップとタイトルがそれぞれリンクされます。(場合によっては、ドメイン名の変わりにトップページのタイトルが入ったりします。要素を追加してみます。&lt;/head&gt;http://callee.jp/ogp/004.htmlそうすると、以下のようにリンクテキストをカスタマイズすることが出来ます。非常に重要な要素だと思います。以下の二つがウォールに流れてきた場合にどちらをクリックしたくなるでしょうか。見た目の印象が全然違いますね。書いたほうがいいでしょう。次は、リンクを「シェア」した瞬間にその人のウォールに表示される文言や画像についてです。情報によってリンクテキストや画像や概要の文言を変えることができます。「いいね!」するとhttp://callee.jp/ogp/007.html以下の画像のような感じにウォールに表示されます。「画像」と「ウェブページのタイトル」と「ドメイン」と、場合によっては、「概要」が挿入されていますね。挙動を試すために用意したページです。&lt;/head&gt;http://callee.jp/ogp/009.html以下のように、「画像」と「ウェブページのタイトル」と「概要」をカスタマイズすることが出来ます。情報を使ってシェアされたリンクに音声や動画を添付することが出来ます。以下は、音声を添付する例です。&lt;/head&gt;http://callee.jp/ogp/015.html添付された音声は、以下のようにウォールに表示されます。以下は、動画を添付する例です。&lt;/head&gt;ちなみに、動画を添付するには以下のフォームでサイトの審査の申請をする必要があるようです。指定した種類のモノとしてプロフィールに登録されます。ここで、このリンクをクリックすると「いいね!」したウェブページに飛びます。指定したフェイスブックのユーザーだけは違う挙動をします。指定したユーザーは、そのページの管理人となります。管理人は、次の項で示すようにそのページを「いいね!」した人のウォールにあとからお知らせを流すことが出来ます。前に述べたように、「いいね!」した人のウォールに後日お知らせを流すことが出来ます。このお知らせは、管理ページ(ファンページに似たページ)から流すことが出来ます。指定されたフェイスブックユーザーで、ウェブページの以下の部分をクリックすることで行くことができます。管理ページは、以下のようにファンページのような感じです。このファンページは管理者からしか見えないファンページで、「お知らせを流す用途」にだけ使います。以下のようにすると以下のようにウォールにポストされます。この名前の部分をクリックするとまたウェブページに人を呼び戻すことができます。(ただ、管理者がクリックした場合は、管理ページに飛ばされます。)つまり、この機能を使うと外部サイトに内部ファンページと同等のユーザーの呼び戻し機能を付加することが出来るということです。これは、非常に有益になってくると思います。ものはこのお知らせの機能は使えません。一時的なものでリアルなモノを指さない(ブログの記事など、それ自体がファンの対象ではない)からだそうです。使って、手動でお知らせを流すことが出来るのは良い機能なのですが、一つのサイトにたくさんのウェブページがあって、たくさんの「いいね!」があった場合は一個一個のページに対して管理していくのは大変ですね。使うことで、プログラムからそれらの作業を自動化することが出来ます。やり方としては、以下のページからお知らせ専用のフェイスブックアプリを作ります。指定しておく必要があります。(アプリケーション自身が、アプリケーションのリソースを自由に使うための認可を示す文字列)を取得します。コマンドラインで以下のように叩きます。https://graph.facebook.com/feed簡単でしょ?このようにすると、以下のようにストリームに流れるのです。ミクシィやグリーでの使われ方ミクシィやグリーでは、主に「いいね!」や「チェック」したときにストリームに流れる情報の以下の三つの指定に使われます。利用が進んでいくのだろうと思っています。利用が進むのではないでしょうか。利用を始めることで、その情報を活用するサイトも増えてくると思います。紐づいた情報をたくさん持っているサイトでの活用が思い浮かびます。基にした「人気エントリ」だけではなく、リアルオブジェクトを基にした「人気の本」とか「人気の映画」とか「人気のアスリート」とか「人気の人」とか「人気の場所」とか「人気の店」とか、色んな切り口で表現できるようになれるわけです。Protocol)について紹介いたしました。07:28このブログのように【Amachangについて「いいね!」と言いました。】とするにはどうしたらよいでしょうか。教えて下さい私のブログhttp://takablo.com/では【takablo.comのtakablo.comについて「いいね!」と言いました。】になってしまいます。the_permalink();?>に変更すると【ブログ名-記事タイトル】でいいね!できるのですが。【Amachangについて「いいね!」と言いました。】の仕様にしたいです。21:40OGP流行ってますもんね〜。この機能って被リンクを稼ぐために内容とは関係ない内容を記載することができますよね。検索エンジン側では、それらに対するペナルティはあるのでしょうか?むむむ。新2代:http://www.buyslimming.com/Product.asp?id=17はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。連携するOGPに対応させてみた。...>プロフィールamachangただただ、がむしゃらにソフト開発をしていたい。@digitalglmカウンターリンク集ツイッターフェイスブック。