web-dev-qa-db-ja.com

Open Graphの「記事」タイプの正しい実装は何ですか？

Open Graphタグをブログページに追加する必要があります。仕様を読んでいるようです（ http://ogp.me/ ）og:type of articleを使用する方法です。ただし、仕様が不明確であり、構文を正しく実装する方法がわかりません。

たとえば、2つのサンプルWebサイトは、これを異なる方法で実装します。

  1. GitHubの例：（ https://github.com/niallkennedy/open-graph-protocol-examples/blob/master/article-utc.html ）

    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="article:published_time" content="...">

    ogおよびarticle名前空間が登録され、ogおよびarticleがプロパティとして使用されることに注意してください。

  2. BBCニュース記事

    <head>
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="og:article:author" content="...">

    名前空間の登録はなく、ogとog:articleはプロパティとして使用されることに注意してください。

  3. 上記の野生で見たバリエーションで、og名前空間のみを登録し、og:articleをプロパティとして参照しています。

    <head prefix="og: http://ogp.me/ns#">
<meta property="og:title" content="...">
<meta property="og:type" content="article">
<meta property="og:article:published_time" content="..">

オプション3は、これを初めて実装しようとしたときに使用したものです。 Facebook検証ツールを実行したところ、次のように言われました。

このタイプのオブジェクトは、「og：article：published_time」という名前のプロパティを許可しません。

現時点では、オプション1を使用していますが、これは有効ですが、正確な構文が何であるかを知りたいのですが？

facebook-opengrapharticle
20
jamieburchell

Facebook開発者ページをご覧ください： https://developers.facebook.com/docs/reference/opengraph/object-type/article

例2と3のフォーマットが正しくないようです。 「article」プロパティのいずれも「og：」で始めることはできません

これが私のサイトの1つであり、FBデバッガーからエラーが表示されません。

<meta property='og:type' content='article' />
<meta property='article:author' content='https://www.facebook.com/YOUR-NAME' />
<meta property='article:publisher' content='https://www.facebook.com/YOUR-PAGE' />
<meta property='og:site_name' content='YOUR-SITE-NAME' />
12
Greg