web-dev-qa-db-ja.com

メタ記述とOpen Graphプロトコル記述を1つのタグに結合する

メタの説明とOpen Graph Protocolの説明を組み合わせることができますか？

<meta name="description" content="My meta description copy." />
<meta property="og:description" content="My meta description copy." />

…同じコンテンツが含まれている場合は1つにまとめますか？

<meta name="description" property="og:description" content="My meta description copy." />
htmltagsheaderfacebook-graph-api
38
Boost Ventilator

はい、組み合わせることができます。それをテストするために、私は以下の単純なHTMLページを作成し、サーバーにアップロードしてから、Facebookの RL Linter を介してページを実行しました。説明タグに関連する警告は報告されておらず（og:imageタグがない場合のみ）、説明を正しく読みました。

<!doctype html>
<html>
    <head>
        <meta name="description" property="og:description" content="My meta description copy." />
        <meta property="og:title" content="Test page" />
        <meta property="og:type" content="article" />
        <meta property="og:url" content="http://example.com/ogtest.html" />
    </head>
    <body>
    Test
    </body>
</html>

og:urlの値が現在のページのURLと異なる場合、Facebookは現在のURLではなくそのURLの説明を探し、現在のページの説明タグを無視します。

また、2つの説明タグを組み合わせることは可能ですが、Facebookが独自のWebサイトでこれを行うわけではないことも知っておいてください。

50
Nick

なぜこれが可能/許可されるのかについての追加情報：

HTML + RDFa 1.1は、HTML5のmeta要素を拡張します。

HTML + RDFa 1.1 （W3C勧告）は以下を定義します：

RDFa @property属性がmeta要素に存在する場合、@ name、@ http-equiv、@ charsetのいずれの属性も必須ではなく、@ content属性を指定する必要があります。

したがって、RDFaの@propertyを使用する場合、名前は必須ではありませんが、禁止されていません。

<meta name="description" property="og:description" content="great description">

仕様によれば完全に問題ありません。

私はこの関連する質問への回答からこれを見つけました： opengraphとschema.orgに同じメタタグを使用することは可能ですか

8
ZephirNL