Open Graph allows you to describe your site as a "graph object". Defining a content type allows you to tell Facebook what type of object you're using and what type of properties to expect.
Resume Transcript Auto-Scroll
Author
Released
6/1/2016
Learn how to use Facebook's Open Graph protocol to mark up blog postings and other webpages for sharing on social media. Senior staff author James Williamson shows how to add Open Graph tags to blog posts and define elements such as the post title, URL, site name, and publish date. He also demonstrates how to add a preview image, description, and author credits, and test your work. With these techniques, you control how any webpage displays when it is posted, shared, or liked on social media.
Topics include:
- The benefits of Open Graph
- Marking up blog posts
- Adding a title, URL, image, and description
- Defining a publish date
- Testing Open Graph markup
Skill Level Intermediate
1h 5m
Duration
19,733
Views
Show More
Show Less
Related Courses
-
HTML Essential Training
with James Williamson5h 54m Beginner -
CSS: Selectors
with James Williamson4h 7m Intermediate -
HTML: Structured Data
with James Williamson2h 56m Intermediate
-
Introduction
-
Welcome1m 6s
-
-
1. Introducing Open Graph
-
The benefits of Open Graph3m 41s
-
Open Graph syntax2m 28s
-
-
2. Marking up a Blog Post
-
Blog post structure review2m 31s
-
Open Graph namespaces5m 36s
-
Required properties3m 23s
-
Adding a title2m 24s
-
Defining content type3m 12s
-
Adding a URL3m 20s
-
Image considerations3m 23s
-
Adding an image2m 21s
-
Image properties2m 46s
-
Adding a description2m 55s
-
Defining a site name2m 37s
-
Article properties2m 36s
-
Crediting authors7m 42s
-
Testing Open Graph markup5m 29s
-
-
Conclusion
-
Additional resources4m 2s
-
Show MoreShow Less
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Defining content type