Open Graph is a metadata protocol that lets a web page describe itself to social networks and other digital platforms. Introduced by Facebook in 2010, it lets you explicitly control the title, description, image and address that appear when a piece of content is shared or published on a social platform. Without this data, the platform has to infer the information by analyzing the page, often with unpredictable or inaccurate results.
For anyone working on search engine optimization, Open Graph is an important piece of online visibility. A well-structured share increases the click-through rate and encourages organic distribution of content, expanding referral traffic and brand recognition. Open Graph tags do not directly affect ranking in search results, but they contribute indirectly to the popularity and authority of a resource.
What Open Graph meta tags contain
Open Graph defines a set of meta tags placed in the head section of a page’s HTML code. Each tag uses a property attribute that starts with the og prefix, followed by a specific name. The values of these tags are read by the systems that generate previews, the so-called social rich snippets, when a user pastes a link or uses a share button.
The protocol is not an official standard from a standards body, but an open specification voluntarily adopted by many platforms. Besides Facebook and Meta, it is used by services such as LinkedIn, Pinterest, Discord and many messaging systems. Its spread has made it, in practice, a cross-platform tool for managing a site’s social presence.
Where the protocol comes from and how widespread it is
The specification was published by Facebook in 2010 to solve a concrete problem: previews of shared links were often incomplete or misleading. Since then the protocol has expanded and has also influenced later standards such as Twitter Cards, which follow similar logic though with different property names. Its adoption is now almost universal among large editorial, e-commerce and entertainment sites.
The four core properties
The heart of the protocol consists of four core properties. The og:title tag defines the title shown in the preview, while og:description provides the descriptive text that accompanies the link. The og:image tag indicates the preview image, a decisive element for attracting attention, and og:url specifies the canonical address of the shared page.
These are joined by supporting properties such as og:type, which describes the nature of the content, and og:site_name, which reports the name of the site. There are also specific variants for certain content types, such as articles, videos or products, which allow you to further enrich the preview with additional information. The correct combination of these elements determines the quality of the social card.
Aspect ratio, resolution and file size
Platforms recommend preview images with an aspect ratio close to 1.91:1 and a minimum resolution of 1200 by 630 pixels. Formats such as JPEG and PNG are widely supported, while file size should be kept down so as not to slow loading. An image that is too small or has the wrong aspect ratio may be cropped or ignored by the system that generates the preview.
Why Open Graph tags don’t move ranking
Open Graph tags are not a direct ranking factor. Search engines like Google evaluate content, links and quality signals, not og properties. However, a good social preview increases the likelihood that a piece of content is clicked and shared, generating traffic and mentions that can strengthen a page’s reputation over time.
There is also an interaction with previews on the search results pages themselves. Google uses structured data, not Open Graph tags, to generate rich results, but in the absence of specific markup it may in some cases fall back on similar information. That is why it is good practice to keep title, description and image consistent across all channels.
Open Graph and structured data: who they talk to
Open Graph and structured data serve different purposes even though they share the goal of describing a page. Open Graph speaks mainly to social networks, while structured data in JSON-LD or microdata format communicates with search engines. Many sites use them together to cover both scenarios without conflict, as long as the information stays consistent between them.
The og properties compared
| Tag | Function | Requirement | Example value |
|---|---|---|---|
| og:title | Preview title | Recommended | Guide to craft coffee |
| og:description | Short descriptive text | Recommended | Methods and tools for roasting |
| og:image | Preview image | Recommended | Address of a JPEG file |
| og:url | Canonical address of the page | Recommended | Absolute address of the resource |
| og:type | Nature of the content | Optional | article, website, video |
| og:site_name | Name of the site the page belongs to | Optional | Name of the publishing brand |
Debug and verification tools before publishing
Implementation requires attention to detail and constant verification. The debug tools provided by the platforms let you check how the preview is generated and spot errors before publishing. A methodical approach reduces the risk of empty or inconsistent previews, which damage the site’s image.
- Define a clear and distinctive title, avoiding duplication with the page title.
- Write a concise description, usually within a few dozen words, that invites a click.
- Choose a representative image with an aspect ratio close to 1.91:1 and adequate resolution.
- State the absolute canonical address of the page in the og:url tag.
- Specify the most suitable content type among the available categories.
- Add the site name to reinforce brand recognition.
- Check the preview with the debug tools of the social platforms.
- Update the tags when the page title, image or content changes.
Frequently asked questions about Open Graph
Does Open Graph improve ranking on Google?
No, Open Graph tags are not a direct ranking factor. They can, however, encourage sharing and traffic, with indirect effects on the site’s overall visibility.
Which platforms use Open Graph tags?
The main ones include Facebook, LinkedIn, Pinterest, Discord and many messaging services. Other platforms also adopt similar protocols with dedicated properties.
Which tags are required for a correct preview?
There is no formal requirement, but title, description, image and canonical address are considered essential for a complete and reliable card.
What size should the preview image be?
A minimum resolution of 1200 by 630 pixels with an aspect ratio close to 1.91:1 is recommended. Images that are too small risk being ignored or cropped.
Are Open Graph and Twitter Cards the same thing?
They are distinct but conceptually similar protocols. Twitter Cards uses its own properties, although many platforms read Open Graph tags as an alternative.
How do you verify correct implementation?
You use the debug tools provided by the social platforms, which show the generated preview and flag any errors in the tags.
From the glossary to the projectWant to understand what your site really needs to be found on Google?SEO consulting starts with a technical analysis, keywords and a ranking strategy, and is built around your business.Discover SEO consulting
Related entries:
Meta tag Knowledge Graph HTML h1 tag Google Knowledge Graph SEO title tag