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
James Williamson
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
-
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
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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