商品リストをスキーマでマークアップしてみる

ホームページの商品リスト、いわばカテゴリページをスキーマでマークアップしてみました。カテゴリページのマークアップの情報はかなり少ないと言うか、見つからないので一応自分メモです。

広告

ItemListでマークアップする

HTMLの形はこう。

<section itemscope="" itemtype="http://schema.org/ItemList">
    <h1 itemprop="name">***</h1>
    
    <ul>                   
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
            <a itemprop="url" href="http://リンク">
                <img itemprop="image" src="***.jpg">
                <h1 itemprop="name">***</h1>
                    <p class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                        <span itemprop="price">¥*,000</span>
                    </p>
            </a>
        </li>    
    </ul>
</section>

こんな感じで書くとリストとしてマークアップされます。
ただ、何かしら恩恵があるかは分かりませんが、構造化データのチェックでは認識してくれているようでした。

広告

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です