microformats - GoodRelations の RDFa スニペット ジェネレーター

Question

GoodRelations ツールを使用して、クライアントの Web サイトで使用する RDFa スニペットを作成しました。生成されたコードは期待どおりにタグを作成しますが、div の間にテキストはありません。たとえば、次のようになります。

<div typeof="vcard:Address">
    <div property="vcard:locality" content="Yorba Linda"></div>
</div>

これで問題ないと思います。また、(SEO に関連して) 悪影響を与えることなく、「地域」の div の間に人間向けの説明テキストを配置することが期待されています。正しいですか?

Answer 1

William が言うように: ほとんどの場合、メタデータを公開するために可視コンテンツを再利用することは非現実的です。それらは順序や構造が異なるためです。その場合、すべてのメタデータを <div> 要素の 1 つのブロックに配置し、コンテンツを表示しないようにすることをお勧めします。これは「スニペット スタイルの RDFa」と呼ばれます。

• http://www.ebusiness-unibw.org/tools/rdf2rdfa/
• ヘップ、マーティン。ガルシア、ロベルト。Radinger, Andreas: RDF2RDFa: Turning RDF into Snippets for Copy-and-Paste, Technical Report TR-2009-01, 2009., PDF at http://www.heppnetz.de/files/RDF2RDFa-TR.pdf

目に見えるコンテンツをマークアップすることを一般的に好むにもかかわらず、Google はそのようなマークアップを消費しています。多くの大規模ショップがこのアプローチを採用しており、良い結果が得られています。

したがって、可視コンテンツと RDFa 構造を統合できる場合は、次を使用します。

<div typeof="vcard:Address">
    <div property="vcard:locality">Yorba Linda</div>
</div>

できない場合は、使用してください

<div typeof="vcard:Address">
    <div property="vcard:locality" content="Yorba Linda"></div>
</div>
...
<div>
    <div>Yorba Linda</div>
</div>

ただし、非表示のコンテンツを含む div は、表示されるコンテンツの近くに配置する必要があり、表示されるマークアップの後よりも前に配置する必要があります。

Answer 2

RDFa の観点からは、問題ありません (文字より大きい/より小さい文字をエスケープする方法がわからないため、ブレイサーを使用していると想定しています)。

考慮する必要があるのは、この HTML のフラグメントを HTML ドキュメントに追加すると、レンダリングにどのように影響するかだけです。content 属性を使用しているという事実に基づいて、このフラグメントは非表示のままになる予定です。したがって、CSS アーキテクチャに関連してこれについて考える必要があります。私のアドバイスは、注釈用の特定の CSS クラスを作成することです。

Good Relations の著者に話を聞いたところ、このフラグメントを文書の本文の他の HTML 要素の前に配置するようアドバイスされました。通常、Rich Snippets チームは非表示の RDFa を無視することを示していますが、実際には問題ではなく、長期的には、RDF を使用したい人 (Google だけでなく) に RDF を公開できるようにします。