Schema.org > ItemList Types tutorial
In this page we have discussed ItemList type of Schema.org in detail.
Hierarchy
Thing > CreativeWork > ItemList
Description
ItemList refers a list of items. Example of list of items are 10 most selling items of an ecommerce website, A list of 10 most popular movies of the year etc.
Properties
The following table described the property of ItemList.
| Properties | Which type should be used | Description |
|---|---|---|
| itemListElement | Text | Refers to a single list item. |
Example
Example of ItemList without Microdata
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example of ItemList without Microdata</title>
</head>
<body>
<div>
<h1>List of tutorials covered in w3resource.com</h1>
<p>HTML4.01</p>
<p>HTML5</p>
<p>CSS2.1</p>
<p>JavaScript 1.5</p>
<p>PHP 5</p>
<p>SQL (2003 Standard)</p>
<p>MySQL 5.1</p>
<p>JSON</p>
<p>MongoDB</p>
<p>php.js</p>
<p>Schema.org</p>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example of ItemList without Microdata</title>
</head>
<body>
<div>
<h1>List of tutorials covered in w3resource.com</h1>
<p>HTML4.01</p>
<p>HTML5</p>
<p>CSS2.1</p>
<p>JavaScript 1.5</p>
<p>PHP 5</p>
<p>SQL (2003 Standard)</p>
<p>MySQL 5.1</p>
<p>JSON</p>
<p>MongoDB</p>
<p>php.js</p>
<p>Schema.org</p>
</div>
</body>
</html>
Example of ItemList with Microdata
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example code of ItemList with Microdata</title>
<a rel="author" href="https://profiles.google.com/103074333439002308043/about">Bidhan Chatterjee</a> </head>
<body>
<div itemscope itemtype="http://schema.org/ItemList">
<h1 itemprop="name">List of tutorials covered in w3resource.com</h1>
<meta itemprop="itemListOrder" content="Descending" />
<p><span itemprop="itemListElement">HTML4.01</span></p>
<p><span itemprop="itemListElement">HTML5</span></p>
<p><span itemprop="itemListElement">CSS2.1</span></p>
<p><span itemprop="itemListElement">JavaScript 1.5</span></p>
<p><span itemprop="itemListElement">PHP 5</span></p>
<p><span itemprop="itemListElement">SQL (2003 Standard)</span></p>
<p><span itemprop="itemListElement">MySQL 5.1</span></p>
<p><span itemprop="itemListElement">JSON</span></p>
<p><span itemprop="itemListElement">MongoDB</span></p>
<p><span itemprop="itemListElement">php.js</span></p>
<p><span itemprop="itemListElement">Schema.org</span></p>
</div> </body>
</html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example code of ItemList with Microdata</title>
<a rel="author" href="https://profiles.google.com/103074333439002308043/about">Bidhan Chatterjee</a> </head>
<body>
<div itemscope itemtype="http://schema.org/ItemList">
<h1 itemprop="name">List of tutorials covered in w3resource.com</h1>
<meta itemprop="itemListOrder" content="Descending" />
<p><span itemprop="itemListElement">HTML4.01</span></p>
<p><span itemprop="itemListElement">HTML5</span></p>
<p><span itemprop="itemListElement">CSS2.1</span></p>
<p><span itemprop="itemListElement">JavaScript 1.5</span></p>
<p><span itemprop="itemListElement">PHP 5</span></p>
<p><span itemprop="itemListElement">SQL (2003 Standard)</span></p>
<p><span itemprop="itemListElement">MySQL 5.1</span></p>
<p><span itemprop="itemListElement">JSON</span></p>
<p><span itemprop="itemListElement">MongoDB</span></p>
<p><span itemprop="itemListElement">php.js</span></p>
<p><span itemprop="itemListElement">Schema.org</span></p>
</div> </body>
</html>
Result of testing the above code with Rich Snippets Tool
Please Google+, Like this tutorial on FaceBook, Tweet, save it as bookmark and subscribe with our Feed. Have suggestions? comment using Disqus down this page. Thanks.
