OG Tag Generator — Open Graph & Twitter Card Tags
Generate Open Graph and Twitter Card meta tags with a live social media preview — see exactly how your link will appear on Facebook, LinkedIn, Slack, and Twitter before you publish. Supports 6 OG content types, 4 Twitter card styles, og:locale, og:site_name, and outputs copy-ready HTML in one block.
OG Tag Generator
Generate Open Graph & Twitter Card meta tags for your pages.
<meta property="og:type" content="website" /> <meta property="og:locale" content="en_US" /> <meta name="twitter:card" content="summary_large_image" />
Open Graph
Facebook, LinkedIn, and most platforms use OG tags.
Twitter Cards
Twitter-specific meta tags for rich link previews.
Live Preview
See how your page will look when shared on social media.
Included OG Tag Tools
Open Graph Tag Generator
Generates og:title, og:description, og:url, og:image, og:type, og:locale, and og:site_name with 6 content type options.
Twitter Card Generator
Generates twitter:card, twitter:title, twitter:description, twitter:image, and twitter:site with 4 card type options.
Live Social Preview
Real-time Facebook/LinkedIn-style card preview showing your OG image at 1.91:1 ratio, hostname, title, and description.
Standard Meta Description
Also outputs a standard <meta name='description'> tag alongside OG and Twitter tags in one copy-ready block.
How to Generate Open Graph Tags
Enter page details
Fill in page title, description, URL, image URL, and site name. Fields update the live preview and generated tags in real time.
Choose OG type & Twitter card
Select the right OG type (website, article, product…) and Twitter card style (summary, summary_large_image…) for your content.
Check the social preview
The live preview card shows how your link will look on Facebook, LinkedIn, and similar platforms before you publish.
Copy the generated tags
Click Copy to grab all generated meta tags as HTML-ready code and paste them into your page's <head> section.
Frequently Asked Questions
- What are Open Graph tags?
- Open Graph (OG) tags are meta tags placed in your page's <head> that control how your content appears when shared on social platforms like Facebook, LinkedIn, Slack, and WhatsApp — defining the title, description, image, and type shown in the preview card.
- What OG image size should I use?
- The recommended OG image size is 1200 × 630 pixels (1.91:1 aspect ratio). This gives the best display quality across Facebook, LinkedIn, and Twitter large-image cards. Minimum is 600 × 315px.
- What is the difference between Twitter card types?
- summary shows a small thumbnail beside your title and description. summary_large_image shows a large banner image above the text. app is for mobile app promotion. player embeds a media player. For most articles and pages, summary_large_image delivers the best visual impact.
- Do I need both OG tags and Twitter Card tags?
- Yes. Twitter has its own tag set (twitter:*) and will not fall back to OG tags for all fields. This generator outputs both sets plus the standard meta description in a single code block.
- Will these tags work on Facebook, LinkedIn, and Slack?
- Yes. Facebook, LinkedIn, Slack, Discord, WhatsApp, and most other platforms read og:* tags to generate link previews. Twitter reads twitter:* tags first and falls back to og:* where its own tags are absent.