一度に 4 つの製品を並列表形式で比較するページがあります。つまり、それぞれの機能について次々に説明しています。こちらがサンプルページです。
これらの機能にタグを付けて、検索エンジンが解釈しやすくしたいと考えています。ただし、ここに示すすべての例では、製品のすべての機能を一度に div で言及する必要があります。これは、製品の機能を一緒に言及する私の場合に問題を引き起こします。
与えられた典型的な例は次のようになります:-
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic</span>
<span itemprop="price">$19.95</span>
</div>
しかし、私はそれがこのようになりたいです:-
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic</span> // Item 1
</div>
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic2</span> // Item 2
</div>
さらに続く:-
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">$19.95</span> // Item 1
</div>
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">$21.95</span> // Item 2
</div>
一言で言えば、アイテムに何らかのコードでタグを付け、それを使用してそのアイテムの他の詳細を参照できる方法はありますか?
疑問を質問する際に不明な点がある場合は、コメントしてください。