See your link before
you share it.
Generate the Open Graph and Twitter meta tags that control your social preview, and watch a live share-card update as you type. Copy the tags straight into your page.
This generates standard Open Graph and Twitter Card tags from what you enter, in your browser. The live card is a close approximation. Each platform restyles previews slightly and caches them, so use a platform's own debugger to refresh an already-shared link.
Open Graph tags control how your links look when shared
When someone shares your page on Facebook, LinkedIn, X, or in a text message, those platforms look for og: and twitter: tags to build the preview card: the image, title, and description people actually see and click. Without them, your link shows up plain or with the wrong image, and you lose clicks.
Fill in the fields and copy the tags into your page's <head>. Want the Google search side too? Use our SERP preview, and know that every site we build ships with correct social and search tags baked in.
Good to
know.
What are Open Graph (og:) tags?
Open Graph tags are small pieces of metadata in your page's head that tell social platforms how to display your link when it's shared: the preview image, title, and description. Facebook created the standard and LinkedIn, X, Slack, iMessage and others use it too. Twitter/X adds its own twitter: tags, which this tool generates alongside the og: ones.
What image size should I use for og:image?
1200×630 pixels (a 1.91:1 ratio) is the sweet spot. It renders crisply as a large card on every major platform without being cropped. Keep the file reasonably light; you can shrink it with our image optimizer. If you skip the image, your shared links look plain and get fewer clicks.
While you’re here
Image Optimizer
Resize, compress, and convert images to WebP right in your browser. Shrink photos by up to 90%, no upload.
Open toolFAQ Schema Generator
Turn your questions and answers into valid FAQPage JSON-LD structured data to paste into your site.
Open toolImage Alt Text Checker
Paste your page HTML and see which images are missing, empty, or duplicate alt text, and which are good.
Open toolLet's turn this into
a real plan.
Tell us what you're building and we'll send a straight, fixed proposal. No pressure, no sales fog.