Generate Open Graph meta tags so your page shows a proper title, description and image when shared on Facebook, LinkedIn, WhatsApp and more. Fill four fields and copy the block.
Updated
Your browser is preparing the tool. It runs 100% locally.
Enter a title, description, page URL and image URL, and the tool outputs the five core Open Graph tags (og:type, og:title, og:description, og:url and og:image). These control how your link looks when shared on Facebook, LinkedIn, WhatsApp, Slack and Discord. og:type is set to website. The block builds as you type and runs in your browser; paste it into your page head.
Open Graph is the protocol social platforms read to build a link preview: the card with a big image, a headline and a short description. Fill in the four fields and the tool writes the matching og: tags, with og:type fixed to website, ready to paste into the head of your page.
Point og:image at an image around 1200 by 630 pixels, a size that displays cleanly on every major platform. The tool escapes your text so the markup stays valid.
Each value becomes a meta tag with the property attribute (property og:title, and so on). Open Graph is written that way, unlike standard meta tags, which use name. The tags belong in the head, where platform scrapers look for them when someone pastes your link.
og:type is fixed to website, which suits most pages: a homepage, a tool, a landing page. Articles and products can use more specific types, but website is a safe default.
og:type: website (fixed)
og:title: your title
og:description: your description
og:url: your page URL
og:image: your image URL (aim for 1200×630)Written with the property attribute (property og:title), which is how Open Graph tags are formed. og:site_name, og:locale and image-dimension tags are not added.
| Inputs | Title, description, page URL, image URL |
|---|---|
| Output tags | og:type, og:title, og:description, og:url, og:image |
| og:type | fixed to website |
| Attribute | property (Open Graph style) |
| Not added | og:site_name, og:locale, image width/height |
| Recommended image | 1200 by 630 pixels |
| Where it runs | In your browser; nothing is uploaded |
og:type is fixed to website. That is right for most pages, but an article, product or video can use a more specific type, which may require extra properties. If you need article tags, add them by hand after pasting.
It writes the five core tags only, without og:site_name, og:locale or explicit image width and height. Platforms manage without them, but you can add them yourself for finer control.
It does not fetch or validate your image. Aim for about 1200 by 630 pixels (LinkedIn shows no image at all below 1200 by 627) and host it at a public URL, or the preview will be blank.
Platforms cache previews. After you add or change these tags, a link may still show the old card until you re-scrape it with the platform's debugger, such as Facebook's Sharing Debugger.
Your text is HTML-escaped, so an ampersand appears as its entity in the output. That is valid and renders correctly in the preview.
Make a page show a proper title, blurb and image when posted to Facebook or LinkedIn.
Get a rich link preview in WhatsApp, Slack, Discord and iMessage.
Control exactly how a campaign or launch page looks when it is shared.
Give each post its own share image and headline instead of a bare link.
For the X (Twitter) preview, use the Twitter Card generator, though X also falls back to these OG tags. For standard head tags like title and description, use the meta tag generator.
The output matches the tool's code: five core tags with the property attribute, og:type set to website, input escaped, and no og:site_name, locale or image-size tags.
Fill in your page title, description, keywords and author, and the tool writes a block of HTML head meta tags you can paste, with the title, description, viewport and robots tags included. The block updates as you type.
Type a title, URL and meta description to see roughly how your page could look in Google, cut to length the way a real result is.
Generate a robots.txt that sets crawler and AI-bot access and points to your sitemap.
Turn a title or phrase into a lowercase, hyphenated URL slug, the readable tail of a web address. It updates as you type, in your browser.
Paste your text to get its Flesch Reading Ease score and US grade level, the two classic readability measures, updated as you type.
Compress an image to JPEG with a quality slider and watch the file size drop as you drag, in your browser.
Generate as many as you need at the top of the page. It runs on this device and needs no account.