The Open Graph protocol uses
markup to deliver a comprehensive view of a web entity within a user’s
social graph. These
provide data about what is being described on a page or web source, such
as a business, movie, actor, or sports team.
Besides the type of information that describes what is being displayed on the page, you can also include geographic information and contact details.
The Open Graph ecosystem comprises two main elements:
This is the site that includes
<meta> tag information about the
entities being described.
This is a developer or site that consumes that
<meta> tag information placed on a
site—for example, the Facebook Like button integration.
These are the basics of the Open Graph protocol. The web application, or consumer, makes a request to the website for information about the site. The site, or producer, will respond with the metadata about itself. This process is depicted in Figure 10-1.
Figure 10-1. Open Graph protocol request/response workflow
Next, we’ll explore how to work with and implement the Open Graph protocol.