Share a link on a social network or in a chat and a preview card appears. Whether it looks polished or random depends on a handful of meta tags.
What the generator outputs
Enter a title, description, image URL, page URL and site name in the Open Graph Generator. With “My Page”, “A short description.” and an image, it produces:
<meta property="og:title" content="My Page"> <meta property="og:description" content="A short description."> <meta property="og:image" content="https://example.com/i.png"> <meta property="og:url" content="https://example.com/"> <meta property="og:site_name" content="Example"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
plus the matching Twitter title, description and image tags.
Using it
- Fill in the fields and choose the card type: a large image or a small summary card.
- Copy the tags into the page’s
<head>. - Check the page with the sharing debugger of the network you care about.
The image
- Use a full web address, not a relative path.
- For the large card, an image about 1200 × 630 pixels (roughly a 1.91:1 shape) is a safe choice.
- Keep important content away from the edges, since platforms crop differently.
Things to know
Networks cache previews, so after you change tags you may need to ask them to refresh. If tags are missing, the network guesses from the page, often poorly. Many WordPress SEO plugins add these tags for you, so check before adding them twice. See the Open Graph glossary entry.
Frequently asked questions
Do these tags affect Google rankings?
Not directly. They affect how links look when shared, which can influence clicks.