b2KIT

Open Graph Tag Generator

Create Open Graph meta tags for perfect social media previews on Facebook, Twitter, and LinkedIn.

Open Graph

15/60
90/160

Social Card Preview

No image URL provided

My Website

My Awesome Page

This is a brief description of the page content that will appear in social media previews.

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="This is a brief description of the page content that will appear in social media previews." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="My Website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="This is a brief description of the page content that will appear in social media previews." />

How to Use Open Graph Tag Generator

  1. 1

    Enter page details

    Fill in the title, description, image URL, and page URL.

  2. 2

    Choose OG type

    Select website, article, product, or another Open Graph type.

  3. 3

    Preview the card

    See how your link will appear when shared on social media.

  4. 4

    Copy the meta tags

    Click copy to grab the Open Graph meta tag HTML code.

Related Tools

Email Signature Generator

Create professional HTML email signatures with logos, social links, and custom styling.

Email HTML Previewer

Paste HTML email code and preview it in simulated email client frames (Gmail, Outlook, Apple Mail). Responsive test.

QR Code Business Card

Fill in vCard fields and generate a QR code plus styled digital business card. Download both as images.

Color Contrast Checker

Enter two colors and check WCAG AA/AAA contrast ratios. Live preview of text on background with pass/fail badges.

Readability Score Checker

Analyze text readability using Flesch-Kincaid, Gunning Fog, and other scoring methods.

HTML Email Builder

Visual drag-and-drop email template builder. Add sections, images, buttons, and export clean HTML code.