HTML: Structured Semantic Data

Course details

Web development focuses on creating highly visual content, but many crawlers ignore the layouts and imagery that give human readers context. To aid Google Search and other bots, you can use structured semantic data. This invisible but critical metadata determines how your sites appear online and can help boost your search rankings. In this course, Jen Kramer shows how to add data structured for machine readers to pages also intended for humans. Learn how to describe content in schemas, use meta tags, and leverage tools like the Structured Data Markup Helper and Structured Data Testing Tool—both from Google—to add microdata and JSON-LD code to your pages. In chapter three, Jen provides several structured data examples as well as a challenge to test your ability to provide rich search results.

Topics include:
Describing elements with schemas
Embedding schemas in schemas
Using the Structured Data Markup Helper
Making up a document with microdata
Making up a document with JSON-LD
Testing your structured markup

Concepts

0. Introduction

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

1. Implementing Data Schemes with Microdata

04 - Using itemscope and itemtype to add meaning
05 - Adding itemprop to expand on meaning
06 - Embedding schemas in schemas
07 - Using the meta tag for information that cannot be marked up
08 - Using the Structured Data Markup Helper for microdata
09 - Testing your microdata markup with the Structured Data Testing Tool
10 - Challenge - Marking up a document with microdata
11 - Solution - Marking up a document with microdata

2. Working with JSON-LD

12 - Writing JSON-LD by hand
13 - Working with the Structured Data Markup Helper
14 - Testing our JSON-LD code with the Structured Data Testing Tool
15 - Challenge - Marking up a document with JSON-LD
16 - Solution - Marking up a document with JSON-LD

3. Structured Data Examples

17 - Understanding rich search results from Google
18 - Writing JSON-LD code for rich search results with a recipe
19 - Testing and previewing the rich results code
20 - Challenge - Rich search results for courses
21 - Solution - Rich search results for courses

Conclusion

22 - Next steps

HTML: Structured Semantic Data

Authors

Jen Kramer