HTML itemprop Global Attribute

The itemprop attribute is part of the HTML Microdata specification and is used to define properties of structured data items. It helps describe the meaning of content on a webpage in a way that both humans and machines can understand, making it especially useful for search engines, SEO, and rich results.

The itemprop attribute is used together with other microdata attributes such as itemscope, itemtype, and itemid to create structured data that represents real-world entities like people, products, articles, events, and more.

What itemprop Does

The itemprop attribute assigns a name to a property of an item. That property can hold a value such as:

• Text content
• A URL
• A number
• A date or time
• A nested item

Each itemprop belongs to the nearest parent element that has the itemscope attribute.

Using itemprop with itemscope and itemtype

To define a complete structured data item, itemprop is usually used inside an element with itemscope and itemtype.

<div itemscope itemtype="https://schema.org/Person">
  <span itemprop="name">Jane Smith</span>
  <span itemprop="jobTitle">Web Developer</span>
</div>

Here:

• itemscope defines a new structured data item
• itemtype specifies the schema type
• itemprop defines properties belonging to that item

Common Use Cases

1. SEO and Search Engines

Search engines use itemprop data to better understand page content and may display enhanced search results such as:

• Rich snippets
• Knowledge panels
• Product ratings
• Event dates

2. Describing Structured Content

You can describe structured information such as:

• Articles
• Products
• Reviews
• Recipes
• Organizations
• People

3. Nesting Properties

itemprop can also define nested objects:

<div itemscope itemtype="https://schema.org/Person">
  <span itemprop="name">Alex Johnson</span>
  
  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <span itemprop="addressLocality">Sydney</span>
    <span itemprop="addressCountry">Australia</span>
  </div>
</div>

Using itemprop with Meta Tags

You can also define values using <meta> elements when the data doesn’t need to be visible:

<meta itemprop="price" content="29.99">
<meta itemprop="priceCurrency" content="USD">

This is useful for machine-readable data that shouldn’t appear visually on the page.

Valid Values

The value of itemprop:

• Must be a string
• Should match a property defined by the vocabulary being used (commonly Schema.org)
• Can contain multiple space-separated property names (less common but allowed)

Example:

<span itemprop="name alternateName">CSS Portal</span>

Relationship to Other Microdata Attributes

Best Practices

• Always use itemprop within an itemscope context
• Use official schemas from schema.org when possible
• Avoid inventing property names unless absolutely necessary
• Keep structured data consistent with visible content
• Use semantic HTML elements where possible for better clarity