Open Graph

Open Graph is a meta-tag protocol that lets a site owner control how a link is displayed when shared on social media. Originally developed by Facebook, it is now the de facto standard supported by platforms such as LinkedIn, Discord and messaging apps — it governs the title, description and image shown in the preview card.

How Open Graph works

Open Graph tags are placed in the <head> section of the HTML document, alongside ordinary meta tags, and are recognizable by their og: prefix. The most important are og:title (the title), og:description (the description), og:image (the preview image URL), og:url (the canonical address) and og:type (the content type, such as article or website).

When a user pastes a link, the social platform fetches the page, reads these tags and builds a polished card from them instead of showing a bare URL. Without defined Open Graph data the platform guesses the content on its own — often picking a random snippet of text and the first image it finds. Note that og:image has recommended dimensions (commonly 1200×630 px) so the preview is not cropped.

Practical application

Properly configured Open Graph makes every shared link look professional: a refined headline, an inviting description and a striking image. That directly raises click-through rate and supports social media optimization efforts. A separate but compatible standard, Twitter Cards, plays the same role on X.

In practice most CMS platforms and SEO plugins generate Open Graph tags automatically from a post's title and description, while letting you override the preview image for key pages. After deployment it is worth verifying the result in the share-debugging tools each platform provides.

Powiązane pojęcia

Najczęstsze pytania

Does Open Graph affect SEO?

Not directly — Open Graph tags are not a Google ranking factor. They do, however, shape how appealing a link looks when shared on social media, which lifts click-through rate and traffic from those channels. Better engagement and referral traffic can therefore support a page's visibility indirectly.