SEO · SOCIAL SHARING · DEVELOPER TOOL

Open Graph Generator

Create perfect Open Graph and Twitter Card meta tags for your website. See a live preview of how your page will appear on social media, then copy the HTML or download a text file.

editPage Details

previewLive Preview

OG Image
example.com
My Awesome Website
A brief description of my awesome website.

codeGenerated Meta Tags

infoWhat are Open Graph tags?

Open Graph meta tags control how your webpage appears when shared on social platforms like Facebook, LinkedIn, Twitter, and Discord. They define the title, description, image, and URL. Without them, platforms guess — often with poor results. Twitter uses its own twitter:card tags, but falls back to OG tags when those are missing.

verified_user

100% Private & Secure: All generation happens locally in your browser. No data is stored or transmitted.

Frequently Asked Questions

Paste the generated code inside the <head> section of your HTML file, before any other meta tags. If you use a CMS like WordPress, you can use plugins like Yoast SEO or Rank Math to add OG tags without editing code.

Facebook caches OG tags for ~48 hours. Use the Facebook Sharing Debugger to clear the cache and force a re‑scrape. Also ensure your image is at least 1200×630 pixels for best results.

Open Graph is the universal standard used by Facebook, LinkedIn, and most platforms. Twitter has its own twitter:card tags for finer control, but if they're missing, Twitter falls back to OG tags. It's best practice to include both.

Explore Other SEO & Dev Tools

search
SERP Checker Pro

Analyze search engine results pages.

Try Tool
link
URL Encoder/Decoder

Encode and decode URLs safely.

Try Tool
lock
.htpasswd Generator

Generate secure password hashes.

Try Tool