How Open Graph tags work
Open Graph is a set of <meta property="og:..."> tags that tells other platforms how to present your page as a link preview. When someone pastes a URL into a social network or a messaging app, the app fetches the page, reads these tags, and builds a card from them: a title, a short description, an image and a link.
The protocol was introduced by Facebook, and many other apps and services now read the same tags, including LinkedIn and various chat tools. Each app decides for itself how to render the card and how long to cache it, so the same tags can look a little different from place to place.
These tags only control the preview. They have no direct effect on where your page ranks in search. What they change is how appealing and recognizable the link looks once it is shared, which can affect whether people click it.
When Open Graph tags are worth setting
If a link you share shows up as a bare URL, a cropped logo, or an unrelated image from the page, the tags are missing or wrong. Setting them gives you control over what appears.
It matters most for pages that get shared: blog posts, product pages, event pages, announcements and landing pages for campaigns. A page that rarely leaves your own site gains little. For a site with many pages, each important page should have its own title, description and image rather than one set repeated everywhere.
How to use the Open Graph Generator
- Enter a Title for the card.
- Enter the page URL, which should be the full address you want the card to point to.
- Write a Description of a sentence or two.
- Enter the Image URL, an absolute link to the picture you want shown.
- Look at the preview card below the fields. It shows the image, the URL without its https prefix, the title and the description. If the image address does not load, the image area is hidden.
- Copy the Generated tags with the Copy button and paste them into the
<head>of your page.
To see how a finished page appears on a real platform, use the Open Graph Preview tool. If you also want search tags in the same block, the Meta Tag Generator covers both.
Limits and common mistakes
This tool produces exactly five tags: og:title, og:description, og:url, og:image and og:type, with the type fixed to "website". It does not add og:site_name, image dimensions, alt text or an article type, so add those by hand if you want them. The preview is a simple approximation, not a copy of any specific platform's card.
Image links must be absolute and publicly reachable. A relative path or an image behind a login will not appear in the preview on other platforms.
Text is inserted as typed, with no escaping, so avoid raw double quotes in the title or description. If you change an image after a page has been shared, platforms often keep the old preview cached for a while, and you may need to refresh it using that platform's own debugging tool. Nothing you type is sent to a server by this page.
