How to use the Open Graph generator
- Fill in the title and description you want to show when the page is shared.
- Add the page URL, the image URL and your site name, then pick a type such as website or article.
- Click Generate tags to produce copy-ready meta tags, including a Twitter card.
- Paste the tags into the head section of your page, alongside your existing meta tags.
What Open Graph tags do
Open Graph tags control how a page looks when someone shares it on Facebook, LinkedIn, Slack, WhatsApp and many other platforms. Without them, those services guess a title and image — often picking the wrong one. With them, you define the exact title, description and preview image that appears, which measurably improves click-through from social feeds.
The core og properties
| Property | What it sets |
|---|---|
| og:title | The headline shown in the share preview. |
| og:description | The short summary under the headline. |
| og:image | The preview image. Use at least 1200x630 pixels for best results. |
| og:url | The canonical URL of the page being shared. |
| og:type | The kind of object, such as website or article. |
| og:site_name | The name of your website or brand. |
Why the Twitter card matters
X (Twitter) uses its own twitter:card tags, which this tool generates alongside your Open Graph tags. The summary_large_image card shows a big preview image, which performs better than the plain text or small-image variants. Keeping both tag sets in sync means your pages look consistent no matter where they are shared.
Open Graph best practices
Keep your title under about 60 characters and your description under 200 so they are not cut off in previews. Host the image on a stable URL and never change it after a page goes viral, because platforms cache the preview for days. Always include og:url pointing to the canonical page so shares from different query strings all credit the same URL, and re-test your tags with a platform debugger whenever you update them.