Free tool

Open Graph Meta Tag Generator

Generate perfect Open Graph and Twitter Card meta tags for your website. Preview how your links will look when shared on social media.

Open Graph Tags

Twitter Card Tags

Social Media Previews

Facebook

No image provided

example.com

Your Page Title

Your page description will appear here. Add a description to see how it looks in the preview.

Twitter / X

No image provided

Your Page Title

Your page description will appear here. Add a description to see how it looks in the preview.

example.com

LinkedIn

No image provided

Your Page Title

example.com

Generated Meta Tags

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

<meta name="twitter:card" content="summary_large_image" />

Paste these tags inside the <head> section of your HTML document.

What Are Open Graph Tags?

Open Graph (OG) tags are meta tags placed in the HTML <head> of a web page. They were originally created by Facebook in 2010 to control how content appears when shared on the platform. Today, nearly every major platform uses Open Graph tags, including LinkedIn, Slack, Discord, WhatsApp, and iMessage.

When someone shares a URL, the platform's crawler reads these tags to generate a rich preview card with a title, description, image, and link. Without them, platforms fall back to scraping your page content, which usually produces a broken or unappealing result.

Why Open Graph Tags Matter

Social shares with rich preview cards consistently outperform plain text links. Links with properly configured OG tags see higher click-through rates because the preview builds trust and communicates value before the click happens.

For businesses and content creators, OG tags are one of the simplest ways to improve social media performance. A compelling image, clear title, and concise description can be the difference between someone scrolling past your link or clicking through to your site.

Complete OG Tag Reference

Here is a complete list of commonly used Open Graph properties and what they control.

og:title

The title of your page as it should appear in the share preview. Keep it under 60 characters for best results.

og:description

A brief summary of the page content. Aim for 120 to 160 characters. This appears below the title in most previews.

og:image

The URL of the image displayed in the preview card. Use 1200 x 630 pixels for optimal display across all platforms.

og:url

The canonical URL of the page. This is the URL that will be shown in the preview and where clicks will be directed.

og:type

The type of content. Common values: website, article, product, profile. Defaults to "website" if not specified.

og:site_name

The name of your website or brand. Shown alongside the URL in some platform previews.

og:locale

The language and region of the content (e.g., en_US). Defaults to en_US if omitted.

Common Open Graph Mistakes

  • Using images that are too small. Images under 600px wide often get cropped or ignored by platforms. Always use at least 1200 x 630 pixels.
  • Missing og:image tag. Without an image, your share preview will be text-only, which drastically reduces engagement and clicks.
  • Duplicate tags across pages. Every page should have unique OG tags. Reusing the same title and description across your site confuses both users and platforms.
  • Not testing after deployment. Platform crawlers cache OG data aggressively. After updating tags, use each platform's debug tool to force a re-scrape.
  • Relative image URLs. OG image URLs must be absolute (starting with https://). Relative paths will not work.

Frequently Asked Questions

More Free Tools

QR code generator

Generate custom QR codes for URLs, text, emails, phone numbers, and WiFi networks.

vCard generator

Create professional digital contact cards (VCF files) to easily share your contact information.

CSS gradient generator

Build beautiful CSS gradients with a visual editor. Linear, radial, and conic with live preview.

Box shadow generator

Design CSS box shadows visually with multiple layers, presets, and live preview.

Meta description checker

Check meta title and description length with a live Google SERP preview.

Favicon generator

Upload an image and generate favicons in all standard sizes. Free, instant, no signup.

Twitter/X Card Validator

Preview how your content will look when shared on Twitter/X. Validate meta tags instantly.

Slug generator

Convert any text into clean, SEO-friendly URL slugs. Supports bulk conversion and options.

JSON formatter

Format, validate, and minify JSON with syntax highlighting and tree view.

Base64 encoder/decoder

Encode text to Base64 or decode Base64 to text with full UTF-8 support.

Link-in-bio checklist

Interactive 20-item checklist to optimize your link-in-bio page with progress tracking.

Business name generator

Generate unique, brandable business name ideas from your keywords and style preferences.

CTA generator

Generate high-converting call-to-action button text and supporting microcopy.

Headline analyzer

Score your headlines 0 to 100 and get tips to improve click-through rates.

Invoice generator

Create professional invoices for free. Add line items, tax, and notes, then print or save as PDF.

Testimonial formatter

Format customer testimonials into professional cards. 4 styles, copy as HTML or plain text.

Pricing table generator

Build responsive pricing tables for your website. 3 styles, feature lists, and CTA buttons.

Font generator

Convert text into fancy Unicode fonts for Instagram, TikTok, Twitter, and other social media bios.

Character counter

Count characters, words, and sentences with real-time social media platform limits.

Hashtag checker

Check if your Instagram hashtags are banned or restricted before posting.

UTM builder

Build UTM-tagged campaign URLs for Google Analytics tracking.

Image size guide

Every social media image dimension in one place, always up to date.

Engagement rate calculator

Calculate your social media engagement rate for Instagram, TikTok, YouTube, and Twitter/X with benchmarks.

Email signature generator

Create professional HTML email signatures with live preview. Multiple styles, free, no signup.

Color palette generator

Generate harmonious color palettes using color theory. Complementary, analogous, triadic, and more.

Aspect ratio calculator

Calculate image and video aspect ratios instantly. Find the right dimensions for any platform.

Contrast checker

Check color contrast ratios for WCAG AA and AAA compliance. Ensure your text is accessible.

robots.txt generator

Generate a robots.txt file to control search engine and AI crawler access to your website.

Lorem Ipsum generator

Generate placeholder text in paragraphs, sentences, words, or list items. Instant, free.

Markdown to HTML converter

Convert Markdown to clean HTML with a live side-by-side editor. Preview or copy the source.

Word counter

Count words, characters, sentences, and paragraphs. Get readability scores and keyword density.

Instagram Engagement Calculator

Calculate your Instagram engagement rate with benchmarks

TikTok Engagement Calculator

Calculate your TikTok engagement rate with benchmarks

YouTube Engagement Calculator

Calculate your YouTube engagement rate with benchmarks

Twitter/X Engagement Calculator

Calculate your Twitter/X engagement rate with benchmarks

Ready to stand out?

Create your page now. Ready in minutes.

Create your page
Free to try, no credit card required

Trusted by individuals and businesses worldwide