Join James Williamson for an in-depth discussion in this video Adding a contact photo, part of HTML: Structured Data.
- Occasionally you might want to include…a profile image along with your contact info,…like our wonderful promotional shot of Angela here.…So let's take a look at how we can…do that with microformats.…So back here in the h-card specification,…I notice if I'm scrolling through the properties…that I have the u-photo property here.…And even though it doesn't have a description…out to the side of it, it's perfect…for what we're wanting here…because it represents any type of promotional photo,…head shot, image of that particular individual.…
Now you'll notice that there is…actually a u-logo above that.…So u-photo represents an actual photographic image…of that individual, some image…that represents that particular person.…Okay, jumping back into our profile.htm file.…This time from the 02_06 directory.…I've scrolled it down into our employee spotlight area…and I notice that just below the name Angela Hashton…I have a paragraph that contains the image…that we were looking at,…which is angela.jpg.…
And the alt information here is Angela Hashton.…
- 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.