Open Graph Generator

Four fields (title, description, URL and image URL) feed nine tags. Five are Open Graph tags, read by Facebook, LinkedIn, Slack, WhatsApp and most other apps that unfurl links. Four are Twitter Card tags for X.

The text goes into the tags exactly as typed, with no escaping. Keep straight double quotes out of the title and description, or change them to " after copying, or the tag will cut off at the first one.

The card above the code loads your image URL in your own browser, inside a wide 1.91:1 frame. If the frame stays empty, the address is wrong, so fix that first.

A picture in the preview doesn't prove that social platforms can fetch it, though. Their servers request the image themselves, so the URL must be:

• a full address starting with https://, not a path like /images/card.jpg;
• public, not on a staging server behind a password or on localhost, both of which you can see and they can't;
• not blocked by your robots.txt;
• a real image file, not a page that shows the image.

The image field starts as https://example.com/og.jpg. If you forget to change it, every share shows a broken image.

The generator always writes og:type as website. That suits a home page, a tool or a landing page. For a blog post or a news story, change it to article after copying:

<meta property="og:type" content="article" />

Make the og:url the page's own address, not your home page. Platforms use it to group shares of the same page, so a home-page URL on every article merges them all into one.

Platforms store a copy of a page's preview the first time someone shares it. Fix a title or swap the image afterwards and the old card can keep appearing.

Some platforms offer an inspector that fetches the page again. Facebook's Sharing Debugger and LinkedIn's Post Inspector both refresh their stored copy when you submit the URL. If an image still won't update, upload it under a new file name and point og:image at the new address, which forces a fresh download.