クライアントが自分のサイトでw3バリデーターを使用しようとしています。彼は今週末、次の投稿を使用してTwitterカードを実装しました:http://yoast.com/twitter-cards/
ただし、これによりサイトの検証に失敗します。Facebookでは、xmlns:fb = "http://www.facebook.com/2008/fbml"を追加しただけなので、バリデーターは新しい構文を認識していました。
Twitterに相当するものを知っている人はいますか?
クライアントが自分のサイトでw3バリデーターを使用しようとしています。彼は今週末、次の投稿を使用してTwitterカードを実装しました:http://yoast.com/twitter-cards/
ただし、これによりサイトの検証に失敗します。Facebookでは、xmlns:fb = "http://www.facebook.com/2008/fbml"を追加しただけなので、バリデーターは新しい構文を認識していました。
Twitterに相当するものを知っている人はいますか?
Twitterに相当するものはありません。Twitter固有のメタタグを使用すると、検証が失敗するか、次のスニペットに希望がちらりと見えるという事実を受け入れる必要があります。
TwitterカードとOpenGraph
[...]すでにOpenGraphを使用してページ上のデータを記述している場合は、タグやデータを複製せずにTwitterカードを簡単に生成できます。Twitterカードプロセッサがページ上のタグを探すとき、最初にTwitterプロパティをチェックし、存在しない場合は、サポートされているOpenGraphプロパティにフォールバックします。これにより、両方をページ上で個別に定義でき、コンテンツとエクスペリエンスを説明するために必要な重複マークアップの量を最小限に抑えることができます。
彼らの例はこれに続きます:
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@nytimesbits">
<meta name="twitter:creator" content="@nickbilton">
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-
twitter-for-my-sister/">
<meta property="og:title" content="A Twitter for My Sister">
<meta property="og:description" content="In the early days, Twitter grew so
quickly that it was almost impossible to add new features because engineers
spent their time trying to keep the rocket ship from stalling.">
<meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/
08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg">
したがって、Twitterメタタグを引き続き使用しますが、通過する必要のあるOpen Graphタグを使用しているため、検証レポートの破損は少し少なくなります。OGPタグを説明する名前空間を含める場合。
これを修正するには、属性名をプロパティに変更します。
<meta name="twitter:card value=summary">
に変更されました
<meta property=:twitter:card content=summary">
を使用しているサイトを見xmlns:twitter="http://api.twitter.com/"
たことがありますが、ドキュメントが見つからないようです。