web-dev-qa-db-ja.com

HDFタグ内の画像でRDFaを使用する

私は開発の経歴がありますが、最近RDFaとともにSEOを学び始めました。私は、デザイナーがそれぞれのページの上部にあるさまざまな部門のロゴを使用している新しいウェブサイトに取り組んでいます。現在、H1タグはありません。 H1を追加する必要があることはわかっていますが、ページのデザイン方法は、通常H1の見出しを配置する場所です。また、テキスト付きのH1を追加すると、デザインが無効になります。

また、H1内で画像を使用することは、alt属性を使用しても良い方法ではないことを知っています。

したがって、私の質問は、画像の周りにH1タグを配置し、RDFaを使用すると、Googleがこれを受け入れられるか、ペナルティを科すかです。これが私のコード例です：

<div class="twelve columns" typeof="gr:BusinessEntity">
  <h1 property="gr:name" content="Thoughtwire Marketing">
     <img rel="foaf:depiction" src='http://www.thoughtwiremarketing.com/images/TW-marketing-logo.png' class='twmarketing' alt="Thoughtwire Marketing"/>
  </h1>
</div>

Bodyタグでプレフィックスを定義し、 http://rdfa.info/play/ のバリデーターを介してコードを実行すると、SEOでまだ十分に知識がなくても動作するようです確かに知っています。

seosemantic-webrdfa
2
rpatterson

（私は 私の答え SOに関するあなたの（現在は閉じられている）質問に与えたものを調整しました。）

ユーザーエージェント（検索エンジンを含む）がRDFaを解析する場合、RDFaがどの要素で使用されているかは関係ありません（特別な解析ルールを除く）。ユーザーエージェントは、次のようなことを学習します。

名前（http://purl.org/goodrelations/v1#BusinessEntity）が「Thoughtwire Marketing」（= content属性のリテラル値）であるビジネスエンティティ（http://purl.org/goodrelations/v1#name）があります。

ご覧のとおり、このステートメントはdivまたはh1に関連付けられていません。

このRDFが抽出された後、基本的にRDFaがページから「削除」されると想像できます。そのため、ユーザーエージェントはプレーンマークアップを表示/解釈します。例：

<div>
 <h1>
  <img src='http://www.thoughtwiremarketing.com/images/TW-marketing-logo.png' alt="Thoughtwire Marketing"/>
 </h1>
</div>

RDFaとHTML（セマンティクス）は2つの異なる概念です。

あなたの実際の問題を理解しているかどうかはわかりませんが、次の2つの質問があるかもしれません。

  • 私のRDFaは大丈夫ですか？既に[RDFaパーサー/バリデーターでページをリンクし、テストしたので、おそらく[はい]、抽出されたRDFがあなたの言いたいことあなたのコンテンツ。
  • 私のHTMLはそうですか？ HTML仕様の観点から、はい。そして、すべてのユーザーエージェント（検索エンジンを含む）も問題なく動作するはずです。見出しのコンテンツとして画像（特にロゴ）を使用することは非常に一般的です。
1
unor

Unorが言ったことに同意します。追加したいのは、 RDFa Lite に合わせるために@relの代わりに@propertyを使用できることです。あなたのスニペットは次のようになります：

<div class="twelve columns" typeof="gr:BusinessEntity">
  <h1 property="gr:name" content="Thoughtwire Marketing">
     <img property="foaf:depiction" src='http://www.thoughtwiremarketing.com/images/TW-marketing-logo.png' class='twmarketing' alt="Thoughtwire Marketing"/>
  </h1>
</div>
0
scor