Open Graph Meta Tags: The Complete Guide for 2026

What Are Open Graph Meta Tags?

Open Graph (OG) tags are snippets of HTML that control how your web pages appear when shared on social media, messaging apps, and other platforms. They were created by Facebook in 2010 and have since become the universal standard for link previews across the internet.

When someone shares your URL on WhatsApp, Twitter, LinkedIn, Slack, Discord, Instagram, or Facebook, these platforms read your OG tags to decide:

What image to show
What title to display
What description to include
What site name to attribute

Without OG tags, platforms either show nothing or guess—and they usually guess badly.

The Essential OG Tags (Every Page Needs These)

1. `og:title` — The Headline

html

<meta property="og:title" content="Your Page Title" />

This is the bold headline in link previews. Keep it under 60 characters for universal compatibility (WhatsApp truncates at ~65, Twitter at ~70).

Tips:

Don't duplicate your </code> tag verbatim—write a more compelling, shareable version</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Don't use ALL CAPS (looks spammy, hurts CTR)</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Include your primary keyword naturally</li></ul><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">2. <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:description</code> — The Subtitle</h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:description" content="A brief, compelling summary" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">The supporting text beneath the title. Aim for <strong>150 characters</strong> as the safe universal limit.</p><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base"><strong>Tips:</strong></p><ul class="blog-list list-none pl-6 my-4"><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Include a call-to-action or value proposition</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Don't stuff keywords—write for humans</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Different from your meta description (optimize for the sharing context)</li></ul><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">3. <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:image</code> — The Hero Image</h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:image" content="https://yoursite.com/og-image.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">The most impactful tag. Posts with images get <strong>179% more engagement</strong>. Use the golden spec: <strong>1200×630 px, JPG, under 300 KB</strong>.</p><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base"><strong>Critical rules:</strong></p><ul class="blog-list list-none pl-6 my-4"><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Must be an <strong>absolute HTTPS URL</strong></li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Only use <strong>one</strong> <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:image</code> tag (multiple = unpredictable)</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Never use SVG (unsupported on WhatsApp and Twitter)</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60">Include <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:image:width</code> and <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:image:height</code> for faster rendering</li></ul><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">4. <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:url</code> — The Canonical URL</h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:url" content="https://yoursite.com/page" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">The canonical URL for this content. This tells platforms which URL to associate the preview data with, preventing duplicate previews for the same content served at different URLs.</p><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">5. <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:type</code> — The Content Type</h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:type" content="website" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Tells platforms what kind of content this is. Common values:</p><ul class="blog-list list-none pl-6 my-4"><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">website</code> — Default for most pages</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">article</code> — Blog posts, news articles</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">product</code> — E-commerce products</li></ul><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Discord, notably, renders different <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:type</code> values with distinct styling.</p><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="recommended-but-optional-og-tags">Recommended (But Optional) OG Tags</h2><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:site_name</code></h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:site_name" content="LinkPeek" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">The name of your website. <strong>Critical for Slack</strong>, which uses it as the bold header when unfurling links. Facebook and other platforms use it as a subtle attribution label.</p><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:locale</code></h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:locale" content="en_US" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">The language and region of the content. Useful for multilingual sites.</p><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold"><code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">og:image:type</code></h3><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta property="og:image:type" content="image/jpeg" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Explicitly declares the image format. Helps platforms pre-validate the image without fetching it.</p><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="twitter-specific-tags">Twitter-Specific Tags</h2><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Twitter reads OG tags as fallbacks but has its own tag system:</p><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@yourusername" /> <meta name="twitter:creator" content="@authorname" /></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base"><strong>Note:</strong> <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">twitter:card</code> has NO OG fallback—you must include it explicitly for Twitter card functionality.</p><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="the-10-most-common-og-tag-mistakes">The 10 Most Common OG Tag Mistakes</h2><ul class="blog-list list-none pl-6 my-4"><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Relative image URLs</strong> — Must be absolute <code class="font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold">https://</code> URLs</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>HTTP instead of HTTPS</strong> — Most platforms reject HTTP images</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>SVG or GIF images</strong> — Not supported on WhatsApp; GIF not on LinkedIn</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Image too small</strong> — Below 100px (WhatsApp) or 200px (Facebook/LinkedIn)</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Image too large (file size)</strong> — Over 600 KB kills WhatsApp previews</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Duplicate title and description</strong> — Wastes the description for unique messaging</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>ALL CAPS titles</strong> — Looks unprofessional, reduces CTR</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Multiple og:image tags</strong> — Causes unpredictable platform behavior</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Blocking crawlers via robots.txt</strong> — WhatsApp, Facebook, Twitter all crawl</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Image redirect chains</strong> — LinkedIn especially fails on multi-hop redirects</li></ul><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="how-to-test-your-og-tags">How to Test Your OG Tags</h2><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">Platform-Specific Debuggers</h3><div class="my-6 overflow-x-auto rounded-xl border border-outline-variant shadow-sm bg-surface-bright/30"><table class="w-full border-collapse text-left text-sm"><thead class="bg-surface-container-low font-semibold text-xs text-on-surface"><tr><th class="p-3 border-b border-outline-variant font-semibold">Platform</th><th class="p-3 border-b border-outline-variant font-semibold">Tool</th><th class="p-3 border-b border-outline-variant font-semibold">Action</th></tr></thead><tbody class="font-body-md text-on-surface-variant"><tr class="hover:bg-surface-container-low/30 transition-colors"><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">Facebook</td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0"><a href="https://developers.facebook.com/tools/debug/" class="text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all" target="_blank" rel="noopener noreferrer">Sharing Debugger</a></td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">Click "Scrape Again"</td></tr><tr class="hover:bg-surface-container-low/30 transition-colors"><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">Twitter/X</td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0"><a href="https://cards-dev.twitter.com/validator" class="text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all" target="_blank" rel="noopener noreferrer">Card Validator</a></td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">Preview card</td></tr><tr class="hover:bg-surface-container-low/30 transition-colors"><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">LinkedIn</td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0"><a href="https://www.linkedin.com/post-inspector/" class="text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all" target="_blank" rel="noopener noreferrer">Post Inspector</a></td><td class="p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0">Click "Refresh"</td></tr></tbody></table></div><h3 class="font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold">Multi-Platform Testing</h3><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Use <a href="https://getlinkpeek.com" class="text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all" target="_blank" rel="noopener noreferrer">LinkPeek</a> to test your link across <strong>all 6 major platforms</strong> simultaneously. It shows you real mockups for WhatsApp, Twitter, LinkedIn, Slack, Discord, and Instagram—plus a full audit with fix code for every issue.</p><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="og-tags-and-seo">OG Tags and SEO</h2><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">Open Graph tags don't directly affect your Google search rankings. However, they <strong>indirectly boost SEO</strong> by:</p><ul class="blog-list list-none pl-6 my-4"><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Increasing CTR</strong> — Better previews → more clicks → more traffic</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Reducing bounce rate</strong> — Accurate previews set correct expectations</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Driving social signals</strong> — Higher engagement → more shares → more backlinks</li><li class="relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60"><strong>Improving Dark Social attribution</strong> — When links are shared privately (WhatsApp, Slack, iMessage), OG tags are the only data your brand controls</li></ul><hr class="my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent"/><h2 class="font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20" id="schema-markup-the-next-level">Schema Markup: The Next Level</h2><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">While OG tags control social previews, structured data (JSON-LD schema) controls how search engines and AI assistants understand your content:</p><div class="my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm"><div class="bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant"><span class="uppercase tracking-wider font-semibold text-[10px] text-outline">html</span><button class="text-sage-accent hover:text-primary transition-colors flex items-center gap-1 font-semibold text-xs bg-transparent border-none cursor-pointer p-1 rounded hover:bg-surface-container-high/40" aria-label="Copy code snippet"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg><span>Copy</span></button></div><pre class="p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs"><code><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Your Article Title", "image": "https://yoursite.com/og-image.jpg", "author": { "@type": "Person", "name": "Author Name" }, "datePublished": "2026-05-10", "publisher": { "@type": "Organization", "name": "Your Site Name" } } </script></code></pre></div><p class="font-body-md text-on-surface-variant mb-4 leading-relaxed text-base">This is becoming increasingly important for <strong>GEO (Generative Engine Optimization)</strong> — optimizing for AI-powered search engines like Perplexity, ChatGPT Search, and Google AI Overviews.</p></div></div><div class="mt-8 flex flex-wrap gap-2"><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#Open Graph meta tags</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#og tags guide</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#what are Open Graph tags</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#og:title</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#og:description</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#og:image</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#meta tags for social media</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#Open Graph protocol</span><span class="px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold">#social media meta tags</span></div><section class="mt-16 border-t border-outline-variant pt-10"><div class="flex items-center gap-3 mb-6"><div class="w-2.5 h-2.5 rounded-full bg-primary"></div><span class="font-headline-md text-xl text-deep-forest font-bold">Continue Reading</span></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-6"><a class="block no-underline group" href="/blog/whatsapp-link-preview-not-working"><div class="rounded-2xl border border-outline-variant bg-surface-container-lowest p-6 transition-all duration-300 hover:shadow-md hover:border-sage-accent hover:-translate-y-0.5 flex flex-col justify-between h-full"><div><div class="flex items-center gap-2 mb-3"><span class="text-2xl">💬</span><span class="px-2.5 py-0.5 rounded bg-surface-container text-sage-accent font-label-md text-[10px] font-semibold">Troubleshooting</span></div><h4 class="font-headline-lg text-lg text-deep-forest font-semibold leading-snug group-hover:text-sage-accent transition-colors">WhatsApp Link Preview Not Working? Complete Fix Guide (2026)</h4></div><span class="block mt-4 font-body-sm text-xs text-on-surface-variant font-medium flex items-center gap-1"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="opacity-75"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>8 min read</span></div></a><a class="block no-underline group" href="/blog/og-image-size-guide-2026"><div class="rounded-2xl border border-outline-variant bg-surface-container-lowest p-6 transition-all duration-300 hover:shadow-md hover:border-sage-accent hover:-translate-y-0.5 flex flex-col justify-between h-full"><div><div class="flex items-center gap-2 mb-3"><span class="text-2xl">📐</span><span class="px-2.5 py-0.5 rounded bg-surface-container text-sage-accent font-label-md text-[10px] font-semibold">Reference</span></div><h4 class="font-headline-lg text-lg text-deep-forest font-semibold leading-snug group-hover:text-sage-accent transition-colors">OG Image Size Guide 2026: Every Platform's Requirements</h4></div><span class="block mt-4 font-body-sm text-xs text-on-surface-variant font-medium flex items-center gap-1"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="opacity-75"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>10 min read</span></div></a></div></section></article></main><footer class="relative z-10 border-t py-8 px-4" style="border-color:rgba(0,0,0,0.05)"><div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4"><p class="label-sm text-[#4f6f5b]">LinkPeek — free forever, open source</p><div class="flex items-center gap-6"><a href="https://github.com/Kedar200/Link-preview" target="_blank" rel="noopener noreferrer" class="label-sm transition-colors text-[#4f6f5b] hover:text-[#1a2b21]">GitHub</a><a href="https://github.com/Kedar200/Link-preview/issues/new" target="_blank" rel="noopener noreferrer" class="label-sm transition-colors text-[#4f6f5b] hover:text-[#1a2b21]">Report an issue</a></div></div></footer><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","headline":"Open Graph Meta Tags: The Complete Guide for 2026","description":"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.","image":"https://getlinkpeek.com/og-image.png","datePublished":"2026-05-10","dateModified":"2026-05-23","author":{"@type":"Person","name":"LinkPeek Team"},"publisher":{"@type":"Organization","name":"LinkPeek","url":"https://getlinkpeek.com","logo":{"@type":"ImageObject","url":"https://getlinkpeek.com/icon.png"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://getlinkpeek.com/blog/open-graph-meta-tags-guide"},"keywords":"Open Graph meta tags, og tags guide, what are Open Graph tags, og:title, og:description, og:image, meta tags for social media, Open Graph protocol, social media meta tags"}</script></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"LinkPeek","operatingSystem":"All","applicationCategory":"DeveloperApplication","applicationSubCategory":"Open Graph preview tool","description":"Open Graph preview tool and social media link preview checker for testing OG images, Twitter cards, LinkedIn previews, WhatsApp link previews, Slack, Discord, and Instagram cards before publishing.","featureList":["Open Graph preview checker","OG image preview","Twitter card preview","LinkedIn preview checker","WhatsApp link preview checker","Social media link preview audit"],"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"LinkPeek","url":"https://getlinkpeek.com/"}</script><script src="/_next/static/chunks/0yu3k-pmkudgf.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[34377,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n3:I[39756,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n6:I[97367,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\ne:I[68027,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0-i1g1y5u62nw.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\",\"open-graph-meta-tags-guide\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"open-graph-meta-tags-guide\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-i1g1y5u62nw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0abiciuep~ovs.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"LinkPeek\\\",\\\"operatingSystem\\\":\\\"All\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"applicationSubCategory\\\":\\\"Open Graph preview tool\\\",\\\"description\\\":\\\"Open Graph preview tool and social media link preview checker for testing OG images, Twitter cards, LinkedIn previews, WhatsApp link previews, Slack, Discord, and Instagram cards before publishing.\\\",\\\"featureList\\\":[\\\"Open Graph preview checker\\\",\\\"OG image preview\\\",\\\"Twitter card preview\\\",\\\"LinkedIn preview checker\\\",\\\"WhatsApp link preview checker\\\",\\\"Social media link preview audit\\\"],\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"LinkPeek\\\",\\\"url\\\":\\\"https://getlinkpeek.com/\\\"}\"}}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0axvnji.1e-28.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,\"$@9\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-i1g1y5u62nw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"lmOZbmlM0xeOWRcLUzjSn\"}\n"])</script><script>self.__next_f.push([1,"f:[]\n9:\"$Wf\"\n"])</script><script>self.__next_f.push([1,"10:I[22016,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0axvnji.1e-28.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"min-h-screen flex flex-col bg-background font-body-md relative\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"relative z-30 w-full bg-[#1a2b21] border-b border-white/5 py-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-[1200px] mx-auto px-6 sm:px-12 flex items-center justify-between\",\"children\":[[\"$\",\"$L10\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-3 no-underline\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 64 64\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"aria-label\":\"LinkPeek logo\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"64\",\"height\":\"64\",\"rx\":\"14\",\"fill\":\"#2f4a3a\"}],[\"$\",\"path\",null,{\"d\":\"M14 12 H22 V44 H34 V52 H14 Z\",\"fill\":\"#f4f0e6\"}],[\"$\",\"path\",null,{\"d\":\"M30 12 H38 V52 H30 V12 Z\",\"fill\":\"#f4f0e6\"}],[\"$\",\"path\",null,{\"d\":\"M38 12 H44 Q54 12 54 24 Q54 36 44 36 H38 V28 H43 Q46 28 46 24 Q46 20 43 20 H38 V12 Z\",\"fill\":\"#f4f0e6\"}],[\"$\",\"ellipse\",null,{\"cx\":\"44\",\"cy\":\"24\",\"rx\":\"4.5\",\"ry\":\"2.8\",\"fill\":\"#2f4a3a\"}],[\"$\",\"circle\",null,{\"cx\":\"45\",\"cy\":\"24\",\"r\":\"1.2\",\"fill\":\"#f4f0e6\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xl font-bold tracking-tight text-white\",\"children\":\"LinkPeek\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1 sm:gap-4\",\"children\":[[\"$\",\"$L10\",null,{\"href\":\"/\",\"className\":\"px-4 py-2 rounded-full text-[rgba(255,255,255,0.7)] hover:text-white hover:bg-white/10 transition-all label-sm no-underline\",\"children\":\"Tool\"}],[\"$\",\"$L10\",null,{\"href\":\"/blog\",\"className\":\"px-4 py-2 rounded-full text-white bg-white/10 label-sm no-underline font-semibold\",\"children\":\"Blog\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/Kedar200/Link-preview\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 px-4 py-2 rounded-full text-[rgba(255,255,255,0.7)] hover:text-white hover:bg-white/10 transition-all label-sm group no-underline\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"className\":\"text-white/80 group-hover:text-white transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"}]}],[\"$\",\"span\",null,{\"className\":\"hidden sm:inline\",\"children\":\"GitHub\"}]]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"bg-[#1a2b21] pb-24 pt-16 relative overflow-hidden text-surface-cream\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 pointer-events-none\",\"style\":{\"background\":\"radial-gradient(ellipse 80% 60% at 50% 0%, rgba(79,111,91,0.2) 0%, transparent 70%)\"}}],[\"$\",\"div\",null,{\"className\":\"max-w-[800px] mx-auto px-6 sm:px-8 relative z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-6\",\"children\":[[\"$\",\"$L10\",null,{\"href\":\"/blog\",\"className\":\"font-label-md text-xs text-on-tertiary-container hover:text-white transition-colors no-underline flex items-center gap-1.5 font-semibold\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"14\",\"height\":\"14\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"line\",null,{\"x1\":\"19\",\"y1\":\"12\",\"x2\":\"5\",\"y2\":\"12\"}],[\"$\",\"polyline\",null,{\"points\":\"12 19 5 12 12 5\"}]]}],\"Back to Journal\"]}],[\"$\",\"span\",null,{\"className\":\"text-on-tertiary-container/30\",\"children\":\"/\"}],[\"$\",\"span\",null,{\"className\":\"px-2.5 py-0.5 rounded bg-primary-container text-on-primary font-label-md text-xs font-semibold\",\"children\":\"Guide\"}]]}],\"$L11\",\"$L12\",\"$L13\"]}]]}],\"$L14\",\"$L15\",\"$L16\",false]}]\n"])</script><script>self.__next_f.push([1,"11:[\"$\",\"h1\",null,{\"className\":\"font-headline-xl text-3xl sm:text-4xl md:text-5xl text-white leading-tight font-bold mb-5\",\"children\":\"Open Graph Meta Tags: The Complete Guide for 2026\"}]\n12:[\"$\",\"p\",null,{\"className\":\"text-on-tertiary-container opacity-85 font-body-lg text-base sm:text-lg leading-relaxed max-w-[700px] mb-8\",\"children\":\"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-6 border-t border-white/10 pt-6 text-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-full bg-primary flex items-center justify-center text-on-primary font-bold text-xs border border-white/5\",\"children\":\"LT\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-white font-semibold\",\"children\":\"LinkPeek Team\"}],[\"$\",\"span\",null,{\"className\":\"block text-on-tertiary-container/60 text-xs font-mono\",\"children\":\"OG Experts\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"h-6 w-px bg-white/15 hidden sm:block\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4 text-on-tertiary-container/80\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-body-sm text-xs\",\"children\":\"May 23, 2026\"}],[\"$\",\"span\",null,{\"className\":\"opacity-30\",\"children\":\"·\"}],[\"$\",\"span\",null,{\"className\":\"font-body-sm text-xs flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"className\":\"opacity-80\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"polyline\",null,{\"points\":\"12 6 12 12 16 14\"}]]}],\"12 min read\"]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"main\",null,{\"className\":\"flex-grow w-full max-w-[1200px] mx-auto px-6 sm:px-12 py-12 relative z-20 -mt-12 grid-paper-bg rounded-t-3xl border-t border-outline-variant/30\",\"children\":[\"$\",\"article\",null,{\"className\":\"max-w-[800px] mx-auto w-full pt-4 pb-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-lowest rounded-2xl border border-outline-variant shadow-md p-6 sm:p-10 md:p-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"blog-content\",\"children\":[[\"$\",\"h2\",\"h2-0\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"what-are-open-graph-meta-tags\",\"dangerouslySetInnerHTML\":{\"__html\":\"What Are Open Graph Meta Tags?\"}}],[\"$\",\"p\",\"p-1\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Open Graph (OG) tags are snippets of HTML that control how your web pages appear when shared on social media, messaging apps, and other platforms. They were created by Facebook in 2010 and have since become the universal standard for link previews across the internet.\"}}],[\"$\",\"p\",\"p-2\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"When someone shares your URL on WhatsApp, Twitter, LinkedIn, Slack, Discord, Instagram, or Facebook, these platforms read your OG tags to decide:\"}}],[\"$\",\"ul\",\"list-3\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"What \u003cstrong\u003eimage\u003c/strong\u003e to show\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"What \u003cstrong\u003etitle\u003c/strong\u003e to display\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"What \u003cstrong\u003edescription\u003c/strong\u003e to include\"}}],[\"$\",\"li\",\"3\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"What \u003cstrong\u003esite name\u003c/strong\u003e to attribute\"}}]]}],[\"$\",\"p\",\"p-4\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Without OG tags, platforms either show nothing or guess—and they usually guess badly.\"}}],[\"$\",\"hr\",\"hr-5\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}],[\"$\",\"h2\",\"h2-6\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"the-essential-og-tags-every-page-needs-these\",\"dangerouslySetInnerHTML\":{\"__html\":\"The Essential OG Tags (Every Page Needs These)\"}}],\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\"]}]}],\"$L50\",\"$L51\"]}]}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"footer\",null,{\"className\":\"relative z-10 border-t py-8 px-4\",\"style\":{\"borderColor\":\"rgba(0,0,0,0.05)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"label-sm text-[#4f6f5b]\",\"children\":\"LinkPeek — free forever, open source\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-6\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/Kedar200/Link-preview\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"label-sm transition-colors text-[#4f6f5b] hover:text-[#1a2b21]\",\"children\":\"GitHub\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/Kedar200/Link-preview/issues/new\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"label-sm transition-colors text-[#4f6f5b] hover:text-[#1a2b21]\",\"children\":\"Report an issue\"}]]}]]}]}]\n16:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BlogPosting\\\",\\\"headline\\\":\\\"Open Graph Meta Tags: The Complete Guide for 2026\\\",\\\"description\\\":\\\"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.\\\",\\\"image\\\":\\\"https://getlinkpeek.com/og-image.png\\\",\\\"datePublished\\\":\\\"2026-05-10\\\",\\\"dateModified\\\":\\\"2026-05-23\\\",\\\"author\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"LinkPeek Team\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"LinkPeek\\\",\\\"url\\\":\\\"https://getlinkpeek.com\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://getlinkpeek.com/icon.png\\\"}},\\\"mainEntityOfPage\\\":{\\\"@type\\\":\\\"WebPage\\\",\\\"@id\\\":\\\"https://getlinkpeek.com/blog/open-graph-meta-tags-guide\\\"},\\\"keywords\\\":\\\"Open Graph meta tags, og tags guide, what are Open Graph tags, og:title, og:description, og:image, meta tags for social media, Open Graph protocol, social media meta tags\\\"}\"}}]\n"])</script><script>self.__next_f.push([1,"52:I[23165,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0axvnji.1e-28.js\"],\"default\"]\n17:[\"$\",\"h3\",\"h3-7\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"1. \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:title\u003c/code\u003e — The Headline\"}}]\n18:[\"$\",\"div\",\"code-8\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:title\\\" content=\\\"Your Page Title\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:title\\\" content=\\\"Your Page Title\\\" /\u003e\"}]}]]}]\n19:[\"$\",\"p\",\"p-9\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"This is the bold headline in link previews. Keep it under \u003cstrong\u003e60 characters\u003c/strong\u003e for universal compatibility (WhatsApp truncates at ~65, Twitter at ~70).\"}}]\n1a:[\"$\",\"p\",\"p-10\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eTips:\u003c/strong\u003e\"}}]\n1b:[\"$\",\"ul\",\"list-11\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Don't duplicate your \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003e\u003ctitle\u003e\u003c/code\u003e tag verbatim—write a more compelling, shareable version\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Don't use ALL CAPS (looks spammy, hurts CTR)\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Include your primary keyword naturally\"}}]]}]\n1c:[\"$\",\"h3\",\"h3-12\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"2. \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:description\u003c/code\u003e — The Subtitle\"}}]\n1d:[\"$\",\"div\",\"code-13\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:description\\\" content=\\\"A brief, compelling summary\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:description"])</script><script>self.__next_f.push([1,"\\\" content=\\\"A brief, compelling summary\\\" /\u003e\"}]}]]}]\n1e:[\"$\",\"p\",\"p-14\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"The supporting text beneath the title. Aim for \u003cstrong\u003e150 characters\u003c/strong\u003e as the safe universal limit.\"}}]\n1f:[\"$\",\"p\",\"p-15\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eTips:\u003c/strong\u003e\"}}]\n20:[\"$\",\"ul\",\"list-16\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Include a call-to-action or value proposition\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Don't stuff keywords—write for humans\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Different from your meta description (optimize for the sharing context)\"}}]]}]\n21:[\"$\",\"h3\",\"h3-17\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"3. \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:image\u003c/code\u003e — The Hero Image\"}}]\n22:[\"$\",\"div\",\"code-18\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:image\\\" content=\\\"https://yoursite.com/og-image.jpg\\\" /\u003e\\n\u003cmeta property=\\\"og:image:width\\\" content=\\\"1200\\\" /\u003e\\n\u003cmeta property=\\\"og:image:height\\\" content=\\\"630\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:image\\\" content=\\\"https://yoursite.com/og-image.jpg\\\" /\u003e\\n\u003cmeta property=\\\"og:image:width\\\" content=\\\"1200\\\" /\u003e\\n\u003cmeta property=\\\"og:image:height\\\" content=\\\"630\\\" /\u003e\"}]}]]}]\n23:[\"$\",\"p\",\"p-19\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"The most impactful tag. Posts with images get \u003cstrong\u003e179% more engagement\u003c/strong\u003e. Use the golden spec: \u003cstrong\u003e1200×630 px, JPG, under 300 KB\u003c/strong\u003e.\"}}]\n24:[\"$\",\"p\",\"p-20\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eCritical rules:\u003c/strong\u003e\"}}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"ul\",\"list-21\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Must be an \u003cstrong\u003eabsolute HTTPS URL\u003c/strong\u003e\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Only use \u003cstrong\u003eone\u003c/strong\u003e \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:image\u003c/code\u003e tag (multiple = unpredictable)\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Never use SVG (unsupported on WhatsApp and Twitter)\"}}],[\"$\",\"li\",\"3\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"Include \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:image:width\u003c/code\u003e and \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:image:height\u003c/code\u003e for faster rendering\"}}]]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"h3\",\"h3-22\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"4. \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:url\u003c/code\u003e — The Canonical URL\"}}]\n27:[\"$\",\"div\",\"code-23\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:url\\\" content=\\\"https://yoursite.com/page\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:url\\\" content=\\\"https://yoursite.com/page\\\" /\u003e\"}]}]]}]\n28:[\"$\",\"p\",\"p-24\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"The canonical URL for this content. This tells platforms which URL to associate the preview data with, preventing duplicate previews for the same content served at different URLs.\"}}]\n29:[\"$\",\"h3\",\"h3-25\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"5. \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:type\u003c/code\u003e — The Content Type\"}}]\n2a:[\"$\",\"div\",\"code-26\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:type\\\" content=\\\"website\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:type\\\" content=\\\"website\\\" /\u003e\"}]}]]}]\n2b:[\"$\",\"p\",\"p-27\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Tells platforms what kind of content this is. Common values:\"}}]\n"])</script><script>self.__next_f.push([1,"2c:[\"$\",\"ul\",\"list-28\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003ewebsite\u003c/code\u003e — Default for most pages\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003earticle\u003c/code\u003e — Blog posts, news articles\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eproduct\u003c/code\u003e — E-commerce products\"}}]]}]\n"])</script><script>self.__next_f.push([1,"2d:[\"$\",\"p\",\"p-29\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Discord, notably, renders different \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:type\u003c/code\u003e values with distinct styling.\"}}]\n2e:[\"$\",\"hr\",\"hr-30\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n2f:[\"$\",\"h2\",\"h2-31\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"recommended-but-optional-og-tags\",\"dangerouslySetInnerHTML\":{\"__html\":\"Recommended (But Optional) OG Tags\"}}]\n30:[\"$\",\"h3\",\"h3-32\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:site_name\u003c/code\u003e\"}}]\n31:[\"$\",\"div\",\"code-33\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:site_name\\\" content=\\\"LinkPeek\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:site_name\\\" content=\\\"LinkPeek\\\" /\u003e\"}]}]]}]\n32:[\"$\",\"p\",\"p-34\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"The name of your website. \u003cstrong\u003eCritical for Slack\u003c/strong\u003e, which uses it as the bold header when unfurling links. Facebook and other platforms use it as a subtle attribution label.\"}}]\n33:[\"$\",\"h3\",\"h3-35\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:locale\u003c/code\u003e\"}}]\n34:[\"$\",\"div\",\"code-36\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:locale\\\" content=\\\"en_US\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:locale\\\" content=\\\"en_US\\\" /\u003e\"}]}]]}]\n35:[\"$\",\"p\",\"p-37\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"The language and region of the content. Useful for multilingual sites.\"}}]\n36:[\"$\",\"h3\",\"h3-38\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003eog:image:type\u003c/code\u003e\"}}]\n37:[\"$\",\"div\",\"code-39\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",nu"])</script><script>self.__next_f.push([1,"ll,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta property=\\\"og:image:type\\\" content=\\\"image/jpeg\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta property=\\\"og:image:type\\\" content=\\\"image/jpeg\\\" /\u003e\"}]}]]}]\n38:[\"$\",\"p\",\"p-40\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Explicitly declares the image format. Helps platforms pre-validate the image without fetching it.\"}}]\n39:[\"$\",\"hr\",\"hr-41\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n3a:[\"$\",\"h2\",\"h2-42\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"twitter-specific-tags\",\"dangerouslySetInnerHTML\":{\"__html\":\"Twitter-Specific Tags\"}}]\n3b:[\"$\",\"p\",\"p-43\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Twitter reads OG tags as fallbacks but has its own tag system:\"}}]\n3c:[\"$\",\"div\",\"code-44\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cmeta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\" /\u003e\\n\u003cmeta name=\\\"twitter:site\\\" content=\\\"@yourusername\\\" /\u003e\\n\u003cmeta name=\\\"twitter:creator\\\" content=\\\"@authorname\\\" /\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cmeta name=\\\"twitter:card\\\" content=\\\"summary_large_image\\\" /\u003e\\n\u003cmeta name=\\\"twitter:site\\\" content=\\\"@yourusername\\\" /\u003e\\n\u003cmeta name=\\\"twitter:creator\\\" content=\\\"@authorname\\\" /\u003e\"}]}]]}]\n3d:[\"$\",\"p\",\"p-45\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eNote:\u003c/strong\u003e \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003etwitter:card\u003c/code\u003e has NO OG fallback—you must include it explicitly for Twitter card functionality.\"}}]\n3e:[\"$\",\"hr\",\"hr-46\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n3f:[\"$\",\"h2\",\"h2-47\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"the-10-most-common-og-tag-mistakes\",\"dangerouslySetInnerHTML\":{\"__html\":\"The 10 Most Common OG Tag Mistakes\"}}]\n"])</script><script>self.__next_f.push([1,"40:[\"$\",\"ul\",\"list-48\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eRelative image URLs\u003c/strong\u003e — Must be absolute \u003ccode class=\\\"font-mono text-xs bg-surface-container-high px-1.5 py-0.5 rounded border border-outline-variant/40 text-sage-accent font-semibold\\\"\u003ehttps://\u003c/code\u003e URLs\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eHTTP instead of HTTPS\u003c/strong\u003e — Most platforms reject HTTP images\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eSVG or GIF images\u003c/strong\u003e — Not supported on WhatsApp; GIF not on LinkedIn\"}}],[\"$\",\"li\",\"3\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eImage too small\u003c/strong\u003e — Below 100px (WhatsApp) or 200px (Facebook/LinkedIn)\"}}],[\"$\",\"li\",\"4\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eImage too large (file size)\u003c/strong\u003e — Over 600 KB kills WhatsApp previews\"}}],[\"$\",\"li\",\"5\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eDuplicate title and description\u003c/strong\u003e — Wastes the description for unique messaging\"}}],[\"$\",\"li\",\"6\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eALL CAPS titles\u003c/strong\u003e — Looks unprofessional, reduces CTR\"}}],[\"$\",\"li\",\"7\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eMultiple og:image tags\u003c/strong\u003e — Causes unpredictable platform behavior\"}}],[\"$\",\"li\",\"8\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eBlocking crawlers via robots.txt\u003c/strong\u003e — WhatsApp, Facebook, Twitter all crawl\"}}],\"$L53\"]}]\n"])</script><script>self.__next_f.push([1,"41:[\"$\",\"hr\",\"hr-49\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n42:[\"$\",\"h2\",\"h2-50\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"how-to-test-your-og-tags\",\"dangerouslySetInnerHTML\":{\"__html\":\"How to Test Your OG Tags\"}}]\n43:[\"$\",\"h3\",\"h3-51\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"Platform-Specific Debuggers\"}}]\n"])</script><script>self.__next_f.push([1,"44:[\"$\",\"div\",\"table-52\",{\"className\":\"my-6 overflow-x-auto rounded-xl border border-outline-variant shadow-sm bg-surface-bright/30\",\"children\":[\"$\",\"table\",null,{\"className\":\"w-full border-collapse text-left text-sm\",\"children\":[[\"$\",\"thead\",null,{\"className\":\"bg-surface-container-low font-semibold text-xs text-on-surface\",\"children\":[\"$\",\"tr\",null,{\"children\":[[\"$\",\"th\",\"0\",{\"className\":\"p-3 border-b border-outline-variant font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"Platform\"}}],[\"$\",\"th\",\"1\",{\"className\":\"p-3 border-b border-outline-variant font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"Tool\"}}],[\"$\",\"th\",\"2\",{\"className\":\"p-3 border-b border-outline-variant font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"Action\"}}]]}]}],[\"$\",\"tbody\",null,{\"className\":\"font-body-md text-on-surface-variant\",\"children\":[[\"$\",\"tr\",\"0\",{\"className\":\"hover:bg-surface-container-low/30 transition-colors\",\"children\":[[\"$\",\"td\",\"0\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"Facebook\"}}],[\"$\",\"td\",\"1\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ca href=\\\"https://developers.facebook.com/tools/debug/\\\" class=\\\"text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\u003eSharing Debugger\u003c/a\u003e\"}}],[\"$\",\"td\",\"2\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"Click \\\"Scrape Again\\\"\"}}]]}],[\"$\",\"tr\",\"1\",{\"className\":\"hover:bg-surface-container-low/30 transition-colors\",\"children\":[[\"$\",\"td\",\"0\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"Twitter/X\"}}],[\"$\",\"td\",\"1\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ca href=\\\"https://cards-dev.twitter.com/validator\\\" class=\\\"text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\u003eCard Validator\u003c/a\u003e\"}}],[\"$\",\"td\",\"2\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"Preview card\"}}]]}],[\"$\",\"tr\",\"2\",{\"className\":\"hover:bg-surface-container-low/30 transition-colors\",\"children\":[[\"$\",\"td\",\"0\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"LinkedIn\"}}],[\"$\",\"td\",\"1\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ca href=\\\"https://www.linkedin.com/post-inspector/\\\" class=\\\"text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\u003ePost Inspector\u003c/a\u003e\"}}],[\"$\",\"td\",\"2\",{\"className\":\"p-3 border-b border-outline-variant/60 border-r border-outline-variant/40 last:border-r-0\",\"dangerouslySetInnerHTML\":{\"__html\":\"Click \\\"Refresh\\\"\"}}]]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"45:[\"$\",\"h3\",\"h3-53\",{\"className\":\"font-headline-md text-xl sm:text-2xl text-deep-forest mt-8 mb-4 font-semibold\",\"dangerouslySetInnerHTML\":{\"__html\":\"Multi-Platform Testing\"}}]\n46:[\"$\",\"p\",\"p-54\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Use \u003ca href=\\\"https://getlinkpeek.com\\\" class=\\\"text-sage-accent hover:text-primary font-semibold underline decoration-sage-accent/30 underline-offset-4 transition-all\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\u003eLinkPeek\u003c/a\u003e to test your link across \u003cstrong\u003eall 6 major platforms\u003c/strong\u003e simultaneously. It shows you real mockups for WhatsApp, Twitter, LinkedIn, Slack, Discord, and Instagram—plus a full audit with fix code for every issue.\"}}]\n47:[\"$\",\"hr\",\"hr-55\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n48:[\"$\",\"h2\",\"h2-56\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"og-tags-and-seo\",\"dangerouslySetInnerHTML\":{\"__html\":\"OG Tags and SEO\"}}]\n49:[\"$\",\"p\",\"p-57\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"Open Graph tags don't directly affect your Google search rankings. However, they \u003cstrong\u003eindirectly boost SEO\u003c/strong\u003e by:\"}}]\n"])</script><script>self.__next_f.push([1,"4a:[\"$\",\"ul\",\"list-58\",{\"className\":\"blog-list list-none pl-6 my-4\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eIncreasing CTR\u003c/strong\u003e — Better previews → more clicks → more traffic\"}}],[\"$\",\"li\",\"1\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eReducing bounce rate\u003c/strong\u003e — Accurate previews set correct expectations\"}}],[\"$\",\"li\",\"2\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eDriving social signals\u003c/strong\u003e — Higher engagement → more shares → more backlinks\"}}],[\"$\",\"li\",\"3\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eImproving Dark Social attribution\u003c/strong\u003e — When links are shared privately (WhatsApp, Slack, iMessage), OG tags are the only data your brand controls\"}}]]}]\n"])</script><script>self.__next_f.push([1,"4b:[\"$\",\"hr\",\"hr-59\",{\"className\":\"my-10 border-0 h-px bg-gradient-to-r from-transparent via-outline-variant/60 to-transparent\"}]\n4c:[\"$\",\"h2\",\"h2-60\",{\"className\":\"font-headline-lg text-2xl sm:text-3xl text-deep-forest mt-10 mb-4 font-semibold border-b border-outline-variant/40 pb-2 scroll-margin-top-20\",\"id\":\"schema-markup-the-next-level\",\"dangerouslySetInnerHTML\":{\"__html\":\"Schema Markup: The Next Level\"}}]\n4d:[\"$\",\"p\",\"p-61\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"While OG tags control social previews, structured data (JSON-LD schema) controls how search engines and AI assistants understand your content:\"}}]\n"])</script><script>self.__next_f.push([1,"4e:[\"$\",\"div\",\"code-62\",{\"className\":\"my-6 rounded-xl overflow-hidden border border-outline-variant shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface-container-high px-4 py-2 font-mono text-xs text-on-surface-variant flex justify-between items-center border-b border-outline-variant\",\"children\":[[\"$\",\"span\",null,{\"className\":\"uppercase tracking-wider font-semibold text-[10px] text-outline\",\"children\":\"html\"}],[\"$\",\"$L52\",null,{\"code\":\"\u003cscript type=\\\"application/ld+json\\\"\u003e\\n{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"Article\\\",\\n \\\"headline\\\": \\\"Your Article Title\\\",\\n \\\"image\\\": \\\"https://yoursite.com/og-image.jpg\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"Author Name\\\"\\n },\\n \\\"datePublished\\\": \\\"2026-05-10\\\",\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"Your Site Name\\\"\\n }\\n}\\n\u003c/script\u003e\"}]]}],[\"$\",\"pre\",null,{\"className\":\"p-4 overflow-x-auto bg-deep-forest text-surface-variant m-0 leading-relaxed font-mono text-xs\",\"children\":[\"$\",\"code\",null,{\"children\":\"\u003cscript type=\\\"application/ld+json\\\"\u003e\\n{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"Article\\\",\\n \\\"headline\\\": \\\"Your Article Title\\\",\\n \\\"image\\\": \\\"https://yoursite.com/og-image.jpg\\\",\\n \\\"author\\\": {\\n \\\"@type\\\": \\\"Person\\\",\\n \\\"name\\\": \\\"Author Name\\\"\\n },\\n \\\"datePublished\\\": \\\"2026-05-10\\\",\\n \\\"publisher\\\": {\\n \\\"@type\\\": \\\"Organization\\\",\\n \\\"name\\\": \\\"Your Site Name\\\"\\n }\\n}\\n\u003c/script\u003e\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"4f:[\"$\",\"p\",\"p-63\",{\"className\":\"font-body-md text-on-surface-variant mb-4 leading-relaxed text-base\",\"dangerouslySetInnerHTML\":{\"__html\":\"This is becoming increasingly important for \u003cstrong\u003eGEO (Generative Engine Optimization)\u003c/strong\u003e — optimizing for AI-powered search engines like Perplexity, ChatGPT Search, and Google AI Overviews.\"}}]\n"])</script><script>self.__next_f.push([1,"50:[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-wrap gap-2\",\"children\":[[\"$\",\"span\",\"Open Graph meta tags\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"Open Graph meta tags\"]}],[\"$\",\"span\",\"og tags guide\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"og tags guide\"]}],[\"$\",\"span\",\"what are Open Graph tags\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"what are Open Graph tags\"]}],[\"$\",\"span\",\"og:title\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"og:title\"]}],[\"$\",\"span\",\"og:description\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"og:description\"]}],[\"$\",\"span\",\"og:image\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"og:image\"]}],[\"$\",\"span\",\"meta tags for social media\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"meta tags for social media\"]}],[\"$\",\"span\",\"Open Graph protocol\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"Open Graph protocol\"]}],[\"$\",\"span\",\"social media meta tags\",{\"className\":\"px-3 py-1.5 rounded-full bg-surface-container-low border border-outline-variant/60 text-on-surface-variant font-label-md text-xs font-semibold\",\"children\":[\"#\",\"social media meta tags\"]}]]}]\n"])</script><script>self.__next_f.push([1,"51:[\"$\",\"section\",null,{\"className\":\"mt-16 border-t border-outline-variant pt-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-2.5 h-2.5 rounded-full bg-primary\"}],[\"$\",\"span\",null,{\"className\":\"font-headline-md text-xl text-deep-forest font-bold\",\"children\":\"Continue Reading\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-6\",\"children\":[[\"$\",\"$L10\",\"whatsapp-link-preview-not-working\",{\"href\":\"/blog/whatsapp-link-preview-not-working\",\"className\":\"block no-underline group\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-outline-variant bg-surface-container-lowest p-6 transition-all duration-300 hover:shadow-md hover:border-sage-accent hover:-translate-y-0.5 flex flex-col justify-between h-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-2xl\",\"children\":\"💬\"}],[\"$\",\"span\",null,{\"className\":\"px-2.5 py-0.5 rounded bg-surface-container text-sage-accent font-label-md text-[10px] font-semibold\",\"children\":\"Troubleshooting\"}]]}],[\"$\",\"h4\",null,{\"className\":\"font-headline-lg text-lg text-deep-forest font-semibold leading-snug group-hover:text-sage-accent transition-colors\",\"children\":\"WhatsApp Link Preview Not Working? Complete Fix Guide (2026)\"}]]}],[\"$\",\"span\",null,{\"className\":\"block mt-4 font-body-sm text-xs text-on-surface-variant font-medium flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"className\":\"opacity-75\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"polyline\",null,{\"points\":\"12 6 12 12 16 14\"}]]}],\"8 min read\"]}]]}]}],[\"$\",\"$L10\",\"og-image-size-guide-2026\",{\"href\":\"/blog/og-image-size-guide-2026\",\"className\":\"block no-underline group\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-outline-variant bg-surface-container-lowest p-6 transition-all duration-300 hover:shadow-md hover:border-sage-accent hover:-translate-y-0.5 flex flex-col justify-between h-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-2xl\",\"children\":\"📐\"}],[\"$\",\"span\",null,{\"className\":\"px-2.5 py-0.5 rounded bg-surface-container text-sage-accent font-label-md text-[10px] font-semibold\",\"children\":\"Reference\"}]]}],[\"$\",\"h4\",null,{\"className\":\"font-headline-lg text-lg text-deep-forest font-semibold leading-snug group-hover:text-sage-accent transition-colors\",\"children\":\"OG Image Size Guide 2026: Every Platform's Requirements\"}]]}],[\"$\",\"span\",null,{\"className\":\"block mt-4 font-body-sm text-xs text-on-surface-variant font-medium flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"className\":\"opacity-75\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"polyline\",null,{\"points\":\"12 6 12 12 16 14\"}]]}],\"10 min read\"]}]]}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"53:[\"$\",\"li\",\"9\",{\"className\":\"relative mb-2.5 pl-3 text-on-surface/90 text-base leading-relaxed before:content-[''] before:absolute before:left-[-12px] before:top-[10px] before:w-[6px] before:height-[6px] before:rounded-full before:bg-sage-accent before:opacity-60\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003eImage redirect chains\u003c/strong\u003e — LinkedIn especially fails on multi-hop redirects\"}}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"54:I[27201,[\"/_next/static/chunks/0abiciuep~ovs.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n8:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Open Graph Meta Tags: The Complete Guide for 2026 — LinkPeek Blog\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"Open Graph meta tags,og tags guide,what are Open Graph tags,og:title,og:description,og:image,meta tags for social media,Open Graph protocol,social media meta tags\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.getlinkpeek.com/blog/open-graph-meta-tags-guide\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Open Graph Meta Tags: The Complete Guide for 2026\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.getlinkpeek.com/blog/open-graph-meta-tags-guide\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.getlinkpeek.com/og-image.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Open Graph Meta Tags: The Complete Guide for 2026\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"12\",{\"property\":\"article:published_time\",\"content\":\"2026-05-10\"}],[\"$\",\"meta\",\"13\",{\"property\":\"article:modified_time\",\"content\":\"2026-05-23\"}],[\"$\",\"meta\",\"14\",{\"property\":\"article:author\",\"content\":\"LinkPeek Team\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Open Graph Meta Tags: The Complete Guide for 2026\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Master Open Graph meta tags in 2026. Learn every OG tag, what each does, which platforms read them, common mistakes, and how to test your tags before publishing.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://www.getlinkpeek.com/og-image.png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/icon.png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L54\",\"21\",{}]]\n"])</script></body></html>

Open Graph Meta Tags: The Complete Guide for 2026

What Are Open Graph Meta Tags?

The Essential OG Tags (Every Page Needs These)

1. og:title — The Headline

1. `og:title` — The Headline