Open Graph Tag Generator
Generate OG + Twitter + LinkedIn tags with live preview
✦ Free Forever 🔒 100% Private
📐
OG Image Size1200×630px for all platforms
🔤
TitleKeep under 60 chars
📝
Description140–160 chars ideal
⚡
Live PreviewUpdates as you type
Basic Open Graph Tags
0/60
0/160
Site Information
Twitter / X Card Tags
0/70
0/200
SEO Meta Tags
Robots Directives
Generated robots tag: index, follow
Verification Tags
Quick Fill Templates

Click any template to auto-fill the form. Then customize the values for your page.

Current Page OG Tag Checker DEMO

Enter any URL to see what OG tags it currently has. Due to browser security (CORS), this shows a realistic demo of the analysis format.

0
OG Score
Fill in the form to see your score
Facebook / LinkedIn Preview
1200 × 630 recommended
YOURSITE.COM
Your page title will appear here
Your Open Graph description appears here when shared on Facebook or LinkedIn.
Twitter / X Preview
Twitter image
Your Twitter Card Title
Twitter card description appears here when your URL is shared.
yoursite.com
LinkedIn Preview
LinkedIn image
Your page title will appear here
yoursite.com
🔒
Your data never leaves your browser
All processing is 100% client-side. Zero uploads, zero tracking.
No Uploads No Storage No Tracking Browser Only
Generated HTML — Ready to paste in <head>
Live Output
<!-- Fill in the form above to generate your Open Graph tags -->
✓ Done!
\n`; dlFile(full,'og-tags-rankerstools.html','text/html'); }; window.rtogDownloadTXT = function(){ dlFile(window._rtCode||'','og-tags-rankerstools.txt','text/plain'); }; function dlFile(content,name,type){ const a=document.createElement('a'); a.href=URL.createObjectURL(new Blob([content],{type})); a.download=name; a.click(); rtogToast('File downloaded! ⬇'); }// ── RESET ── window.rtogReset = function(){ ['og-title','og-desc','og-url','og-image','og-img-w','og-img-h','og-img-alt', 'og-sitename','og-locale-alt','og-fb-app', 'art-pub','art-mod','art-author','art-section','art-tags','art-exp', 'tw-title','tw-desc','tw-image','tw-img-alt','tw-site','tw-creator', 'ex-canonical','ex-author','ex-keywords','ex-theme', 'ver-google','ver-bing','ver-pin','ver-yandex' ].forEach(id=>{ const el=g(id); if(el) el.value=''; }); ['og-type','og-locale','tw-card','ex-robots'].forEach(id=>{ const el=g(id); if(el) el.selectedIndex=0; }); ['noarchive','nosnippet','noimageindex','nocache','unavailable'].forEach(k=>{ const el=g('rb-'+k); if(el) el.checked=false; }); rtogToggleArticle(); rtogUpdate(); rtogToast('Form reset! ↺'); };// ── TEMPLATES ── const TEMPLATES = { blog:{title:'How to [Do Something]: Complete Guide 2025',desc:'Learn how to [do something] with our step-by-step guide. Discover expert tips and proven strategies to achieve results faster.',url:'https://yoursite.com/blog/post-title',img:'https://yoursite.com/images/blog-post-og.jpg',site:'YourBlog',type:'article'}, product:{title:'[Product Name] — [Key Benefit] | YourBrand',desc:'Shop [Product Name] at the best price. Fast shipping, 30-day returns, trusted by 50,000+ customers worldwide.',url:'https://yoursite.com/products/product-name',img:'https://yoursite.com/images/product-og.jpg',site:'YourStore',type:'product'}, saas:{title:'[AppName] — [Primary Benefit] for [Audience]',desc:'[AppName] helps [audience] achieve [goal] without [pain point]. Start your free trial today — no credit card required.',url:'https://yourapp.com',img:'https://yourapp.com/og-cover.jpg',site:'YourApp',type:'website'}, service:{title:'[Service] in [City] — Professional & Trusted',desc:'Professional [service] in [city]. Trusted by 500+ local clients. Licensed, insured. Get a free quote today.',url:'https://yourbusiness.com/services',img:'https://yourbusiness.com/og-service.jpg',site:'YourBusiness',type:'website'}, ecommerce:{title:'[Product] | Shop [Category] Online — [Brand]',desc:'Find the best [products] at [BrandName]. Wide selection, competitive prices, fast delivery. Shop [category] online today.',url:'https://yourshop.com/category/product',img:'https://yourshop.com/og-shop.jpg',site:'YourShop',type:'product'}, agency:{title:'[AgencyName] — Digital Marketing Agency',desc:'Results-driven digital marketing. We help businesses grow with SEO, PPC, and web design. Get a free strategy session today.',url:'https://youragency.com',img:'https://youragency.com/og-agency.jpg',site:'YourAgency',type:'website'}, news:{title:'[Headline]: What You Need to Know',desc:'[Summary of news story]. Get the latest updates, expert analysis, and key facts about [topic] from [Publication].',url:'https://yournews.com/articles/story-slug',img:'https://yournews.com/og-news.jpg',site:'YourNews',type:'article'}, portfolio:{title:'[Your Name] — [Role] | Portfolio',desc:'[Your Name] is a [role] specializing in [skills]. View case studies, projects, and client work. Available for hire.',url:'https://yourname.com',img:'https://yourname.com/og-portfolio.jpg',site:'Your Portfolio',type:'website'}, };window.rtogTpl = function(key){ const t = TEMPLATES[key]; if(!t) return; g('og-title').value=t.title; g('og-desc').value=t.desc; g('og-url').value=t.url; g('og-image').value=t.img; g('og-sitename').value=t.site; g('og-type').value=t.type; g('tw-card').value='summary_large_image'; rtogToggleArticle(); rtogUpdate(); rtogToast('Template loaded! Customize the values. ✓'); rtogTab('og', document.querySelector('#rtogt .tab-btn')); document.querySelector('#rtogt .tab-btn').classList.add('active'); };// ── ANALYZER ── window.rtogAnalyze = function(){ const url = val('ana-url'); if(!url){ rtogToast('Please enter a URL first'); return; } const res = g('ana-result'); res.innerHTML = `
Analyzing ${url}...
`; setTimeout(()=>{ const domain = getDomain(url); const rows = [ {name:'og:title',val:`Example Page Title — ${domain}`,status:'✅',note:'Set correctly'}, {name:'og:description',val:'Missing',status:'❌',note:'Add a meta description (140–160 chars)'}, {name:'og:url',val:url,status:'✅',note:'Canonical URL set'}, {name:'og:image',val:'Missing',status:'⚠️',note:'Add OG image (1200×630px)'}, {name:'og:type',val:'website',status:'✅',note:'Good'}, {name:'og:site_name',val:'Missing',status:'⚠️',note:'Add your site name'}, {name:'twitter:card',val:'Missing',status:'❌',note:'Add Twitter card tags'}, {name:'twitter:image',val:'Missing',status:'❌',note:'Add Twitter image for better sharing'}, ]; res.innerHTML = rows.map(r=>`
${r.name}
${esc(r.val)}
${r.note}
${r.status}
`).join('') +`
⚡ Live URL fetching requires a server-side proxy (CORS). This shows a demo of the analysis format. For production, use a backend fetch or a browser extension.
`; }, 1200); };// ── TOAST ── function rtogToast(msg){ const t=g('rt-toast'); const m=g('rt-toast-msg'); if(!t||!m) return; m.textContent=msg; t.classList.add('show'); clearTimeout(t._timer); t._timer=setTimeout(()=>t.classList.remove('show'),2800); }// ── INIT ── rtogUpdate();})();
📤 Free SEO Tool — No Sign-Up Required

Free Open Graph Generator
Control How Your Links Look on Social Media

Generate perfect Open Graph meta tags in seconds. Control the title, image, and description that appear when your pages are shared on Facebook, LinkedIn, WhatsApp, and more — no coding required, completely free.

✅ 100% Free Forever
⚡ Real-Time Preview
🔒 No Account Needed
📱 All Platforms Covered
🎯 Boosts Social CTR
📤 Generate OG Tags Free → See How It Works ↓
⚡
Instant Code Output
🔒
No Data Stored
👁️
Live Preview Included
✅
Error-Free HTML Output
🆓
Always Free, No Limits
The Basics

What Are Open Graph Meta Tags?

Open Graph tags are HTML meta tags that live inside your page's <head> section. When someone shares your link on Facebook, LinkedIn, WhatsApp, or Slack, the platform reads these tags to build the preview card — the image, title, and description that appears in the feed.

Without OG tags, social platforms guess what to display — often picking a random logo, a navigation icon, or a truncated URL. The result looks unprofessional and gets scrolled past. With properly configured Open Graph tags, you control exactly how every shared link represents your content.

  • ✓Control your social preview — choose the exact image, title, and description that appears
  • ✓Boost click-through rate — optimized OG previews drive up to 12% more clicks from social shares
  • ✓Works on every platform — Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram, iMessage
  • ✓One setup, all channels — a single set of OG tags covers every platform simultaneously
  • ✓Builds brand credibility — consistent, professional previews signal quality before anyone clicks
👤
Sarah Johnson
2 minutes ago · 🌐 Public
Just found this amazing free SEO tool — highly recommend checking it out! 🚀
📤
rankerstools.com
Free Open Graph Generator — Create OG Tags Instantly
Control how your links appear on social media. Generate perfect OG meta tags in seconds — no coding, no sign-up required.
❌ Without OG Tags: Random image, broken preview
✅ With OG Tags: Perfect preview every time
📈
+12% More Clicks
With optimized OG tags
🎯
Live Preview
See results before copying
✅ Works perfectly on all these platforms
📘 Facebook
💼 LinkedIn
🐦 Twitter / X
💬 WhatsApp
🎮 Discord
💬 Slack
✈️ Telegram
💬 iMessage
Why It Matters

Three Reasons Open Graph Tags Are Essential

Every link shared without OG tags is a missed opportunity. Here is what proper implementation gives you.

📈
Higher Click-Through Rate

Pages with optimized Open Graph tags consistently earn more clicks from social shares. A large, relevant image paired with a compelling title and description gives people a clear, visual reason to stop scrolling and click — something a text-only or thumbnail preview cannot match.

🎨
Complete Brand Control

Without OG tags, platforms choose your preview image and text algorithmically — and the results are often wrong. OG tags give you full creative control: you select the image, write the headline, craft the description. Every shared link becomes a consistent, intentional brand touchpoint across every social channel.

🤖
Better AI Search Visibility

In 2025, AI-powered search systems including Google's AI Overviews and ChatGPT's browsing features increasingly read OG metadata to quickly understand what a page covers. Your og:title and og:description provide instant, author-defined context — helping these systems represent your content accurately in AI-generated answers and summaries.

Tags Reference

Open Graph Meta Tags Explained

Each OG tag serves a specific purpose. RankersTools generates all of them automatically — here is what each one does.

og:title
Page Headline in Social Preview

The headline displayed in your social preview card. Write it to earn a click, not just label the page. Keep it under 60 characters to avoid truncation. Your OG title can differ from your SEO title — use this space for social engagement, not keyword targeting.

og:description
Supporting Text Beneath the Title

The short text that appears below your title in the preview card. Aim for 120–160 characters. Avoid repeating the title — use this space to add a specific benefit, a key stat, or a compelling reason to click that the title did not have room to include.

og:image
The Visual That Drives Clicks

The single most impactful OG tag for CTR. Use an image of at least 1200×630 pixels at a 1.91:1 ratio for optimal display across all platforms. Use an absolute URL pointing to a stable, public image file. Keep file size under 300KB — WhatsApp refuses to load larger OG images regardless of correct formatting.

og:url
Canonical URL for the Page

Tells social platforms the authoritative URL for this page. Platforms use this value to consolidate likes, shares, and comments across URL variations. Always use your canonical version — with https:// and without trailing parameters — so engagement data aggregates correctly under one URL.

og:type
Content Type Classification

Tells platforms what kind of content the page contains. Common values: website for general pages, article for blog posts (enables published date and author tags on LinkedIn), product for ecommerce pages. Setting the correct type unlocks platform-specific preview behaviors.

og:site_name
Your Brand Name in the Preview

Displays your website or brand name as a secondary label in Facebook and LinkedIn previews. This reinforces brand recognition and clarifies which site the link comes from — especially useful when your content is shared in contexts where the domain name alone might not be immediately recognizable.

12%
More Clicks from Social Shares
8+
Platforms Covered
<2min
Setup Time per Page
100%
Free, No Limits Ever
Step-by-Step

How to Generate Open Graph Tags in 5 Steps

No coding knowledge required. The entire process takes under two minutes per page.

1
Enter Your Page Title

Type the headline you want to appear in the social preview card. This can be different from your HTML title tag — and often should be. Your SEO title is optimized for search engines; your OG title is written to earn a click from someone scrolling a social feed. Keep it under 60 characters.

✍️ Tip: Lead with the most compelling benefit
2
Write Your Social Description

Add a short description of 120–160 characters that gives readers a specific reason to click. Descriptions that state a clear benefit, ask a question, or open with "how to" language consistently outperform descriptions that simply summarize the page. This is your one-sentence pitch to a cold audience.

📝 Target: 120–160 characters for best display
3
Add Your Image URL

Paste the full URL of the image you want displayed in the preview. The image must be publicly accessible — not a local path or relative link. Use a dedicated OG image for best results rather than repurposing an inline content image.

📐 Size: 1200 × 630 px
📏 Ratio: 1.91:1
📁 Format: JPG or PNG
⚖️ Max size: 300KB
4
Enter Your Page URL and Content Type

Paste the full canonical URL of the page — exactly as it appears in your browser's address bar, with https:// and without any tracking parameters. Select the appropriate content type: website for general pages, article for blog posts, or product for ecommerce pages.

🔗 Always use your canonical URL — no parameters
5
Copy the Generated Code and Add to Your Page

Click Generate to instantly produce your complete OG tag block. Check the live preview — if anything looks off, adjust and the preview updates immediately. Then click Copy and paste the HTML directly into your page's <head> section before the closing </head> tag. For WordPress, paste into Yoast SEO or RankMath's Social settings panel instead.

✅ One copy-paste step — code is ready to deploy immediately
💡

After adding your tags: Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a fresh scrape and confirm your preview looks exactly as intended. Social platforms cache link previews, so testing after deployment is an important final step.

Who Benefits

Who Should Use This Tool?

Anyone who shares content online and wants those shared links to look professional and earn more clicks.

✍️
Bloggers & Content Creators

Every post deserves a compelling OG setup before it goes live. Generate title, description, and image tags for each article in under two minutes — no code editor needed.

🛒
Ecommerce Store Owners

Product pages shared on social media live or die by their preview image. A correctly sized product photo with a clear title converts social shares into product page visits far more effectively than auto-generated previews.

📊
SEO Professionals & Agencies

Generating correct OG tags for pages with missing or broken implementations is a routine audit task. RankersTools speeds up this process significantly — enter page details, copy the code, move to the next page.

🏢
Small Business Owners

Missing OG tags make a business look unpolished to potential customers evaluating credibility. RankersTools gives non-technical owners a straightforward way to ensure every shared link looks intentional and professional.

💻
Developers & Web Designers

Generate deployment-ready OG tag code for any HTML template, CMS theme, or static site generator. Use the live preview to show clients exactly how their shared links will look before the site goes live.

🎯
Digital Marketers

For campaigns where social sharing drives traffic, optimized OG tags are a direct conversion lever. Better previews mean higher CTR from every organic and paid share — with no additional publishing or advertising spend required.

FAQ

Frequently Asked Questions

Quick answers to the most common questions about Open Graph tags and this tool.

Not directly — Google's ranking algorithm uses your HTML title tag and meta description, not your OG tags, for organic search. However, the indirect SEO impact is meaningful: better OG previews drive higher CTR from social shares, which increases referral traffic and engagement signals that indirectly support rankings over time. In 2025, AI-powered search systems also increasingly read OG metadata to understand page content — making correct implementation an indirect factor in AI search visibility.
Yes — and it often should be. Your HTML title tag is optimized for search engine relevance and keyword targeting. Your og:title is written to earn a click from someone scrolling a social media feed. These are different audiences with different contexts, and tailoring the headline to each one is a smart strategy. RankersTools lets you enter the OG title independently of your page's existing SEO title.
Use an image of at least 1200×630 pixels with a 1.91:1 aspect ratio for optimal display across Facebook, LinkedIn, and Twitter. Keep the file size under 300KB — WhatsApp specifically refuses to load OG images larger than this threshold regardless of how correctly the tag is formatted. Use JPG or PNG format and host the image at a stable, publicly accessible URL.
Yes. The generated Open Graph tags are recognized by Facebook, LinkedIn, Twitter/X, WhatsApp, Slack, Discord, Telegram, and iMessage — any platform that reads the Open Graph protocol when building link previews. Twitter/X has its own twitter:card tags, but it falls back to reading OG tags when Twitter-specific tags are absent, so standard OG implementation covers Twitter as well.
For WordPress sites using Yoast SEO or RankMath, use the generated title and description text in the Social section of each post or page's settings panel — these plugins handle the tag output automatically. For sites without an SEO plugin, paste the complete generated HTML code into your theme's header.php file within the head section, or use your theme's custom HTML header field in the Customizer.
Yes — 100% free with no usage limits, no premium features behind a paywall, and no account required. Generate Open Graph tags for as many pages as you need, as often as you need. There are no restrictions of any kind. RankersTools is built on the belief that professional-grade SEO tools should be accessible to everyone at no cost.
🚀 Free — No Sign-Up Needed

Make Every Shared Link Work for You

Every page on your website that gets shared on social media is either building your brand or quietly losing attention. Optimized Open Graph tags fix that — in under two minutes, completely free, with no coding required.

📤 Generate OG Tags Free → View All Free Tools →
Scroll to Top