HTML: Structured Semantic Data

Give your sites and applications hidden powers. Learn how to use structured semantic data to determine how sites appear online and boost your search rankings.

Introduction

• Appreciating the value of the semantic web
• Introducing schema.org, a standardized way of describing items
• Comparing JSON-LD, RDFa, and microdata for implementing data schemes

1. Implementing Data Schemes with Microdata

• Using itemscope and itemtype to add meaning
• Adding itemprop to expand on meaning
• Embedding schemas in schemas
• Using the meta tag for information that cannot be marked up
• Using the Structured Data Markup Helper for microdata
• Testing your microdata markup with the Structured Data Testing Tool
• Challenge: Marking up a document with microdata
• Solution: Marking up a document with microdata

2. Working with JSON-LD

• Writing JSON-LD by hand
• Working with the Structured Data Markup Helper
• Testing our JSON-LD code with the Structured Data Testing Tool
• Challenge: Marking up a document with JSON-LD
• Solution: Marking up a document with JSON-LD

3. Structured Data Examples

• Understanding rich search results from Google
• Writing JSON-LD code for rich search results with a recipe
• Testing and previewing the rich results code
• Challenge: Rich search results for courses
• Solution: Rich search results for courses

Conclusion

• Next steps