Join James Williamson for an in-depth discussion in this video Adding product details, part of HTML: Structured Data.
- Not all products are gonna share…the same amount of detail.…In some instances, you might have…a lot of information to cover,…in others you might just sort of,…have sort of a bare bones description of the product.…It's always up to you, as a developer or designer,…to decide exactly how much…of that information you wanna share.…So what we're gonna do in this exercise…is take a look at our product detail…and decide which of these items we want to share…using our structured data syntax.…It's also gonna allow to dig a little deeper…into microdata syntax, as we're gonna see…how to properly nest an object type,…as well as control formatting so that…something is passed along in a machine-readable way.…
So we're gonna be working in the bars.htm…file found in the 04_05 directory,…and I wanna focus on this section,…right here, for product details.…So inside this unordered list we have…size, varieties, SKU, price, and rating.…Alright, so price and rating we wanna add,…and we're gonna do them a little bit later on.…So let's focus on size, varieties, and SKU number.…
- Choosing a syntax
- Learning microformats
- Structuring contact data
- Adding contact names, titles, photos, and addresses
- Learning RDFa
- Structuring event data
- Providing event dates
- Adding an event URL
- Learning microdata
- Structuring products
- Setting product pricing
- Adding individual product reviews
- Learning JSON-LD
- Creating a knowledge graph
Skill Level Intermediate
1. Introducing Structured Data
2. Marking Up Contacts
3. Marking Up Events
4. Marking Up Products
5. Creating a Knowledge Graph
Additional resources4m 59s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.