1

Schema.orgは、Web の有用なコンテンツごとにスキーマを提供します。たとえば、ここでは「レシピ」のスキーマを見つけることができます。ご覧のとおり、テキストであると予想されるプロパティがいくつかあります (たとえば、レシピ カテゴリを参照してください)。ただし、html imgタグを含めることができるプロパティがあります。たとえば、recipeInstructionsにはテキストと視覚的な指示を含める必要があります。テキストであると予想されるプロパティ内に画像を含めることは正しいと思いますか? 実際には、次のコードは正しいと思いますか:

<div itemprop="recipeInstructions">
  <p>Preheat the oven to 350 degrees. Mix in the ingredients in a bowl.</p> 
  <img src="path" title="Mixed ingredients">
  <p>Add the flour last. Pour the mixture into a loaf pan and bake for one hour.</p>
</div>

または次のもの：

<div itemprop="recipeInstructions">
  <p>Preheat the oven to 350 degrees. Mix in the ingredients in a bowl.</p> 
  <p>Add the flour last. Pour the mixture into a loaf pan and bake for one hour.</p>
</div>

また、検索エンジンへの影響はどれですか？

4

1 に答える 1

1

に関する限り<img>、最初のマークアップは問題ありません。

microdata仕様から、span 要素の itemprop の値はスパンのtextContent.

textContentはDOM4で次のように定義されています

コンテキスト オブジェクトのすべての Text ノードの子孫のデータをツリー順に連結したもの。

そのため、<img>はテキスト ノードではなく、テキスト ノードの子孫がないため、itemprop の値を確立する目的で単純に無視されます。

マイクロデータに注意を払う検索エンジンが、この仕様に従わないと信じる理由はありません。

余談ですが、<p>要素を要素内に配置することは有効ではありません<span>。代わりにa を使用して修正することをお勧めします<div>。itemprop の値は、その変更を行っても影響を受けません。

于 2012-05-29T12:39:05.167 に答える