4

I have read http://schema.org/price (Microdata example) and I want to use on one of my page.

This is what is of interest to me, I want to show price/price-range

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <!--price is 1000, a number, with locale-specific thousands separator
    and decimal mark, and the $ character is marked up with the
    machine-readable code "USD" -->
    <span itemprop="priceCurrency" content="USD">$</span><span
          itemprop="price" content="1000.00">1,000.00</span>
    <link itemprop="availability" href="http://schema.org/InStock" />In stock
  </div>

Now my page is not showing any price until some options are selected on the page, however I do have a base price (minimum) which I want to use in this case.

How and where would be the correct place to inject this base price?

I tried this on https://search.google.com/structured-data/testing-tool and it works. Not sure if this the correct way?

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <meta itemprop="priceCurrency" content="USD" />
    <meta itemprop="price" content="2.31" />
</div>

enter image description here

Please advice.

Yasser Shaikh
  • 46,934
  • 46
  • 204
  • 281

1 Answers1

6

Providing machine-readable values

This is invalid:

<span itemprop="priceCurrency" content="USD">$</span>
<span itemprop="price" content="1000.00">1,000.00</span>

You can’t use the content attribute on every element (it’s possible in RDFa, but not in Microdata).

You could either use the data element with its value attribute, or the meta element, e.g.:

<meta itemprop="priceCurrency" content="USD" />$
<data itemprop="price" value="1000.00">1,000.00</data>

Price range

You can use the PriceSpecification type to provide a price range. It allows you to use the minPrice and maxPrice properties.

You can add a PriceSpecification with the priceSpecification property to the Offer:

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
  <div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
    <!-- minPrice, maxPrice, priceCurrency -->
  </div>
</div>
Community
  • 1
  • 1
unor
  • 92,415
  • 26
  • 211
  • 360
  • Thanks. But is it important to add the currency character like the $ sign incase of USD? Or is that optional since you have already provided the currencyCode in the content attribute? I am using the meta tag option. @unor – Yasser Shaikh Apr 20 '17 at 06:44
  • @Yasser: In `$`, "USD" is the value relevant for Microdata parsers. Those parsers don’t even see that there is also a "$", as it’s outside of `meta` and not part of an `itemprop` value. It’s just there for your users, otherwise they wouldn’t see which currency the price is in. – unor Apr 20 '17 at 06:52
  • So in short, using the priceCurrency google will show appropriate $ symbol ? – Yasser Shaikh Apr 20 '17 at 06:56
  • @Yasser: Yes, for `priceCurrency`, Google looks for values "in three-letter ISO 4217 format" ([see docs](https://developers.google.com/search/docs/data-types/products#offer_properties)). What exactly they display ("$", "USD", …) is up to them, of course. – unor Apr 20 '17 at 07:31