---
title: "Open Graph"
description: "Open Graph is a meta-tag protocol that controls how shared links look on social media. Learn about og:title, og:image and how to use them in practice."
url: "https://nodea.io/en/glossary/open-graph"
lang: "en"
updated: "2026-07-13"
---

# Open Graph

> Open Graph is a meta-tag protocol that lets you define how a page appears when shared on social media — its preview title, description and image.

**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](https://nodea.io/en/glossary/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](https://nodea.io/en/glossary/smo) 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](https://nodea.io/en/glossary/title-tag) and [description](https://nodea.io/en/glossary/meta-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.

### 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.

## Related

- [Title tag](https://nodea.io/en/glossary/title-tag)
- [Meta description](https://nodea.io/en/glossary/meta-description)
- [SMO](https://nodea.io/en/glossary/smo)
- [HTML](https://nodea.io/en/glossary/html)
- [Favicon](https://nodea.io/en/glossary/favicon)

---

Languages: [pl](https://nodea.pl/pl/slownik-pojec/open-graph.md)  
Site index: [llms.txt](https://nodea.io/en/llms.txt)