The four basic open graph tags that are required for each page are og:title
, og:type
, og:image
, and og:url
. These tags should be unique for each page you serve, meaning your homepage’s tags should all be different from your blog post article’s page.
While it should be pretty straightforward, here’s a breakdown of what each of the tags mean:
og:title
: The title of your page. This is typically the same as your webpage's <title>
tag unless you’d like to present it differently.
og:type
: The “type” of website you have. I’ll explain more in the next section, though a generic “type” is “website”.
og:image
: This should be a link to an image that you’d like to represent your content. It should be a high resolution image that the social networks will use in their feeds.
og:url
: This should be the URL of the current page.