Facebookのオープングラフプロトコルでソーシャルメディアを最適化する方法 - ダミー

Facebookは世界の主要ソーシャルメディアサイトです。ソーシャルメディアを最適化したい場合は、FacebookのOpen Graph Protocolについて知っておく必要があります。 Open Graphプロトコルは、2010年にFacebookによって導入されたセマンティックマークアップ標準であり、現在広く受け入れられています。一部の人々は、Open GraphをSchemaと競合しているとみなしています。実際には、2つの標準は相補的です。

両方のスキーマを実装することは可能です。 orgマイクロデータとOpen Graphのマークアップ。規格は矛盾しない。

<！ - 1 - >

これらの両方の基準は同じ目的を持っています。つまり、Webページの情報をよりよく記述することです。主な違いは次のように要約できます。

Open Graphメタデータはページ全体を記述します。
スキーマ。 orgマイクロフォーマットは、ページ上の特定の要素を記述します。

オープン・グラフ・マークアップは、スキーマよりも少ない情報しか含んでいません。 org-microdataは実装は簡単ですが、より簡単です。 WebページをOpen Graph対応にするには、ページに基本的なメタデータを追加する必要があります。従来のメタデータと同様に、Open GraphメタデータもWebページのタグに入ります。

<！ - 2 - >

Open Graph-speakでは、Webページは Open Graphオブジェクトです。

Open Graphには、次の4つの必須プロパティがあります。

og：title ： Open Graphデータを読み取るシステムに表示するページのタイトル。

titleタグを88文字より短くするのが最善です。他の文字を追加することはできますが、Facebookは最初の88文字だけを表示します。
og：type ：オブジェクトのタイプ。タイプはプロトコルによって指定され、かなり多数あります。
<！ - 3 - >
タイプは、Facebook上のユーザーの関心がどこに現れるかを制御するので、面白いプロパティです。たとえば、オブジェクトのタイプを「ムービー」に設定し、ユーザーがオブジェクトを共有する場合、その共有は、その人のFacebookプロファイル内のムービー見出しの下にユーザーの関心の1つとして表示されます。

さまざまなオブジェクトタイプのすべてについては、こちらをご覧ください。
og：image ：ページを表すイメージのURL。

イメージは重要なタグです。なぜなら、良いイメージがコンテンツの普及に役立つからです。このタグを使用して、コンテンツが共有されるときに表示される内容を制御し、Facebookにうまく収まるように最適化されていることを確認します。（1.9：1の比率が最適です。400×209ピクセルより大きくしてください）

このタグは空白のままにしないでください。そうした場合、Facebookは単に他の画像をページから取り込み、不適切な結果につながる可能性があります。
og：url ：ページのURL。urlタグの内容によって、ユーザーが[共有]ボタンをクリックしたときの場所が決まります。

必要な要素の中には追加のオプションの属性があり、必要に応じて複数の値を指定できます。

オプションには

og：audio ：が含まれます。オブジェクトにオーディオファイルを添付する場合は、このタグを使用してファイルのURLを指定します。
og：description ：このタグを使用して、オブジェクトの1文または2文の説明を提供します。

あなたの説明の最初の300文字だけがFacebookに表示されます。
og：determiner ：このタグでは、文中のオブジェクトのタイトルに先行する単語（通常 a、an、または）を指定できます。
og：locale ：このタグは、ページのロケール、つまりページ上の言語を指定します。たとえば、コンテンツがアメリカ英語の場合、このタグの値はen_usになります。
og：locale：alternate ：ページが複数の言語で提供されている場合は、このタグを使用してすべてのページを表示できます。
og：site_name ： Webページが別の名前の大きなサイトの一部である場合、このタグを使用してサイトの名前を指定します。
og：video ：含める動画ファイルがある場合は、このタグを使用してファイルのURLを指定します。

タグを使用すると、例を把握しやすくなります。次の例では、 HowTo：WordPress 4：

 200x300というタイトルの書籍について、WebページのOpen Graphマークアップを実装する方法を示しています。 png ">  Ric Shreves著、水と石のデジタル出版。 Amazonで今すぐご利用いただけます。 Google Playストアとこのウェブサイトに掲載されています。 ePub、Mobi、PDF版で公開されています。 ">

あなたのオープングラフのタグはページのタグに入ります。人気のあるコンテンツ管理システム（WordPress、Joomla！、Drupalなど）を使用している場合、プラグインはこのタスクを処理しますので、コードを書く必要はありません。

Open Graphメタデータを実装した結果、誰かがWebページ上のコンテンツを共有するときに表示される内容が制御されます。誰かが前のコードに示されているマークアップとページを共有している場合、これはそのように見えます。