OpenGraph Meta Tag Generator
Generate Open Graph and Twitter Card meta tags for better social media sharing. Preview how your page appears on Facebook, Twitter, and LinkedIn.
Facebook / LinkedIn
1200 × 630
example.com
Page Title
Page description will appear here when shared on social media platforms.
Twitter / X
Large Image Card
Page Title
Page description will appear here when shared on social media platforms.
example.com
Checklist
What are OpenGraph Meta Tags?
OpenGraph (OG) meta tags are snippets of HTML that control how your web page appears when shared on social media platforms like Facebook, LinkedIn, Slack, and Discord. Introduced by Facebook in 2010, the Open Graph protocol allows any web page to become a rich object in a social graph.
Without OG tags, social platforms scrape your page and pick content randomly — often pulling the wrong image or a truncated description. With properly set OG tags, you control exactly what title, image, and description are shown, leading to significantly higher click-through rates.
How to Use This Generator
- 1 Fill in the Basic Information — title, description, URL, and site name.
- 2 Add an Image URL with dimensions. Use a 1200×630px image for best results across all platforms.
- 3 Select your content type. For blog posts, choose "Article" and fill in author and date fields.
- 4 Configure the Twitter Card type.
summary_large_imageworks best for most content. - 5 Click the Code tab, copy the generated tags, and paste them inside your HTML
<head>.
Common Use Cases
Blog & News Sites
Use article type with published_time and author tags to enable rich previews and news indexing by Google.
E-commerce Product Pages
Set a compelling product image and description to boost click-through rates from social sharing.
Landing Pages & SaaS
Control your brand impression on social media by setting a professional og:image and consistent site name.
Developer Documentation
Make documentation links stand out in Slack and team chat tools with descriptive OG cards.
Essential OG Tags Reference
| Tag | Required | Description |
|---|---|---|
og:title | Required | Title of your page. Keep under 60 characters. |
og:description | Required | Short description shown in the card preview. |
og:image | Required | URL of the image to display. 1200×630px recommended. |
og:url | Required | Canonical URL of the page. |
og:type | Required | Content type: website, article, video, music, etc. |
og:site_name | Optional | Name of your overall website or brand. |
og:locale | Optional | Content language/locale, e.g. en_US. |
og:image:alt | Optional | Accessibility alt text for the OG image. |
twitter:card | Optional | Twitter card format: summary or summary_large_image. |
twitter:site | Optional | Twitter @username of the website. |