ModernCalcs

Open Graph Tag Generator

Build og: meta tags with a live preview of how the link card looks on Facebook, LinkedIn, and Slack.

moderncalcs.com
SIP Calculator India - Systematic Investment Plan Returns
Estimate your future wealth from monthly mutual fund investments with our free SIP calculator.
<meta property="og:title" content="SIP Calculator India - Systematic Investment Plan Returns">
<meta property="og:description" content="Estimate your future wealth from monthly mutual fund investments with our free SIP calculator.">
<meta property="og:image" content="https://moderncalcs.com/og-image.png">
<meta property="og:url" content="https://moderncalcs.com/finance/sip-calculator">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ModernCalcs">
<meta property="og:locale" content="en_US">

Open Graph Tag Generator: Control How Your Links Look When Shared

When a link gets pasted into Facebook, LinkedIn, or Slack, the resulting card — image, title, description — isn't guessed from the page content. It's read directly from a handful of og: meta tags in the page's head. This generator builds those tags and shows a live preview of the resulting card, so you're not guessing how a share will actually look.

Formula
og:title + og:description + og:image + og:url + og:type

og:image should be roughly 1200x630px (1.91:1 aspect ratio) for the sharpest rendering.

Why Social Cards Don't Just Use Your Page's Title

Without Open Graph tags, most platforms fall back to scraping a page's and the first image they can find, which often produces a poor result — a logo instead of relevant content, or a truncated title. Explicit og: tags let you control exactly what shows up, independent of what the page visually looks like.</p></div><div class="space-y-4"><h3 class="text-xl font-semibold text-foreground border-l-4 border-primary pl-4">Choosing the Right og:type</h3><p class="text-sm leading-relaxed">website is the safe default for most pages. article unlocks additional Open Graph article-specific tags (author, publish date, section) that some platforms use to render richer previews for blog content. Getting the type right matters more for platforms that build specialized UI around specific content types than for the basic link-card rendering most services use.</p></div><div class="space-y-4"><h3 class="text-xl font-semibold text-foreground border-l-4 border-primary pl-4">og:url and Share Analytics</h3><p class="text-sm leading-relaxed">Setting og:url to the canonical version of the page (not whatever URL variant was actually shared, tracking parameters included) ensures share counts and social analytics consolidate onto one URL instead of fragmenting across every tracked variant of the same link.</p></div></div><div class="space-y-6"><h3 class="text-2xl font-bold text-foreground">Practical Examples</h3><div class="grid gap-6 sm:grid-cols-2"><div class="p-6 rounded-2xl bg-muted/20 border border-muted/50 space-y-3"><h3 class="font-semibold text-foreground">Sharing a Blog Post</h3><p class="text-sm">Article-type content with a featured image.</p><ul class="text-xs space-y-2 text-muted-foreground mt-3"><li class="flex gap-2"><span class="text-primary font-bold">1<!-- -->.</span><span>og:type: article</span></li><li class="flex gap-2"><span class="text-primary font-bold">2<!-- -->.</span><span>og:image: 1200x630 featured image</span></li><li class="flex gap-2"><span class="text-primary font-bold">3<!-- -->.</span><span>og:title: matches the post's headline</span></li></ul></div><div class="p-6 rounded-2xl bg-muted/20 border border-muted/50 space-y-3"><h3 class="font-semibold text-foreground">Sharing a Tool Page</h3><p class="text-sm">Standard website-type sharing.</p><ul class="text-xs space-y-2 text-muted-foreground mt-3"><li class="flex gap-2"><span class="text-primary font-bold">1<!-- -->.</span><span>og:type: website</span></li><li class="flex gap-2"><span class="text-primary font-bold">2<!-- -->.</span><span>og:title: tool name + tagline</span></li><li class="flex gap-2"><span class="text-primary font-bold">3<!-- -->.</span><span>og:description: what the tool does in one sentence</span></li></ul></div></div></div><div class="grid gap-12 sm:grid-cols-2"><div class="space-y-4"><h3 class="text-xl font-semibold text-foreground">Core Open Graph Tags</h3><ul class="text-sm space-y-3"><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:title</strong>: headline shown in the card</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:description</strong>: supporting text</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:image</strong>: the preview thumbnail</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:url</strong>: canonical URL for share analytics</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:type</strong>: website, article, product, etc.</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span><strong>og:site_name</strong>: your brand name</span></li></ul></div><div class="space-y-4"><h3 class="text-xl font-semibold text-foreground">Testing Your Tags After Deploying</h3><ul class="text-sm space-y-3"><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span>Facebook's Sharing Debugger to force a re-scrape</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span>LinkedIn's Post Inspector</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span>Pasting the link into a private Slack channel to preview it</span></li><li class="flex gap-3"><span class="h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0"></span><span>Twitter/X's Card Validator for twitter: tags specifically</span></li></ul></div></div><div class="space-y-8 bg-muted/10 rounded-3xl p-8 border border-muted"><h3 class="text-2xl font-bold text-foreground">Frequently Asked Questions</h3><div class="grid gap-6 md:grid-cols-2"><div class="space-y-2"><h3 class="font-medium text-foreground text-base">What is Open Graph?</h3><p class="text-sm">A protocol (originally created by Facebook) that lets any webpage become a rich object in a social graph — the og: meta tags in a page's head tell platforms like Facebook, LinkedIn, and Slack what title, description, and image to show when the link is shared.</p></div><div class="space-y-2"><h3 class="font-medium text-foreground text-base">What size should og:image be?</h3><p class="text-sm">1200x630 pixels is the widely recommended size — it matches a roughly 1.91:1 aspect ratio that renders sharply on Facebook, LinkedIn, and most other platforms without being cropped awkwardly.</p></div><div class="space-y-2"><h3 class="font-medium text-foreground text-base">Do I need both Open Graph and Twitter Card tags?</h3><p class="text-sm">Yes, for full coverage — Twitter/X primarily reads its own twitter: tags, though it falls back to og: tags if Twitter-specific ones are missing. Most sites include both to be safe and to fine-tune how the card looks on each platform.</p></div><div class="space-y-2"><h3 class="font-medium text-foreground text-base">Why does og:url matter?</h3><p class="text-sm">It tells the platform the canonical URL to associate with the shared content, which matters for share counts and analytics — without it, a platform might use whatever URL was actually shared, including tracking parameters, fragmenting engagement metrics across variants.</p></div><div class="space-y-2"><h3 class="font-medium text-foreground text-base">What are the valid og:type values?</h3><p class="text-sm">website is the default and most common. article is for blog posts and news content (and unlocks additional article: tags like published time). product, profile, video.*, and music.* are used for more specific content types on platforms that support the full Open Graph vocabulary.</p></div><div class="space-y-2"><h3 class="font-medium text-foreground text-base">Why doesn't the preview image load sometimes?</h3><p class="text-sm">The preview fetches the image URL directly in your browser. If the URL is wrong, the image doesn't allow cross-origin loading, or it requires authentication, the preview will show a blank placeholder instead — worth testing the actual URL in a new tab if that happens.</p></div></div></div></article><section class="max-w-4xl mx-auto px-4 py-12 border-t border-muted"><div class="flex items-center justify-between mb-8"><h2 class="text-2xl font-bold text-foreground">Related Tools</h2><a class="text-sm font-medium text-primary hover:underline flex items-center gap-1" href="/developer">View all <!-- -->developer<!-- --> tools <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid gap-4 sm:grid-cols-2"><a class="group" href="/developer/json-formatter"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden"><div data-slot="card-content" class="group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between"><div class="space-y-1"><h3 class="font-semibold text-foreground group-hover:text-primary transition-colors">JSON Formatter</h3><p class="text-xs text-muted-foreground line-clamp-1">Clean and validate JSON data.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a class="group" href="/developer/jwt-decoder"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden"><div data-slot="card-content" class="group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between"><div class="space-y-1"><h3 class="font-semibold text-foreground group-hover:text-primary transition-colors">JWT Decoder</h3><p class="text-xs text-muted-foreground line-clamp-1">Inspect JSON Web Tokens.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a class="group" href="/developer/base64-tool"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden"><div data-slot="card-content" class="group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between"><div class="space-y-1"><h3 class="font-semibold text-foreground group-hover:text-primary transition-colors">Base64 Tool</h3><p class="text-xs text-muted-foreground line-clamp-1">Encode or decode Base64 data.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a class="group" href="/developer/sql-formatter"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden"><div data-slot="card-content" class="group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between"><div class="space-y-1"><h3 class="font-semibold text-foreground group-hover:text-primary transition-colors">SQL Formatter</h3><p class="text-xs text-muted-foreground line-clamp-1">Beautify your SQL queries.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div></section></div></div><!--$--><!--/$--></main><footer class="border-t bg-muted/5"><div class="w-full max-w-7xl mx-auto px-4 md:px-6 lg:px-8 py-8 md:py-10"><div class="grid grid-cols-2 md:grid-cols-5 gap-6 md:gap-8"><div class="col-span-2 md:col-span-1 space-y-4"><a class="flex items-center gap-2" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-5 w-5 text-primary" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg><span class="text-lg font-bold tracking-tight">ModernCalcs</span></a><p class="text-muted-foreground text-xs leading-relaxed max-w-xs">Professional, privacy-first utility platform. All calculations happen locally on your device for total data sovereignty.</p><div class="flex flex-wrap gap-2 pt-1"><span class="text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground">🔒 No Data Collected</span><span class="text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground">⚡ 500+ Tools</span><span class="text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground">🇮🇳 India-First</span></div></div><div class="space-y-3"><h4 class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70">Calculators</h4><ul class="flex flex-col gap-2 text-xs text-muted-foreground font-medium"><li><a class="hover:text-primary transition-colors" href="/finance">Finance</a></li><li><a class="hover:text-primary transition-colors" href="/health">Health</a></li><li><a class="hover:text-primary transition-colors" href="/developer">Developer</a></li><li><a class="hover:text-primary transition-colors" href="/saas">SaaS</a></li><li><a class="hover:text-primary transition-colors" href="/ai-writer">AI Writer</a></li></ul></div><div class="space-y-3"><h4 class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70">Tools</h4><ul class="flex flex-col gap-2 text-xs text-muted-foreground font-medium"><li><a class="hover:text-primary transition-colors" href="/utilities">Utilities</a></li><li><a class="hover:text-primary transition-colors" href="/interior">Interior</a></li><li><a class="hover:text-primary transition-colors" href="/images">Images</a></li><li><a class="hover:text-primary transition-colors" href="/pdf">PDF</a></li><li><a class="hover:text-primary transition-colors" href="/utilities/writing">Writing</a></li></ul></div><div class="space-y-3"><h4 class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70">Resources</h4><ul class="flex flex-col gap-2 text-xs text-muted-foreground font-medium"><li><a class="hover:text-primary transition-colors" href="/guides">Guides</a></li><li><a class="hover:text-primary transition-colors" href="/comparisons">Comparisons</a></li><li><a class="hover:text-primary transition-colors" href="/workflows">Workflows</a></li><li><a class="hover:text-primary transition-colors" href="/">Home</a></li></ul></div><div class="space-y-3"><h4 class="text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70">Company</h4><ul class="flex flex-col gap-2 text-xs text-muted-foreground font-medium"><li><a class="hover:text-primary transition-colors" href="/contact">Contact</a></li><li><a class="hover:text-primary transition-colors" href="/privacy-policy">Privacy</a></li><li><a class="hover:text-primary transition-colors" href="/terms-of-service">Terms</a></li><li><a href="https://github.com/ModernCalcs/moderncalcs" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors inline-flex items-center gap-1.5"><svg class="h-3.5 w-3.5 fill-current" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.867 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.579.688.481C19.137 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z"></path></svg>GitHub</a></li></ul></div></div><div class="mt-8 pt-6 border-t flex flex-col sm:flex-row justify-between items-center gap-4 text-[10px] font-bold uppercase tracking-[0.15em] text-muted-foreground"><div class="flex items-center gap-4"><span>© 2026 ModernCalcs</span><span class="hidden sm:inline">•</span><span>Local Processing Only</span></div><div><span>All calculations run locally on your device</span></div></div></div></footer><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/0ae9w-nr5ni~n.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[479520,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"\"]\n3:I[311093,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"SettingsProvider\"]\n4:I[798742,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"RouteTracker\"]\n5:I[403265,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"Navbar\"]\n6:I[339756,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"default\"]\n7:I[758298,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"/_next/static/chunks/0b6px5a75tg2i.js\"],\"default\"]\n8:I[837457,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"default\"]\n9:I[505014,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"/_next/static/chunks/0wpwl9bbucxrq.js\"],\"default\"]\na:I[522016,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"/_next/static/chunks/0wpwl9bbucxrq.js\"],\"\"]\n15:I[168027,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/06lp.2bmnl7.y.css\",\"style\"]\n:HL[\"/_next/static/chunks/068-1krhxw-0y.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.08e28id.o-okb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"developer\",\"open-graph-generator\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"developer\",{\"children\":[\"open-graph-generator\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/06lp.2bmnl7.y.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/068-1krhxw-0y.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/15h-tboov_qbg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0appppv0acqjl.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en-IN\",\"className\":\"geist_85cf2eac-module__7jEzba__variable geist_mono_1bf8cbf6-module__FlyLvG__variable h-full antialiased\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-background\",\"children\":[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-FYTQG9FK96\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"lazyOnload\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-FYTQG9FK96', {\\n page_path: window.location.pathname });\\n \"}],[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$7\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0b6px5a75tg2i.js\",\"async\":true}]],\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"w-full px-4 md:px-6 lg:px-8 py-24 flex flex-col items-center text-center gap-8 max-w-2xl mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-16 h-16 bg-primary/10 rounded-2xl flex items-center justify-center\",\"children\":[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"rect\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\",\"key\":\"1nb95v\"}],[\"line\",{\"x1\":\"8\",\"x2\":\"16\",\"y1\":\"6\",\"y2\":\"6\",\"key\":\"x4nwl0\"}],[\"line\",{\"x1\":\"16\",\"x2\":\"16\",\"y1\":\"14\",\"y2\":\"18\",\"key\":\"wjye3r\"}],[\"path\",{\"d\":\"M16 10h.01\",\"key\":\"1m94wz\"}],[\"path\",{\"d\":\"M12 10h.01\",\"key\":\"1nrarc\"}],[\"path\",{\"d\":\"M8 10h.01\",\"key\":\"19clt8\"}],[\"path\",{\"d\":\"M12 14h.01\",\"key\":\"1etili\"}],[\"path\",{\"d\":\"M8 14h.01\",\"key\":\"6423bh\"}],[\"path\",{\"d\":\"M12 18h.01\",\"key\":\"mhygvu\"}],[\"path\",{\"d\":\"M8 18h.01\",\"key\":\"lrp35t\"}]],\"className\":\"lucide-calculator w-8 h-8 text-primary\"}]}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold uppercase tracking-widest text-muted-foreground\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold tracking-tight\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-lg max-w-md mx-auto\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-3\",\"children\":[[\"$\",\"$La\",null,{\"href\":\"/\",\"className\":\"group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 h-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 rounded-full gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house w-4 h-4\"}],\"Go to Homepage\"]}],\"$Lb\"]}],\"$Lc\"]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$Ld\"]}],\"$Le\",\"$Lf\"]}]}]]}],{\"children\":[\"$L10\",{\"children\":[\"$L11\",{\"children\":[\"$L12\",{},null,false,null]},null,false,\"$@13\"]},null,false,\"$@13\"]},null,false,null],\"$L14\",false]],\"m\":\"$undefined\",\"G\":[\"$15\",[\"$L16\",\"$L17\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"AkQQqj_vHRXK_tYUcPIov\"}\n"])</script><script>self.__next_f.push([1,"1d:I[443880,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"Analytics\"]\n1e:I[957215,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"SpeedInsights\"]\n26:I[897367,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"ViewportBoundary\"]\n28:I[897367,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"MetadataBoundary\"]\n29:\"$Sreact.suspense\"\nb:[\"$\",\"$La\",null,{\"href\":\"/finance\",\"className\":\"group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 rounded-full gap-2\",\"children\":[\"Finance Hub \",[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right w-4 h-4\"}]]}]\nc:[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 sm:grid-cols-4 gap-3 w-full pt-4 border-t border-border/40\",\"children\":[[\"$\",\"$La\",\"/finance\",{\"href\":\"/finance\",\"className\":\"p-3 rounded-xl border border-border bg-muted/20 hover:bg-muted/50 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\",\"children\":\"Finance\"}],[\"$\",\"$La\",\"/health\",{\"href\":\"/health\",\"className\":\"p-3 rounded-xl border border-border bg-muted/20 hover:bg-muted/50 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\",\"children\":\"Health\"}],[\"$\",\"$La\",\"/developer\",{\"href\":\"/developer\",\"className\":\"p-3 rounded-xl border border-border bg-muted/20 hover:bg-muted/50 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\",\"children\":\"Developer\"}],[\"$\",\"$La\",\"/utilities\",{\"href\":\"/utilities\",\"className\":\"p-3 rounded-xl border border-border bg-muted/20 hover:bg-muted/50 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\",\"children\":\"Utilities\"}]]}]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"footer\",null,{\"className\":\"border-t bg-muted/5\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-7xl mx-auto px-4 md:px-6 lg:px-8 py-8 md:py-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 md:grid-cols-5 gap-6 md:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-2 md:col-span-1 space-y-4\",\"children\":[[\"$\",\"$La\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:props:children:2:props:children:2:props:children:props:notFound:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-calculator h-5 w-5 text-primary\"}],[\"$\",\"span\",null,{\"className\":\"text-lg font-bold tracking-tight\",\"children\":\"ModernCalcs\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-xs leading-relaxed max-w-xs\",\"children\":\"Professional, privacy-first utility platform. All calculations happen locally on your device for total data sovereignty.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2 pt-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground\",\"children\":\"🔒 No Data Collected\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground\",\"children\":\"⚡ 500+ Tools\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] font-semibold border rounded-full px-2.5 py-1 text-muted-foreground\",\"children\":\"🇮🇳 India-First\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70\",\"children\":\"Calculators\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2 text-xs text-muted-foreground font-medium\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/finance\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Finance\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/health\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Health\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/developer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Developer\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/saas\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"SaaS\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/ai-writer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"AI Writer\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70\",\"children\":\"Tools\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2 text-xs text-muted-foreground font-medium\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/utilities\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Utilities\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/interior\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Interior\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/images\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Images\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/pdf\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"PDF\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/utilities/writing\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Writing\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2 text-xs text-muted-foreground font-medium\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/guides\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Guides\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/comparisons\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Comparisons\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/workflows\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Workflows\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Home\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[10px] font-bold uppercase tracking-[0.2em] text-primary/70\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2 text-xs text-muted-foreground font-medium\",\"children\":[[\"$\",\"li\",null,{\"children\":\"$L18\"}],\"$L19\",\"$L1a\",\"$L1b\"]}]]}]]}],\"$L1c\"]}]}]\n"])</script><script>self.__next_f.push([1,"e:[\"$\",\"$L1d\",null,{}]\nf:[\"$\",\"$L1e\",null,{}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n1f:T8bd,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is Open Graph?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A protocol (originally created by Facebook) that lets any webpage become a rich object in a social graph — the og: meta tags in a page's head tell platforms like Facebook, LinkedIn, and Slack what title, description, and image to show when the link is shared.\"}},{\"@type\":\"Question\",\"name\":\"What size should og:image be?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"1200x630 pixels is the widely recommended size — it matches a roughly 1.91:1 aspect ratio that renders sharply on Facebook, LinkedIn, and most other platforms without being cropped awkwardly.\"}},{\"@type\":\"Question\",\"name\":\"Do I need both Open Graph and Twitter Card tags?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, for full coverage — Twitter/X primarily reads its own twitter: tags, though it falls back to og: tags if Twitter-specific ones are missing. Most sites include both to be safe and to fine-tune how the card looks on each platform.\"}},{\"@type\":\"Question\",\"name\":\"Why does og:url matter?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It tells the platform the canonical URL to associate with the shared content, which matters for share counts and analytics — without it, a platform might use whatever URL was actually shared, including tracking parameters, fragmenting engagement metrics across variants.\"}},{\"@type\":\"Question\",\"name\":\"What are the valid og:type values?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"website is the default and most common. article is for blog posts and news content (and unlocks additional article: tags like published time). product, profile, video.*, and music.* are used for more specific content types on platforms that support the full Open Graph vocabulary.\"}},{\"@type\":\"Question\",\"name\":\"Why doesn't the preview image load sometimes?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The preview fetches the image URL directly in your browser. If the URL is wrong, the image doesn't allow cross-origin loading, or it requires authentication, the preview will show a blank placeholder instead — worth testing the actual URL in a new tab if that happens.\"}}]}"])</script><script>self.__next_f.push([1,"12:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-0\",\"children\":[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Open Graph Tag Generator\\\",\\\"description\\\":\\\"Build og: meta tags with a live preview of how the link card looks on Facebook, LinkedIn, and Slack.\\\",\\\"url\\\":\\\"https://moderncalcs.com/developer/open-graph-generator\\\",\\\"operatingSystem\\\":\\\"Any\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"INR\\\"}}\"}}],[\"$\",\"script\",\"1\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1f\"}}]],[\"$\",\"div\",null,{\"className\":\"w-full max-w-7xl mx-auto px-4 md:px-6 lg:px-8 pt-4 md:pt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-4 border-b border-border/20 pb-4 mb-4 md:mb-6\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"flex overflow-x-auto whitespace-nowrap no-scrollbar\",\"aria-label\":\"Breadcrumb\",\"children\":[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://moderncalcs.com\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Developer Tools\\\",\\\"item\\\":\\\"https://moderncalcs.com/developer\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Open Graph Generator\\\",\\\"item\\\":\\\"https://moderncalcs.com/developer/open-graph-generator\\\"}]}\"}}]],\"$L20\"]}],\"$L21\"]}]}],\"$L22\"]}],[\"$L23\"],\"$L24\"]}]\n"])</script><script>self.__next_f.push([1,"25:[]\n13:\"$W25\"\n14:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L26\",null,{\"children\":\"$L27\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$29\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2a\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n16:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/06lp.2bmnl7.y.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n17:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/068-1krhxw-0y.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"2b:I[500865,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"/_next/static/chunks/0wpwl9bbucxrq.js\"],\"ShareButton\"]\n2c:I[413271,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\",\"/_next/static/chunks/0wpwl9bbucxrq.js\"],\"OpenGraphGeneratorClient\"]\n34:I[897367,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"OutletBoundary\"]\n18:[\"$\",\"$La\",null,{\"href\":\"/contact\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Contact\"}]\n19:[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/privacy-policy\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Privacy\"}]}]\n1a:[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/terms-of-service\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Terms\"}]}]\n1b:[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/ModernCalcs/moderncalcs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary transition-colors inline-flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"h-3.5 w-3.5 fill-current\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.477 2 12c0 4.42 2.867 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.579.688.481C19.137 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z\"}]}],\"GitHub\"]}]}]\n1c:[\"$\",\"div\",null,{\"className\":\"mt-8 pt-6 border-t flex flex-col sm:flex-row justify-between items-center gap-4 text-[10px] font-bold uppercase tracking-[0.15em] text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"span\",null,{\"children\":\"© 2026 ModernCalcs\"}],[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":\"•\"}],[\"$\",\"span\",null,{\"children\":\"Local Processing Only\"}]]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"span\",null,{\"children\":\"All calculations run locally on your device\"}]}]]}]\n20:[\"$\",\"ol\",null,{\"className\":\"flex items-center space-x-2 text-xs md:text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$La\",null,{\"href\":\"/\",\"className\":\"flex items-center hover:text-foreground transition-colors\",\"children\":[[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:props:children:2:props:children:2:props:children:props:notFound:0:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-house h-4 w-4\"}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Home\"}]]}]}],[[\"$\",\"li\",\"/developer\",{\"className\":\"flex items-center space-x-2\",\"children\":[[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right h-4 w-4 shrink-0 text-muted-foreground/40\"}],[\"$\",\"$La\",null,{\"href\":\"/developer\",\"className\":\"hover:text-foreground transition-colors\",\"children\":\"Developer Tools\"}]]}],[\"$\",\"li\",\"/developer/open-graph-generator\",{\"className\":\"flex items-center space-x-2\",\"children\":[[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$20:props:children:1:0:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right h-4 w-4 shrink-0 text-muted-foreground/40\"}],[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground\",\"children\":\"Open Graph Generator\"}]]}]]]}]"])</script><script>self.__next_f.push([1,"\n21:[\"$\",\"$L2b\",null,{}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"div\",null,{\"className\":\"w-full max-w-7xl mx-auto px-4 md:px-6 lg:px-8 pb-12\",\"children\":[[\"$\",\"$L2c\",null,{}],[\"$\",\"article\",null,{\"className\":\"max-w-4xl mx-auto px-4 py-12 space-y-12 text-muted-foreground leading-relaxed\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl md:text-4xl font-bold text-foreground tracking-tight\",\"children\":\"Open Graph Tag Generator: Control How Your Links Look When Shared\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground/80\",\"dangerouslySetInnerHTML\":{\"__html\":\"When a link gets pasted into Facebook, LinkedIn, or Slack, the resulting card — image, title, description — isn't guessed from the page content. It's read directly from a handful of \u003ccode\u003eog:\u003c/code\u003e meta tags in the page's head. This generator builds those tags and shows a live preview of the resulting card, so you're not guessing how a share will actually look.\"}}],[\"$\",\"div\",null,{\"className\":\"bg-muted/30 border border-muted rounded-2xl p-6 font-mono text-sm text-foreground shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs uppercase tracking-widest text-muted-foreground mb-2 font-sans\",\"children\":\"Formula\"}],\"og:title + og:description + og:image + og:url + og:type\",[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-2 text-xs font-sans italic\",\"children\":\"og:image should be roughly 1200x630px (1.91:1 aspect ratio) for the sharpest rendering.\"}]]}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"grid gap-12 sm:grid-cols-2\",\"children\":[[\"$\",\"div\",\"Why Social Cards Don't Just Use Your Page's Title\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-foreground border-l-4 border-primary pl-4\",\"children\":\"Why Social Cards Don't Just Use Your Page's Title\"}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-relaxed\",\"dangerouslySetInnerHTML\":{\"__html\":\"Without Open Graph tags, most platforms fall back to scraping a page's \u003ctitle\u003e and the first image they can find, which often produces a poor result — a logo instead of relevant content, or a truncated title. Explicit og: tags let you control exactly what shows up, independent of what the page visually looks like.\"}}]]}],[\"$\",\"div\",\"Choosing the Right og:type\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-foreground border-l-4 border-primary pl-4\",\"children\":\"Choosing the Right og:type\"}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-relaxed\",\"dangerouslySetInnerHTML\":{\"__html\":\"website is the safe default for most pages. article unlocks additional Open Graph article-specific tags (author, publish date, section) that some platforms use to render richer previews for blog content. Getting the type right matters more for platforms that build specialized UI around specific content types than for the basic link-card rendering most services use.\"}}]]}],[\"$\",\"div\",\"og:url and Share Analytics\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-foreground border-l-4 border-primary pl-4\",\"children\":\"og:url and Share Analytics\"}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-relaxed\",\"dangerouslySetInnerHTML\":{\"__html\":\"Setting og:url to the canonical version of the page (not whatever URL variant was actually shared, tracking parameters included) ensures share counts and social analytics consolidate onto one URL instead of fragmenting across every tracked variant of the same link.\"}}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-foreground\",\"children\":\"Practical Examples\"}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 sm:grid-cols-2\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"p-6 rounded-2xl bg-muted/20 border border-muted/50 space-y-3\",\"children\":[\"$L2d\",\"$L2e\",\"$L2f\"]}],\"$L30\"]}]]}],\"$L31\",\"$L32\"]}],\"$L33\"]}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0wpwl9bbucxrq.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n24:[\"$\",\"$L34\",null,{\"children\":[\"$\",\"$29\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@35\"}]}]\n"])</script><script>self.__next_f.push([1,"2d:[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"Sharing a Blog Post\"}]\n2e:[\"$\",\"p\",null,{\"className\":\"text-sm\",\"children\":\"Article-type content with a featured image.\"}]\n2f:[\"$\",\"ul\",null,{\"className\":\"text-xs space-y-2 text-muted-foreground mt-3\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[1,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:type: article\"}}]]}],[\"$\",\"li\",\"1\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[2,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:image: 1200x630 featured image\"}}]]}],[\"$\",\"li\",\"2\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[3,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:title: matches the post's headline\"}}]]}]]}]\n30:[\"$\",\"div\",\"1\",{\"className\":\"p-6 rounded-2xl bg-muted/20 border border-muted/50 space-y-3\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"Sharing a Tool Page\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"children\":\"Standard website-type sharing.\"}],[\"$\",\"ul\",null,{\"className\":\"text-xs space-y-2 text-muted-foreground mt-3\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[1,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:type: website\"}}]]}],[\"$\",\"li\",\"1\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[2,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:title: tool name + tagline\"}}]]}],[\"$\",\"li\",\"2\",{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-primary font-bold\",\"children\":[3,\".\"]}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"og:description: what the tool does in one sentence\"}}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"div\",null,{\"className\":\"grid gap-12 sm:grid-cols-2\",\"children\":[[\"$\",\"div\",\"Core Open Graph Tags\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-foreground\",\"children\":\"Core Open Graph Tags\"}],[\"$\",\"ul\",null,{\"className\":\"text-sm space-y-3\",\"children\":[[\"$\",\"li\",\"\u003cstrong\u003eog:title\u003c/strong\u003e: headline shown in the card\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:title\u003c/strong\u003e: headline shown in the card\"}}]]}],[\"$\",\"li\",\"\u003cstrong\u003eog:description\u003c/strong\u003e: supporting text\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:description\u003c/strong\u003e: supporting text\"}}]]}],[\"$\",\"li\",\"\u003cstrong\u003eog:image\u003c/strong\u003e: the preview thumbnail\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:image\u003c/strong\u003e: the preview thumbnail\"}}]]}],[\"$\",\"li\",\"\u003cstrong\u003eog:url\u003c/strong\u003e: canonical URL for share analytics\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:url\u003c/strong\u003e: canonical URL for share analytics\"}}]]}],[\"$\",\"li\",\"\u003cstrong\u003eog:type\u003c/strong\u003e: website, article, product, etc.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:type\u003c/strong\u003e: website, article, product, etc.\"}}]]}],[\"$\",\"li\",\"\u003cstrong\u003eog:site_name\u003c/strong\u003e: your brand name\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eog:site_name\u003c/strong\u003e: your brand name\"}}]]}]]}]]}],[\"$\",\"div\",\"Testing Your Tags After Deploying\",{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-foreground\",\"children\":\"Testing Your Tags After Deploying\"}],[\"$\",\"ul\",null,{\"className\":\"text-sm space-y-3\",\"children\":[[\"$\",\"li\",\"Facebook's Sharing Debugger to force a re-scrape\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"Facebook's Sharing Debugger to force a re-scrape\"}}]]}],[\"$\",\"li\",\"LinkedIn's Post Inspector\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"LinkedIn's Post Inspector\"}}]]}],[\"$\",\"li\",\"Pasting the link into a private Slack channel to preview it\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"Pasting the link into a private Slack channel to preview it\"}}]]}],[\"$\",\"li\",\"Twitter/X's Card Validator for twitter: tags specifically\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-primary mt-2 shrink-0\"}],[\"$\",\"span\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"Twitter/X's Card Validator for twitter: tags specifically\"}}]]}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"div\",null,{\"className\":\"space-y-8 bg-muted/10 rounded-3xl p-8 border border-muted\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-foreground\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 md:grid-cols-2\",\"children\":[[\"$\",\"div\",\"What is Open Graph?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"What is Open Graph?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"A protocol (originally created by Facebook) that lets any webpage become a rich object in a social graph — the og: meta tags in a page's head tell platforms like Facebook, LinkedIn, and Slack what title, description, and image to show when the link is shared.\"}}]]}],[\"$\",\"div\",\"What size should og:image be?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"What size should og:image be?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"1200x630 pixels is the widely recommended size — it matches a roughly 1.91:1 aspect ratio that renders sharply on Facebook, LinkedIn, and most other platforms without being cropped awkwardly.\"}}]]}],[\"$\",\"div\",\"Do I need both Open Graph and Twitter Card tags?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"Do I need both Open Graph and Twitter Card tags?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"Yes, for full coverage — Twitter/X primarily reads its own twitter: tags, though it falls back to og: tags if Twitter-specific ones are missing. Most sites include both to be safe and to fine-tune how the card looks on each platform.\"}}]]}],[\"$\",\"div\",\"Why does og:url matter?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"Why does og:url matter?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"It tells the platform the canonical URL to associate with the shared content, which matters for share counts and analytics — without it, a platform might use whatever URL was actually shared, including tracking parameters, fragmenting engagement metrics across variants.\"}}]]}],[\"$\",\"div\",\"What are the valid og:type values?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"What are the valid og:type values?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"website is the default and most common. article is for blog posts and news content (and unlocks additional article: tags like published time). product, profile, video.*, and music.* are used for more specific content types on platforms that support the full Open Graph vocabulary.\"}}]]}],[\"$\",\"div\",\"Why doesn't the preview image load sometimes?\",{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-foreground text-base\",\"children\":\"Why doesn't the preview image load sometimes?\"}],[\"$\",\"p\",null,{\"className\":\"text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"The preview fetches the image URL directly in your browser. If the URL is wrong, the image doesn't allow cross-origin loading, or it requires authentication, the preview will show a blank placeholder instead — worth testing the actual URL in a new tab if that happens.\"}}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"section\",null,{\"className\":\"max-w-4xl mx-auto px-4 py-12 border-t border-muted\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold text-foreground\",\"children\":\"Related Tools\"}],[\"$\",\"$La\",null,{\"href\":\"/developer\",\"className\":\"text-sm font-medium text-primary hover:underline flex items-center gap-1\",\"children\":[\"View all \",\"developer\",\" tools \",[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-4 sm:grid-cols-2\",\"children\":[[\"$\",\"$La\",\"/developer/json-formatter\",{\"href\":\"/developer/json-formatter\",\"className\":\"group\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground group-hover:text-primary transition-colors\",\"children\":\"JSON Formatter\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground line-clamp-1\",\"children\":\"Clean and validate JSON data.\"}]]}],[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1\"}]]}]}]}],[\"$\",\"$La\",\"/developer/jwt-decoder\",{\"href\":\"/developer/jwt-decoder\",\"className\":\"group\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground group-hover:text-primary transition-colors\",\"children\":\"JWT Decoder\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground line-clamp-1\",\"children\":\"Inspect JSON Web Tokens.\"}]]}],[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1\"}]]}]}]}],[\"$\",\"$La\",\"/developer/base64-tool\",{\"href\":\"/developer/base64-tool\",\"className\":\"group\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between\",\"children\":[\"$L36\",\"$L37\"]}]}]}],\"$L38\"]}]]}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground group-hover:text-primary transition-colors\",\"children\":\"Base64 Tool\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground line-clamp-1\",\"children\":\"Encode or decode Base64 data.\"}]]}]\n37:[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1\"}]\n38:[\"$\",\"$La\",\"/developer/sql-formatter\",{\"href\":\"/developer/sql-formatter\",\"className\":\"group\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-4 rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-muted/50 hover:border-primary/50 hover:bg-muted/5 transition-all duration-300 overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"group-data-[size=sm]/card:px-3 p-5 flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold text-foreground group-hover:text-primary transition-colors\",\"children\":\"SQL Formatter\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground line-clamp-1\",\"children\":\"Beautify your SQL queries.\"}]]}],[\"$\",\"$L9\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-muted-foreground/30 group-hover:text-primary transition-colors group-hover:translate-x-1\"}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"39:I[27201,[\"/_next/static/chunks/15h-tboov_qbg.js\",\"/_next/static/chunks/0ddhmhc6_2yst.js\",\"/_next/static/chunks/0appppv0acqjl.js\",\"/_next/static/chunks/0ut4mvz-9z6ht.js\"],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"2a:[[\"$\",\"title\",\"0\",{\"children\":\"Open Graph Tag Generator - Build og: Meta Tags with Live Preview | ModernCalcs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generate Open Graph (og:) meta tags with a live preview of how the link card looks on Facebook, LinkedIn, and Slack. Free, 100% client-side.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"ModernCalcs Team\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"ModernCalcs\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"ModernCalcs\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://moderncalcs.com/developer/open-graph-generator\"}],[\"$\",\"meta\",\"9\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"10\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"ModernCalcs\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:title\",\"content\":\"Open Graph Tag Generator\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:description\",\"content\":\"Build og: tags and preview your link's social card.\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:url\",\"content\":\"https://moderncalcs.com/developer/open-graph-generator\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Open Graph Tag Generator\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Generate Open Graph meta tags for free.\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x4ljuff7-n~i.ico\",\"sizes\":\"1024x1024\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicon.png\"}],[\"$\",\"link\",\"22\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.png\"}],[\"$\",\"$L39\",\"23\",{}]]\n"])</script><script>self.__next_f.push([1,"35:null\n"])</script></body></html>