How to Use the Meta Tag Generator
This free online meta tag generator helps you create complete HTML meta tags for SEO, Open Graph, and Twitter Cards with live previews of how your page will appear in Google search results and social media shares. Whether you're launching a new website, optimizing existing pages, or building a programmatic SEO pipeline, this tool generates all the markup you need to maximize visibility and click-through rates.
Step-by-Step
Features
</code>, <code><meta name="description"></code>, <code><meta name="robots"></code>, <code><link rel="canonical"></code>, and charset/viewport tags.</li>
<li><strong>Open Graph tags</strong> — <code>og:title</code>, <code>og:description</code>, <code>og:image</code>, <code>og:url</code>, <code>og:type</code>, and <code>og:site_name</code> for rich social sharing on Facebook, LinkedIn, and Discord.</li>
<li><strong>Twitter Card tags</strong> — <code>twitter:card</code>, <code>twitter:title</code>, <code>twitter:description</code>, and <code>twitter:image</code> for optimized Twitter/X sharing.</li>
<li><strong>Google preview</strong> — Live preview showing your title (blue link) and description (grey text) as they'd appear in Google search results.</li>
<li><strong>Social card preview</strong> — Visual preview of how your page looks when shared on Facebook or Twitter.</li>
<li><strong>SEO score</strong> — Evaluates tag completeness and length with specific improvement recommendations.</li>
<li><strong>Client-side generation</strong> — All tags are generated in your browser. No data is transmitted anywhere.</li></p><p><h3>Common Use Cases</h3></p><p><li><strong>New Page Launch</strong> — Generate all required meta tags before publishing a new landing page, blog post, or product page to ensure proper indexing and social sharing from day one.</li>
<li><strong>SEO Audit Remediation</strong> — After an audit identifies missing or suboptimal meta tags, use this tool to quickly generate improved tags with the correct structure.</li>
<li><strong>Social Media Optimization</strong> — Ensure your pages display beautifully when shared on Facebook, Twitter, LinkedIn, and Discord by configuring proper Open Graph and Twitter Card tags.</li>
<li><strong>Programmatic SEO</strong> — Generate meta tag templates for dynamic pages (product listings, location pages, category pages) to ensure consistent SEO structure.</li>
<li><strong>Client Deliverables</strong> — Create meta tag recommendations for clients with visual previews showing how their pages will appear in Google and social media.</li></p><p><h3>Tips for Power Users</h3></p><p>- Keep titles under 60 characters and descriptions between 150–160 characters for optimal Google display.
<p>- Always include an <code>og:image</code> with dimensions of 1200×630 pixels for high-quality social media card previews.</p>
<p>- Use <code>twitter:card</code> type <code>summary_large_image</code> for maximum visual impact on Twitter/X.</p>
<p>- The canonical URL tag prevents duplicate content issues. Always set it to the preferred URL for each page.</p>
<p>- Set robots to <code>index, follow</code> for public pages and <code>noindex, nofollow</code> for private or staging pages.</p><p><h3>Why Use This Tool?</h3></p><p>This meta tag generator runs entirely in your browser — your page titles, descriptions, and URLs are never sent to any server. It provides everything you need in one interface: SEO tags, social tags, live previews, and a quality score. No more switching between Facebook's Open Graph debugger, Twitter's Card Validator, and Google's Rich Results Test. Get all your meta tags right in one place.</p></div></article><section class="mt-6 rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 lg:p-6"><h2 class="text-base lg:text-lg font-bold mb-4">Related Tools You Might Like</h2><div class="grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/json-formatter"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">JSON Formatter</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Validate, prettify, and minify JSON data instantly in your browser. No data leaves your device.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/data-sanitizer"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">Data Sanitizer</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Remove emails, phone numbers, and PII from text before pasting into AI tools. Safe AI prompting made easy.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/base64-encoder"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-binary h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><rect x="14" y="14" width="4" height="6" rx="2"></rect><rect x="6" y="4" width="4" height="6" rx="2"></rect><path d="M6 20h4"></path><path d="M14 10h4"></path><path d="M6 14h2v6"></path><path d="M14 4h2v6"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">Base64 Encoder/Decoder</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Encode text to Base64 or decode Base64 strings instantly. Useful for API tokens, data URIs, and debugging.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/markdown-table-generator"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><circle cx="12" cy="5" r="1"></circle><circle cx="19" cy="5" r="1"></circle><circle cx="5" cy="5" r="1"></circle><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle><circle cx="12" cy="19" r="1"></circle><circle cx="19" cy="19" r="1"></circle><circle cx="5" cy="19" r="1"></circle></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">Markdown Table Generator</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Build markdown tables visually with a spreadsheet-like editor. Add rows, columns, and alignment with live preview.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/css-triangle-generator"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">CSS Triangle Generator</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Generate CSS triangles visually. Choose direction, size, and color. Live preview with copy-ready border-trick CSS.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4" href="/tools/css-gradient-generator"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate">CSS Gradient Generator</h3><p class="text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1">Create beautiful CSS gradients with visual controls. Supports linear, radial, and conic gradients with Tailwind output.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section><div class="h-6"></div></div><!--$--><!--/$--></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[71048,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"503\",\"static/chunks/503-b39da6d15bf8affb.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"177\",\"static/chunks/app/layout-7235cf91b392a2dd.js\"],\"GoogleAnalytics\"]\n3:I[27624,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"503\",\"static/chunks/503-b39da6d15bf8affb.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"177\",\"static/chunks/app/layout-7235cf91b392a2dd.js\"],\"AdSense\"]\n4:I[17031,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"503\",\"static/chunks/503-b39da6d15bf8affb.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"177\",\"static/chunks/app/layout-7235cf91b392a2dd.js\"],\"LayoutShell\"]\n5:I[9766,[],\"\"]\n6:I[50960,[\"39\",\"static/chunks/app/error-1347d5746a581a0d.js\"],\"default\"]\n7:I[98924,[],\"\"]\n8:I[52619,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"\"]\n9:I[65423,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"503\",\"static/chunks/503-b39da6d15bf8affb.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"177\",\"static/chunks/app/layout-7235cf91b392a2dd.js\"],\"CookieConsent\"]\na:I[51017,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"574\",\"static/chunks/app/tools/%5Btool-slug%5D/error-1874e57d39d6a824.js\"],\"default\"]\nc:I[24431,[],\"OutletBoundary\"]\ne:I[15278,[],\"AsyncMetadataOutlet\"]\n13:I[57150,[],\"\"]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/081a0afca5a9bd20.css\",\"style\"]\n:HL[\"/_next/static/css/b1adcbd189edef0d.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Paa12ntb2cJ-U_HD_sRB0\",\"p\":\"\",\"c\":[\"\",\"tools\",\"meta-tag-generator\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"tools\",{\"children\":[[\"tool-slug\",\"meta-tag-generator\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/081a0afca5a9bd20.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b1adcbd189edef0d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_f367f3 dark\",\"suppressHydrationWarning\":true,\"data-scroll-behavior\":\"smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"DevUtility Hub\\\",\\\"url\\\":\\\"https://devutilityhub.me\\\",\\\"description\\\":\\\"Free, private, client-side developer tools. 100+ tools including JSON formatter, regex tester, password generator, PDF tools and more.\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://devutilityhub.me/?q={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"DevUtility Hub\\\",\\\"url\\\":\\\"https://devutilityhub.me\\\",\\\"logo\\\":\\\"https://devutilityhub.me/favicon.svg\\\",\\\"description\\\":\\\"100+ free online developer tools that run entirely in your browser. No signup, no data uploads.\\\",\\\"sameAs\\\":[\\\"https://github.com/npparyanii1-wq/devutility-hub\\\"]}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen bg-[var(--background)] text-[var(--foreground)] antialiased\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[9999] focus:rounded-lg focus:bg-[var(--accent)] focus:px-4 focus:py-2 focus:text-white focus:text-sm focus:font-semibold\",\"children\":\"Skip to main content\"}],[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"pId\":\"ca-pub-7858454398045492\"}],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$6\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-[60vh] flex-col items-center justify-center text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"mb-2 text-6xl font-bold text-[var(--accent)]\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"mb-6 text-[var(--muted-foreground)]\",\"children\":\"This tool doesn't exist yet. But it might soon!\"}],[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"rounded-lg bg-[var(--accent)] px-6 py-2 text-sm font-medium text-white hover:opacity-90\",\"children\":\"Back to Home\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L9\",null,{}]]}]]}]]}],{\"children\":[\"tools\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"tool-slug\",\"meta-tag-generator\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$Lb\",null,[\"$\",\"$Lc\",null,{\"children\":[\"$Ld\",[\"$\",\"$Le\",null,{\"promise\":\"$@f\"}]]}]]}],{},null,false]},[[\"$\",\"div\",\"l\",{\"className\":\"mx-auto max-w-5xl px-4 py-6 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-4 h-4 w-48 animate-pulse rounded bg-[var(--muted)]\"}],[\"$\",\"div\",null,{\"className\":\"mb-6 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-8 w-64 animate-pulse rounded-lg bg-[var(--muted)]\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-96 animate-pulse rounded bg-[var(--muted)]\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-80 w-full animate-pulse rounded-2xl bg-[var(--card)] border border-[var(--border)]\"}]]}],[],[]],false]},null,false]},[[\"$\",\"div\",\"l\",{\"className\":\"mx-auto flex min-h-[60vh] max-w-md flex-col items-center justify-center\",\"children\":[\"$L10\",\"$L11\"]}],[],[]],false],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"14:I[24431,[],\"ViewportBoundary\"]\n16:I[24431,[],\"MetadataBoundary\"]\n17:\"$Sreact.suspense\"\n10:[\"$\",\"div\",null,{\"className\":\"relative mb-4 h-10 w-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-full border-2 border-[var(--border)]\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 animate-spin rounded-full border-2 border-transparent border-t-[var(--accent)]\"}]]}]\n11:[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--muted-foreground)]\",\"children\":\"Loading...\"}]\n12:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L16\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$17\",null,{\"fallback\":null,\"children\":\"$L18\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"19:I[92672,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"AdBanner\"]\n"])</script><script>self.__next_f.push([1,"b:[\"$\",\"div\",null,{\"className\":\"py-6 lg:py-8\",\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Meta Tag Generator\\\",\\\"description\\\":\\\"Generate SEO meta tags, Open Graph, and Twitter Card markup with live Google and social previews.\\\",\\\"url\\\":\\\"https://devutilityhub.me/tools/meta-tag-generator\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":\\\"Any (Web Browser)\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://devutilityhub.me\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Tools\\\",\\\"item\\\":\\\"https://devutilityhub.me/#tools\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Meta Tag Generator\\\",\\\"item\\\":\\\"https://devutilityhub.me/tools/meta-tag-generator\\\"}]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"FAQPage\\\",\\\"mainEntity\\\":[{\\\"@type\\\":\\\"Question\\\",\\\"name\\\":\\\"Is Meta Tag Generator free to use?\\\",\\\"acceptedAnswer\\\":{\\\"@type\\\":\\\"Answer\\\",\\\"text\\\":\\\"Yes, Meta Tag Generator is completely free with no sign-up required. It runs entirely in your browser.\\\"}},{\\\"@type\\\":\\\"Question\\\",\\\"name\\\":\\\"Is my data safe with Meta Tag Generator?\\\",\\\"acceptedAnswer\\\":{\\\"@type\\\":\\\"Answer\\\",\\\"text\\\":\\\"Absolutely. Meta Tag Generator processes everything client-side in your browser. No data is ever sent to any server.\\\"}},{\\\"@type\\\":\\\"Question\\\",\\\"name\\\":\\\"Does Meta Tag Generator work offline?\\\",\\\"acceptedAnswer\\\":{\\\"@type\\\":\\\"Answer\\\",\\\"text\\\":\\\"Yes! Since Meta Tag Generator runs entirely in your browser, it works even without an internet connection once the page is loaded. You can also install it as a PWA.\\\"}}]}\"}}]],[\"$\",\"nav\",null,{\"className\":\"mb-4 flex items-center gap-1.5 text-xs lg:text-sm text-[var(--muted-foreground)]\",\"children\":[[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"hover:text-[var(--foreground)] transition-colors\",\"children\":\"Home\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"hover:text-[var(--foreground)] transition-colors\",\"children\":\"Tools\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-[var(--foreground)] font-medium\",\"children\":\"Meta Tag Generator\"}]]}],[\"$\",\"$L19\",null,{\"data-ad-slot\":\"1234567890\",\"data-ad-format\":\"horizontal\",\"className\":\"mb-4 h-[90px]\"}],[\"$\",\"div\",null,{\"className\":\"mb-6 rounded-xl border border-[var(--border)] bg-[var(--card)] p-4 sm:p-5 lg:p-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-center gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-11 w-11 lg:h-12 lg:w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[var(--accent)] to-[var(--accent-secondary)] shadow-md shadow-[var(--accent)]/20\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-globe h-5 w-5 lg:h-6 lg:w-6 text-white\",\"children\":[\"$L1a\",\"$L1b\",\"$L1c\",\"$undefined\"]}]}],\"$L1d\",\"$L1e\"]}]}],\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",false,\"$L27\",\"$L28\"]}]\n"])</script><script>self.__next_f.push([1,"29:I[36552,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"PreloadChunks\"]\n2b:I[29981,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"ToolPipeline\"]\n2c:I[4269,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"PrivacyDashboard\"]\n31:I[92672,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"NativeInContentAd\"]\n1a:[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}]\n1b:[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}]\n1c:[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}]\n1d:[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-lg sm:text-xl lg:text-2xl font-bold tracking-tight\",\"children\":\"Meta Tag Generator\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm lg:text-base text-[var(--muted-foreground)] leading-relaxed\",\"children\":\"Generate SEO meta tags, Open Graph, and Twitter Card markup with live Google and social previews.\"}]]}]\n"])</script><script>self.__next_f.push([1,"1e:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2.5 shrink-0 self-start sm:self-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 badge badge-success\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield h-3 w-3\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"children\":\"Client-side only\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"className\":\"mb-6 rounded-xl border border-[var(--border)] bg-[var(--card)] p-4 sm:p-5 lg:p-6 glass-card\",\"children\":[[\"$\",\"$L29\",null,{\"moduleIds\":[\"app/tools/[tool-slug]/page.tsx -\u003e @/components/tools/MetaTagGeneratorTool\"]}],\"$L2a\"]}]\n20:[\"$\",\"div\",null,{\"className\":\"mb-6\",\"children\":[\"$\",\"$L2b\",null,{}]}]\n21:[\"$\",\"div\",null,{\"className\":\"mb-6\",\"children\":[\"$\",\"$L2c\",null,{}]}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"div\",null,{\"className\":\"mb-6 rounded-xl border border-[var(--border)] bg-gradient-to-r from-[var(--accent)]/5 via-[var(--card)] to-[var(--accent-secondary)]/5 p-5 lg:p-6 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-2 mb-2\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-heart h-4 w-4 text-red-400\",\"children\":[[\"$\",\"path\",\"c3ymky\",{\"d\":\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-bold\",\"children\":\"This tool saved you time?\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--muted-foreground)] mb-3\",\"children\":\"DevUtility Hub is free forever. If it helped you, consider buying us a coffee.\"}],[\"$\",\"a\",null,{\"href\":\"https://buymeacoffee.com/devutilityhub\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-[#ff813f] to-[#ffdd00] px-5 py-2.5 text-sm font-bold text-[#0d0c22] shadow-md hover:shadow-lg hover:scale-[1.02] transition-all\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-coffee h-4 w-4\",\"children\":[[\"$\",\"path\",\"7u0qdc\",{\"d\":\"M10 2v2\"}],[\"$\",\"path\",\"6buw04\",{\"d\":\"M14 2v2\"}],[\"$\",\"path\",\"pwadti\",{\"d\":\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"$\",\"path\",\"colzsn\",{\"d\":\"M6 2v2\"}],\"$undefined\"]}],\"Buy Me a Coffee\"]}]]}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"$L19\",null,{\"data-ad-slot\":\"0987654321\",\"data-ad-format\":\"rectangle\",\"className\":\"mb-5 mx-auto max-w-[336px] h-[280px]\"}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"className\":\"mb-6 rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 lg:p-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base lg:text-lg font-bold mb-4 flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-external-link h-4 w-4 text-[var(--accent)]\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}],\"Recommended Tools \u0026 Services\"]}],[\"$\",\"div\",null,{\"className\":\"grid gap-3 sm:grid-cols-2\",\"children\":[[\"$\",\"a\",\"DigitalOcean\",{\"href\":\"https://www.digitalocean.com/?refcode=devutilityhub\u0026utm_campaign=Referral_Invite\u0026utm_medium=Referral_Program\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer sponsored\",\"className\":\"flex items-start gap-3 rounded-xl border border-[var(--border)] p-4 hover:border-[var(--accent)]/40 transition-colors group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors\",\"children\":\"DigitalOcean\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-[var(--accent)]/10 px-2 py-0.5 text-[9px] font-bold text-[var(--accent)]\",\"children\":\"$$200 Free\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Get $200 free credit — deploy apps, databases \u0026 more\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5 mt-1 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"JetBrains All Products\",{\"href\":\"https://www.jetbrains.com/store/?utm_source=devutilityhub\u0026utm_medium=affiliate\u0026utm_campaign=tools\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer sponsored\",\"className\":\"flex items-start gap-3 rounded-xl border border-[var(--border)] p-4 hover:border-[var(--accent)]/40 transition-colors group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors\",\"children\":\"JetBrains All Products\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-[var(--accent)]/10 px-2 py-0.5 text-[9px] font-bold text-[var(--accent)]\",\"children\":\"Editor Choice\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Professional IDEs for every language — 30-day free trial\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5 mt-1 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"a\",\"Vercel Pro\",{\"href\":\"https://vercel.com/pricing?utm_source=devutilityhub\u0026utm_medium=affiliate\u0026utm_campaign=tools\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer sponsored\",\"className\":\"flex items-start gap-3 rounded-xl border border-[var(--border)] p-4 hover:border-[var(--accent)]/40 transition-colors group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[\"$L2d\",\"$L2e\"]}],\"$L2f\"]}]]}],\"$L30\"]}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"$L31\",null,{}]\n32:T11a8,"])</script><script>self.__next_f.push([1,"\u003ch2\u003eHow to Use the Meta Tag Generator\u003c/h2\u003e\u003c/p\u003e\u003cp\u003eThis free online meta tag generator helps you create complete HTML meta tags for SEO, Open Graph, and Twitter Cards with live previews of how your page will appear in Google search results and social media shares. Whether you're launching a new website, optimizing existing pages, or building a programmatic SEO pipeline, this tool generates all the markup you need to maximize visibility and click-through rates.\u003c/p\u003e\u003cp\u003e\u003ch3\u003eStep-by-Step\u003c/h3\u003e\u003c/p\u003e\u003cp\u003e\u003cli\u003e\u003cstrong\u003eFill in your page details\u003c/strong\u003e — Enter a title, description, URL, and optional image URL for social sharing.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eConfigure social tags\u003c/strong\u003e — Customize Open Graph (Facebook, LinkedIn) and Twitter Card settings.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eReview live previews\u003c/strong\u003e — See exactly how your page will appear as a Google search result, Facebook share, and Twitter card.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCheck the SEO score\u003c/strong\u003e — The score meter evaluates your title length, description length, and tag completeness with actionable recommendations.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCopy the HTML\u003c/strong\u003e — Copy the complete meta tag block and paste it into your page's \u003ccode\u003e\u003chead\u003e\u003c/code\u003e section.\u003c/li\u003e\u003c/p\u003e\u003cp\u003e\u003ch3\u003eFeatures\u003c/h3\u003e\u003c/p\u003e\u003cp\u003e\u003cli\u003e\u003cstrong\u003eComplete meta tag output\u003c/strong\u003e — Generates \u003ccode\u003e\u003ctitle\u003e\u003c/code\u003e, \u003ccode\u003e\u003cmeta name=\"description\"\u003e\u003c/code\u003e, \u003ccode\u003e\u003cmeta name=\"robots\"\u003e\u003c/code\u003e, \u003ccode\u003e\u003clink rel=\"canonical\"\u003e\u003c/code\u003e, and charset/viewport tags.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eOpen Graph tags\u003c/strong\u003e — \u003ccode\u003eog:title\u003c/code\u003e, \u003ccode\u003eog:description\u003c/code\u003e, \u003ccode\u003eog:image\u003c/code\u003e, \u003ccode\u003eog:url\u003c/code\u003e, \u003ccode\u003eog:type\u003c/code\u003e, and \u003ccode\u003eog:site_name\u003c/code\u003e for rich social sharing on Facebook, LinkedIn, and Discord.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTwitter Card tags\u003c/strong\u003e — \u003ccode\u003etwitter:card\u003c/code\u003e, \u003ccode\u003etwitter:title\u003c/code\u003e, \u003ccode\u003etwitter:description\u003c/code\u003e, and \u003ccode\u003etwitter:image\u003c/code\u003e for optimized Twitter/X sharing.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGoogle preview\u003c/strong\u003e — Live preview showing your title (blue link) and description (grey text) as they'd appear in Google search results.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSocial card preview\u003c/strong\u003e — Visual preview of how your page looks when shared on Facebook or Twitter.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSEO score\u003c/strong\u003e — Evaluates tag completeness and length with specific improvement recommendations.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eClient-side generation\u003c/strong\u003e — All tags are generated in your browser. No data is transmitted anywhere.\u003c/li\u003e\u003c/p\u003e\u003cp\u003e\u003ch3\u003eCommon Use Cases\u003c/h3\u003e\u003c/p\u003e\u003cp\u003e\u003cli\u003e\u003cstrong\u003eNew Page Launch\u003c/strong\u003e — Generate all required meta tags before publishing a new landing page, blog post, or product page to ensure proper indexing and social sharing from day one.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSEO Audit Remediation\u003c/strong\u003e — After an audit identifies missing or suboptimal meta tags, use this tool to quickly generate improved tags with the correct structure.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSocial Media Optimization\u003c/strong\u003e — Ensure your pages display beautifully when shared on Facebook, Twitter, LinkedIn, and Discord by configuring proper Open Graph and Twitter Card tags.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eProgrammatic SEO\u003c/strong\u003e — Generate meta tag templates for dynamic pages (product listings, location pages, category pages) to ensure consistent SEO structure.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eClient Deliverables\u003c/strong\u003e — Create meta tag recommendations for clients with visual previews showing how their pages will appear in Google and social media.\u003c/li\u003e\u003c/p\u003e\u003cp\u003e\u003ch3\u003eTips for Power Users\u003c/h3\u003e\u003c/p\u003e\u003cp\u003e- Keep titles under 60 characters and descriptions between 150–160 characters for optimal Google display.\n\u003cp\u003e- Always include an \u003ccode\u003eog:image\u003c/code\u003e with dimensions of 1200×630 pixels for high-quality social media card previews.\u003c/p\u003e\n\u003cp\u003e- Use \u003ccode\u003etwitter:card\u003c/code\u003e type \u003ccode\u003esummary_large_image\u003c/code\u003e for maximum visual impact on Twitter/X.\u003c/p\u003e\n\u003cp\u003e- The canonical URL tag prevents duplicate content issues. Always set it to the preferred URL for each page.\u003c/p\u003e\n\u003cp\u003e- Set robots to \u003ccode\u003eindex, follow\u003c/code\u003e for public pages and \u003ccode\u003enoindex, nofollow\u003c/code\u003e for private or staging pages.\u003c/p\u003e\u003cp\u003e\u003ch3\u003eWhy Use This Tool?\u003c/h3\u003e\u003c/p\u003e\u003cp\u003eThis meta tag generator runs entirely in your browser — your page titles, descriptions, and URLs are never sent to any server. It provides everything you need in one interface: SEO tags, social tags, live previews, and a quality score. No more switching between Facebook's Open Graph debugger, Twitter's Card Validator, and Google's Rich Results Test. Get all your meta tags right in one place.\u003c/p\u003e"])</script><script>self.__next_f.push([1,"26:[\"$\",\"article\",null,{\"className\":\"seo-content rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 sm:p-6 lg:p-8\",\"children\":[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$32\"}}]}]\n"])</script><script>self.__next_f.push([1,"27:[\"$\",\"section\",null,{\"className\":\"mt-6 rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 lg:p-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base lg:text-lg font-bold mb-4\",\"children\":\"Related Tools You Might Like\"}],[\"$\",\"div\",null,{\"className\":\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L8\",\"json-formatter\",{\"href\":\"/tools/json-formatter\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-braces h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"path\",\"ezmyqa\",{\"d\":\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\"}],[\"$\",\"path\",\"e1hn23\",{\"d\":\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"JSON Formatter\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Validate, prettify, and minify JSON data instantly in your browser. No data leaves your device.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L8\",\"data-sanitizer\",{\"href\":\"/tools/data-sanitizer\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield-check h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"$\",\"path\",\"dzmm74\",{\"d\":\"m9 12 2 2 4-4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"Data Sanitizer\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Remove emails, phone numbers, and PII from text before pasting into AI tools. Safe AI prompting made easy.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],\"$L33\",\"$L34\",\"$L35\",\"$L36\"]}]]}]\n"])</script><script>self.__next_f.push([1,"28:[\"$\",\"div\",null,{\"className\":\"h-6\"}]\n"])</script><script>self.__next_f.push([1,"2d:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors\",\"children\":\"Vercel Pro\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-[var(--accent)]/10 px-2 py-0.5 text-[9px] font-bold text-[var(--accent)]\",\"children\":\"We Use It\"}]]}]\n2e:[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Ship faster with zero-config deployments\"}]\n2f:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5 mt-1 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]\n30:[\"$\",\"p\",null,{\"className\":\"mt-2 text-[9px] text-[var(--muted-foreground)]/50\",\"children\":\"Sponsored links\"}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"$L8\",\"base64-encoder\",{\"href\":\"/tools/base64-encoder\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-binary h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"rect\",\"p02svl\",{\"x\":\"14\",\"y\":\"14\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"rect\",\"xm4xkj\",{\"x\":\"6\",\"y\":\"4\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"path\",\"1i6q5t\",{\"d\":\"M6 20h4\"}],[\"$\",\"path\",\"ru81e7\",{\"d\":\"M14 10h4\"}],[\"$\",\"path\",\"16z9wg\",{\"d\":\"M6 14h2v6\"}],[\"$\",\"path\",\"1idq9u\",{\"d\":\"M14 4h2v6\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"Base64 Encoder/Decoder\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Encode text to Base64 or decode Base64 strings instantly. Useful for API tokens, data URIs, and debugging.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script><script>self.__next_f.push([1,"34:[\"$\",\"$L8\",\"markdown-table-generator\",{\"href\":\"/tools/markdown-table-generator\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-grip h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"circle\",\"gxeob9\",{\"cx\":\"12\",\"cy\":\"5\",\"r\":\"1\"}],[\"$\",\"circle\",\"w8mnmm\",{\"cx\":\"19\",\"cy\":\"5\",\"r\":\"1\"}],[\"$\",\"circle\",\"lttvr7\",{\"cx\":\"5\",\"cy\":\"5\",\"r\":\"1\"}],[\"$\",\"circle\",\"41hilf\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"circle\",\"1wjl8i\",{\"cx\":\"19\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"circle\",\"1pcz8c\",{\"cx\":\"5\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"circle\",\"lyex9k\",{\"cx\":\"12\",\"cy\":\"19\",\"r\":\"1\"}],[\"$\",\"circle\",\"shf9b7\",{\"cx\":\"19\",\"cy\":\"19\",\"r\":\"1\"}],[\"$\",\"circle\",\"bfqh0e\",{\"cx\":\"5\",\"cy\":\"19\",\"r\":\"1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"Markdown Table Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Build markdown tables visually with a spreadsheet-like editor. Add rows, columns, and alignment with live preview.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script><script>self.__next_f.push([1,"35:[\"$\",\"$L8\",\"css-triangle-generator\",{\"href\":\"/tools/css-triangle-generator\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-triangle h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"path\",\"14u9p9\",{\"d\":\"M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"CSS Triangle Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Generate CSS triangles visually. Choose direction, size, and color. Live preview with copy-ready border-trick CSS.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"$L8\",\"css-gradient-generator\",{\"href\":\"/tools/css-gradient-generator\",\"className\":\"card-interactive group flex items-center gap-3 rounded-xl bg-[var(--background)] p-3.5 lg:p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--muted)] group-hover:bg-[var(--accent)]/10 transition-colors\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-layers h-4 w-4 text-[var(--muted-foreground)] group-hover:text-[var(--accent)] transition-colors\",\"children\":[[\"$\",\"path\",\"zw3jo\",{\"d\":\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"}],[\"$\",\"path\",\"1wduqc\",{\"d\":\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"}],[\"$\",\"path\",\"kqbvx6\",{\"d\":\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm lg:text-base font-semibold group-hover:text-[var(--accent)] transition-colors truncate\",\"children\":\"CSS Gradient Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-xs lg:text-sm text-[var(--muted-foreground)] line-clamp-1\",\"children\":\"Create beautiful CSS gradients with visual controls. Supports linear, radial, and conic gradients with Tailwind output.\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-[var(--border)] group-hover:text-[var(--accent)] transition-all group-hover:translate-x-0.5\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script><script>self.__next_f.push([1,"37:I[83891,[\"619\",\"static/chunks/619-f072ac750404f9da.js\",\"514\",\"static/chunks/514-eaccf8e912a577cf.js\",\"287\",\"static/chunks/287-d246ada5326e4fe9.js\",\"818\",\"static/chunks/818-10602c6600c8bc82.js\",\"389\",\"static/chunks/app/tools/%5Btool-slug%5D/page-fa5f8c8cdf6c8be6.js\"],\"MetaTagGeneratorTool\"]\n2a:[\"$\",\"$L37\",null,{}]\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nd:null\n"])</script><script>self.__next_f.push([1,"38:I[80622,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"f:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Meta Tag Generator — Free Tool | DevUtility Hub\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card markup with live Google and social previews.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://devutilityhub.me/tools/meta-tag-generator\"}],[\"$\",\"meta\",\"4\",{\"name\":\"google-site-verification\",\"content\":\"5hVj_A7HLmz2c5lW0IiQI7K-rwVMbGAumEpGjDq69F0\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Meta Tag Generator — Free Online Tool | DevUtility Hub\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card markup with live Google and social previews.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://devutilityhub.me/tools/meta-tag-generator\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"DevUtility Hub\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://devutilityhub.me/og?title=Meta%20Tag%20Generator\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Meta Tag Generator\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Meta Tag Generator — Free Tool\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card markup with live Google and social previews.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://devutilityhub.me/og?title=Meta%20Tag%20Generator\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:alt\",\"content\":\"Meta Tag Generator\"}],[\"$\",\"link\",\"21\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"23\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.svg\"}],[\"$\",\"$L38\",\"24\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"18:\"$f:metadata\"\n"])</script></body></html>