: HTML5+Microdata validation errors: Attribute 'content' not allowed on element 'p' According to Google’s documentation about the Product Rich Snippet, when I want to mark product’s availability

@Shanna517

In HTML5+Microdata, only the meta element can have the content attribute.

(In HTML5+RDFa, every element may have the content attribute.)

So if you want to add the string value "in_stock", and it should not be visible on the page, using the meta element is the correct choice:

<meta itemprop="availability" content="in_stock" />


You were probably using the vocabulary Data-Vocabulary.org, but for those that use Schema.org: Note that Schema.org’s availability property expects a URI as value, so the link element must be used instead:

<link itemprop="availability" href="http://schema.org/InStock" />

Vote Up Vote Down

@Nimeshi995

Micro data has strict rules regarding the tags that you can use, you can open an itemprop with using the p tag and specify the data-vocabulary but nested elements must not be in a p tag.

For example you can use:

<p itemprop="address" itemscope
itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">123 Road Name</span><br>
<span itemprop="locality">Bournemouth</span>,
<span itemprop="region">Dorset</span>
<span itemprop="postal-code">BH1 3DD</span><br>
<span itemprop="country-name">UK</span>
</p>


And say you want to add another element such as a telephone in a p tag you need to have another span nested within the <p> like so:

<p>
US customers: <span itemprop="tel">01202 666999</span><br>
UK customers: <span itemprop="tel">01202 666888</span>
</p>


So this would look like:

<p itemprop="address" itemscope
itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">123 Road Name</span><br>
<span itemprop="locality">Bournemouth</span>,
<span itemprop="region">Dorset</span>
<span itemprop="postal-code">BH1 3DD</span><br>
<span itemprop="country-name">UK</span>
</p>
<p>
US customers: <span itemprop="tel">01202 666999</span><br>
UK customers: <span itemprop="tel">01202 666888</span>
</p>


So in your case you want to use something like:

<div itemscope itemtype="http://data-vocabulary.org/Product">
<span itemprop="brand">Brand Name</span> <span itemprop="name">Item Name</span>
<span itemprop="availability" content="in_stock">In stock! Order now!</span>
</div>
<p class="centered">
<span itemprop="availability" content="in_stock">Produkt dostępny</p>
</p>


So you can use DIV and P's but most of the time you will need to use spans as these are nested and the first is closed. It's pretty complicated to understand never mind explaining it. I strongly recommend you take a look at 'diving into html5 microdata'

Vote Up Vote Down