Tip:
Highlight text to annotate it
X
Product markup is one of the most common types of rich
snippet markup.
It allows users to see detailed information about a
product right within their search results.
In order for products to properly display as a rich
snippet, there are a few properties that you should
mark up in your HTML, the name of the product itself, price,
and availability.
Here's a simple product offer for a microwave. Using
schema.org markup, start by indicating what type of
element you're marking up, in this case a product.
Markup the name of the product and embed an offer element in
the offers property in order to indicate price and
availability.
The offer element can include price, currency, and
availability.
If you need to provide information in a format
different from what is visible to users on the page,
use the meta tag.
In this case, the currency that's visible to the user is
represented by a dollar sign, but we need to mark it up in
ISO format using USD.
So we'll use the meta tag.
For all enumeration markup types, in this case the
availability enumeration, use the link tag.
If you happen to have review information about the product
as well, you can nest it in the same way as an offer.