Where do I put the generated tags?

Paste them inside the head section of your page's HTML, then publish. If you use a site builder or CMS, look for an SEO or custom head code setting where you can add them. They must be on the live page for platforms to read them.

I updated my tags but the old preview still shows. Why?

Platforms cache previews to load them quickly, so your change may not appear until they re-fetch your page. Most offer a debugging or refresh tool that forces an update. Our social preview checker helps you see the current card and points you to the right refresh option.

What image size should I use?

For a large card, 1200 by 630 pixels is the widely supported size. Use a publicly hosted image URL, not a local file, because platforms fetch it from the web. A landscape image works best. Small or oddly shaped images may show as a thumbnail or not at all.

Does this handle both Facebook and X?

Yes. It writes Open Graph tags, which Facebook, LinkedIn, WhatsApp, Slack and most platforms read, and Twitter Card tags for X, from the same inputs. You get one block of HTML that covers both.

Is my data sent anywhere?

No. The generator runs in your browser. What you type is used to build the tags on your device and is not sent to us or stored. The preview image URL you supply is simply written into the tags; we never fetch or host the image.

Free tool

Make your link share as a proper card

This free tool builds the meta tags your page needs to show a proper title, description and preview image when it is shared on social media or listed in search. Fill in a few fields and it writes the HTML, including Open Graph and Twitter Card tags, ready to copy into your page's head. It runs entirely in your browser.

Page title (0 chars, aim for 50 to 60)

Meta description (0 chars, aim for 150 to 160)

Page URL

Preview image URL (hosted, ideally 1200 by 630)

Site name

Card type

Twitter handle (optional)

Paste this into your page head

<!-- Primary meta tags -->
<title>Your page title</title>
<meta name="description" content="A short summary of what this page is about.">
<link rel="canonical" href="https://www.example.com/page">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.example.com/page">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A short summary of what this page is about.">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your page title">
<meta name="twitter:description" content="A short summary of what this page is about.">

Generating these tags is not deploying them. They only take effect once you paste them into your page head and publish, and platforms cache old previews, so a change can keep showing the wrong card for hours. This does not host or resize your image. Publish first, then verify the real card with our social preview checker.

Runs in your browser. Nothing you type is sent to us or stored, and the image URL is only written into the tags, never fetched.

Generating tags is not publishing them

This tool produces the HTML tags. It does not add them to your site, and it cannot control what a platform shows. Two things trip people up. First, the tags only take effect once you paste them into your page's head and publish. Second, social platforms cache previews, so after you change your tags an old card can keep showing for hours or longer until the platform re-fetches your page. Most platforms offer a debugger or refresh tool to force an update. This generator also does not host or resize your preview image, and it cannot verify the live result. To see the actual card and troubleshoot caching, use our separate social preview checker after you publish.

What meta tags do for you

When someone pastes your link into a message, a post or a search result, the platform reads your page's meta tags to decide what to show: the headline, the summary line, and the preview image. Get them right and your link appears as a clean, clickable card. Leave them out and you get a bare URL or a random scrap of text. These tags are small, but they decide how your page looks everywhere it is shared.

Open Graph and Twitter Cards, explained

Open Graph tags (the og: ones) are the shared standard that Facebook, LinkedIn, WhatsApp, Slack and most other platforms read. Twitter Cards (the twitter: ones) are X's version. This tool writes both from the same inputs, so a link looks right no matter where it lands. You give it a title, a description, and the URL of an image, and it produces the full set of tags in valid HTML.

Get the image right

The preview image is what people actually notice. Platforms want a landscape image, and 1200 by 630 pixels is the widely accepted size for a large card. Use a real, hosted image URL, not a file on your computer, because platforms fetch the image from the public web. If the image is too small, the wrong shape, or blocked, you get a small thumbnail or no image at all. The tool references the image URL you give it but does not host or resize it.

Generating is not deploying

This tool writes the tags. It does not put them live. You still need to paste them into the head of your page and publish it. And once it is live, platforms often cache the old preview, so a change may not show straight away. Pairs with our social preview checker: generate your tags here, publish them, then use the checker to see the real card and clear the cache where a platform allows it.

After you publish

The social preview checker shows the real card your link produces

Questions

Where do I put the generated tags?: Paste them inside the head section of your page's HTML, then publish. If you use a site builder or CMS, look for an SEO or custom head code setting where you can add them. They must be on the live page for platforms to read them.
I updated my tags but the old preview still shows. Why?: Platforms cache previews to load them quickly, so your change may not appear until they re-fetch your page. Most offer a debugging or refresh tool that forces an update. Our social preview checker helps you see the current card and points you to the right refresh option.
What image size should I use?: For a large card, 1200 by 630 pixels is the widely supported size. Use a publicly hosted image URL, not a local file, because platforms fetch it from the web. A landscape image works best. Small or oddly shaped images may show as a thumbnail or not at all.
Does this handle both Facebook and X?: Yes. It writes Open Graph tags, which Facebook, LinkedIn, WhatsApp, Slack and most platforms read, and Twitter Card tags for X, from the same inputs. You get one block of HTML that covers both.
Is my data sent anywhere?: No. The generator runs in your browser. What you type is used to build the tags on your device and is not sent to us or stored. The preview image URL you supply is simply written into the tags; we never fetch or host the image.