Add your title, description and image, preview how the link looks on Facebook, LinkedIn and X, then copy the meta tags into your page <head>. Free, no sign-up, and nothing leaves your browser.
Added as og:image:alt and twitter:image:alt.
Open Graph and Twitter Card tags are meta tags in a page’s <head> that tell social platforms which title, description and image to show when someone shares the link. Open Graph was created by Facebook and is read by LinkedIn, WhatsApp, Slack and many others, while Twitter Cards control the preview on X.
Without these tags, a platform guesses from your page and often picks a logo, an ad or nothing at all. With them, every share looks deliberate, which tends to earn more clicks.
X reads Open Graph tags when Twitter tags are missing, so the minimum is the og: set plus twitter:card. This generator writes both for you.
<meta property="og:type" content="article" /> <meta property="og:url" content="https://www.example.com/post/" /> <meta property="og:title" content="How to Audit a Site" /> <meta property="og:description" content="A simple checklist." /> <meta property="og:image" content="https://www.example.com/og.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="How to Audit a Site" /> <meta name="twitter:image" content="https://www.example.com/og.jpg" />
Four Open Graph tags are required by the protocol. The rest improve how the card looks and how accessible it is.
| Tag | What it does | Priority |
|---|---|---|
og:title | Headline shown on the share card | Always include |
og:type | The kind of page: website, article, product or profile | Always include |
og:image | Image on the card, ideally 1200 × 630 px | Always include |
og:url | The canonical address of the page | Always include |
og:description | One or two sentences under the title | Strongly recommended |
twitter:card | Chooses the summary or large image layout on X | Strongly recommended |
og:image:alt, twitter:image:alt | Describes the image for screen readers | Recommended |
og:site_name, twitter:site | Brand name and X account shown with the card | Recommended |
og:locale, twitter:creator | Language region and the author’s X handle | If it applies |
Both are valid. The deciding question is whether your image is wide enough to carry the card.
For most pages
For compact cards
The generator does the writing. These four steps take you from a blank form to a tested share card.
Choose website, article, product or profile.
Enter the title, description, URL and share image.
Copy the code, or download it as an HTML file.
Add it to the page head, then refresh it in the debuggers.
Platforms cache share cards. After you change a tag or image, run the page through the Facebook Sharing Debugger or LinkedIn Post Inspector so the old preview is replaced. Also check your SEO plugin first, because it may already output these tags.
Short answers on image size, tags and testing.
Open Graph tags tell social platforms which title, description and image to show when your page is shared. They are used by Facebook, LinkedIn, WhatsApp, Slack and many other apps.
Use 1200 by 630 pixels, a ratio of about 1.91 to 1, saved as JPG or PNG. Keep important content away from the edges, because some platforms crop the image.
Not strictly. X falls back to Open Graph tags when Twitter tags are missing. Adding twitter:card still lets you choose the card layout, so include at least that one.
The protocol requires og:title, og:type, og:image and og:url. Add og:description as well, since most platforms show it under the title.
Platforms cache share cards. Re-scrape the URL in the Facebook Sharing Debugger or LinkedIn Post Inspector to refresh the preview. Using a new image file name also helps.
Use article for blog posts and news, website for general pages and the homepage, product for shop items and profile for people. The type helps platforms group and label the content.
twitter:site is the X username of the website or brand that owns the page, written with an @. twitter:creator is the individual author’s handle.
No, they are not a Google ranking factor. They do affect how shared links look, which can raise clicks and traffic from social platforms.
Yes. It is completely free, with no sign-up and no limit. Everything runs in your browser, so what you type is never uploaded to a server.
Social tags control the share card. Meta tags and schema control search results.
Search Savvy’s team sets up Open Graph, Twitter Cards and structured data across every template, and fixes the technical issues that hold your site back.
