web-dev-qa-db-ja.com

MicrodataでSchema.orgオファーの許容可能な支払い方法をマークアップする方法は?

オファーの受け入れられた支払い方法をマークアップする方法がわかりません。

Schema.orgのタイプは次のとおりです。

これが私の基本的な例です、これは正しいですか?

<div itemscope="" itemtype="http://schema.org/Product">
    <span itemprop="name">Product Name</span>

    <span itemprop="description">Product Description</span>

    <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
      <span itemprop="price">$19.95</span>
      <meta itemprop="priceCurrency" content="USD" />
      <meta itemprop="availability" content="in_stock" />
      <a href="/buy-now" itemprop="url">Buy Now</a>
      <meta itemprop="acceptedPaymentMethod" content="http://purl.org/goodrelations/v1#Paypal" />
      <meta itemprop="acceptedPaymentMethod" content=" http://purl.org/goodrelations/v1#PaymentMethodCreditCard" />
    </div>
  </div>
5
Cogslave

基本的な方向は正しいですが、値は文字列ではなくURL/URIであるため、metaの代わりに<link>およびhref=...を使用する必要があります。

<link itemprop="acceptedPaymentMethod" href="http://purl.org/goodrelations/v1#Paypal" />
<link itemprop="acceptedPaymentMethod" href=" http://purl.org/goodrelations/v1#PaymentMethodCreditCard" />

残りは一目で問題ありません。

3
Martin Hepp

HTMLについて:

  • もちろん、セマンティックマークアップを使用できます(また使用する必要があります)。したがって、たとえば、製品コンテナはおそらくarticleではなくdivである必要があり、「製品名」はおそらくspanではなくh1である必要があります。

  • Martin Hepp writes のように、値がURIの場合はlinkの代わりに metaを使用する必要があります

Schema.orgについて:

したがって、例は次のようになります。

<article itemscope="" itemtype="http://schema.org/Product">
  <h1 itemprop="name">Product Name</h1>

  <p itemprop="description">Product Description</p>

  <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
    $<span itemprop="price">19.95</span>
    <meta itemprop="priceCurrency" content="USD" />
    <link itemprop="availability" href="http://schema.org/InStock" />
    <div itemprop="potentialAction" itemscope="" itemtype="http://schema.org/BuyAction">
      <a itemprop="target" href="/buy-now">Buy Now</a>
    </div>
    <link itemprop="acceptedPaymentMethod" href="http://purl.org/goodrelations/v1#Paypal" />
    <link itemprop="acceptedPaymentMethod" href="http://purl.org/goodrelations/v1#PaymentMethodCreditCard" />
  </div>

</article>
3
unor