web-dev-qa-db-ja.com

Facebookオープングラフメタタグと有効なHTML

重複の可能性：
プロパティ属性のHTML検証エラー

Facebookの「いいね」ボタンとオープングラフメタタグを使用するには、このようなものをHTMLページに配置する必要があります。

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>

彼らは一体何をしているのですか？これは無効なhtmlです。属性 'property'はメタタグの属性ではありませんでした。そのため、facebookでこれを<meta name = "og：title" content = "The Rock" />の代わりに使用したのはなぜですか？

私が自分のサイトを「プロパティ」ではなく有効な「名前」でライブで試してみるのは気が進まない。試してみて自分のサイトで機能しない場合、テスト中に「いいね」をクリックすると、そのように失敗するからだ。それで...私が「プロパティ」の代わりに「名前」を使用するかどうか誰もが知っていますか？これはまだ機能しますか？

facebookxhtmlfacebook-opengraph
40
3urdoch

スキーマもhtmlタグに宣言するよう求めていることを忘れないでください。具体的には、xmlns:og="http://opengraphprotocol.org/schema/を使用して開いたグラフを宣言します。 OGは、メタタグに追加の属性を追加する RDFa に基づいています。

それが終わったら、必ずfb：like-<fb:like href="http://developers.facebook.com/" width="450" height="80"/>を追加してください- example はかなり簡単です。 xmlns:fb="http://www.facebook.com/2008/fbml"を追加することを忘れないでください。

見つかりました この回答 on SOメタタグの検証について。その回答の説明を実行すると、w3cバリデーターを通過させることができます。

26
NG.