Meta Tag & Open Graph Preview Generator

Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.

Free Always No Account Needed 100% Client-Side

Google Search Preview

example.com/my-page

My Awesome Page

A brief description of my page that appears in search results. Keep it under 160 characters for best results.

About this tool

Meta tags and Open Graph tags control how your web pages appear in search engine results and social media previews. Getting them right is crucial for SEO and click-through rates.

This generator creates complete, correct meta tag HTML for:

SEO Tags: - </code> tag (with length guide: 50-60 chars) - <code class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'><meta name="description"></code> (with length guide: 150-160 chars) - <code class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'><meta name="robots"></code> (index/noindex, follow/nofollow) - <code class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'><link rel="canonical"></code> - <code class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'><meta name="author"></code></p><p><strong class='text-slate-900 font-bold'>Open Graph (Facebook, LinkedIn, WhatsApp):</strong> - og:title, og:description, og:image, og:url, og:type</p><p><strong class='text-slate-900 font-bold'>Twitter Card:</strong> - twitter:card, twitter:title, twitter:description, twitter:image</p><p><strong class='text-slate-900 font-bold'>Live Preview</strong> — see a simulated Google search result snippet, Facebook share card, and Twitter card update as you type.</p></div></section><section class="mb-8 bg-white border border-slate-200/90 rounded-2xl p-6 shadow-2xs"><h2 class="text-base font-bold text-slate-900 mb-4 pb-2 border-b border-slate-100">Frequently Asked Questions</h2><div class="space-y-2.5"><details class="group border border-slate-200 rounded-xl overflow-hidden"><summary class="flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none">What is Open Graph?<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><div class="px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40">Open Graph is a protocol (originally by Facebook) that controls how a URL appears when shared on social media — title, description, and image.</div></details><details class="group border border-slate-200 rounded-xl overflow-hidden"><summary class="flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none">What size should my OG image be?<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><div class="px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40">1200×630 pixels is optimal. Minimum is 200×200. Facebook recommends at least 600×315 for high-quality display.</div></details><details class="group border border-slate-200 rounded-xl overflow-hidden"><summary class="flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none">How long should my meta description be?<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><div class="px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40">Google shows up to ~155-160 characters. Keep it between 120-158 characters to ensure it's not truncated in search results.</div></details><details class="group border border-slate-200 rounded-xl overflow-hidden"><summary class="flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none">Does the meta description affect SEO rankings?<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><div class="px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40">Not directly — Google says it's not a ranking factor. But a compelling description improves click-through rate, which indirectly affects ranking.</div></details></div></section><section class="mb-8"><h2 class="text-base font-bold text-slate-900 mb-3">Related Tools</h2><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><a class="group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all" href="/tools/slug-generator/"><div class="w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg></div><div class="flex-1 min-w-0"><p class="text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate">Slug Generator</p><p class="text-[11px] text-slate-500 truncate">Convert any text to URL-friendly slugs. Handles Unicode, accents, custom separators, and max-length truncation.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all" href="/tools/text-counter/"><div class="w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-baseline" aria-hidden="true"><path d="M4 20h16"></path><path d="m6 16 6-12 6 12"></path><path d="M8 12h8"></path></svg></div><div class="flex-1 min-w-0"><p class="text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate">Text Counter</p><p class="text-[11px] text-slate-500 truncate">Count words, characters, sentences, paragraphs, and reading time. Keyword density analysis included.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all" href="/tools/favicon-generator/"><div class="w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-app-window" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="M10 4v4"></path><path d="M2 8h20"></path><path d="M6 4v4"></path></svg></div><div class="flex-1 min-w-0"><p class="text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate">Favicon Generator</p><p class="text-[11px] text-slate-500 truncate">Generate favicons from text, emoji, or uploaded images. Creates all required sizes (16, 32, 48, 180, 192px).</p></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all" href="/tools/html-formatter/"><div class="w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code" aria-hidden="true"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg></div><div class="flex-1 min-w-0"><p class="text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate">HTML Formatter</p><p class="text-[11px] text-slate-500 truncate">Format, beautify, and minify HTML. Auto-indent nested elements and collapse attributes. 100% client-side.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section></main></div><footer class="bg-slate-50 border-t border-slate-200/80 pt-12 pb-8 mt-16 text-slate-600"><div class="max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 md:grid-cols-12 gap-8 pb-10 border-b border-slate-200"><div class="md:col-span-4 space-y-4"><a class="flex items-center gap-2" href="/"><div class="w-8 h-8 rounded-lg bg-emerald-600 flex items-center justify-center text-white shadow-xs"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml stroke-[2.5]" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><span class="text-xl font-extrabold tracking-tight text-slate-900">Dev<span class="text-emerald-600">Utils</span></span></a><p class="text-xs text-slate-500 max-w-sm leading-relaxed font-medium">A collection of free online developer tools built with ❤️ for the developer community.</p><div class="flex items-center gap-3 text-slate-400"><a href="https://github.com" target="_blank" rel="noreferrer" class="hover:text-slate-700 transition-colors" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch" aria-hidden="true"><path d="M15 6a9 9 0 0 0-9 9V3"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle></svg></a><a href="https://twitter.com" target="_blank" rel="noreferrer" class="hover:text-slate-700 transition-colors" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></a><a href="https://linkedin.com" target="_blank" rel="noreferrer" class="hover:text-slate-700 transition-colors" title="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></a></div></div><div class="md:col-span-2 space-y-3"><h3 class="text-xs font-extrabold text-slate-900 uppercase tracking-wider">Categories</h3><ul class="space-y-2 text-xs font-semibold text-slate-500"><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Developer</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Converter</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Formatter</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Generator</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/tools/">All Tools</a></li></ul></div><div class="md:col-span-2 space-y-3"><h3 class="text-xs font-extrabold text-slate-900 uppercase tracking-wider">Resources</h3><ul class="space-y-2 text-xs font-semibold text-slate-500"><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Blog</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">API</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Changelog</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Privacy Policy</a></li><li><a class="hover:text-emerald-600 transition-colors" href="/#tools">Terms of Use</a></li></ul></div><div class="md:col-span-4 space-y-3"><h3 class="text-xs font-extrabold text-slate-900 uppercase tracking-wider">Subscribe to updates</h3><p class="text-xs text-slate-500 font-medium">Get notified when we add new tools.</p><form class="flex gap-2"><input type="email" placeholder="Enter your email" required="" class="tool-input py-2 text-xs rounded-xl flex-1 border-slate-300" value=""/><button type="submit" class="px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-bold rounded-xl shadow-xs transition-colors flex-shrink-0">Subscribe</button></form></div></div><div class="pt-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-slate-400 font-medium"><p>© <!-- -->2026<!-- --> DevUtils. All rights reserved.</p><p class="flex items-center gap-1"><span>Made with</span><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-red-500 fill-red-500" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span>by developers</span></p></div></div></footer><!--$--><!--/$--><script src="/_next/static/chunks/1cb0lyp-v06ue.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[339756,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"default\"]\n5:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"OutletBoundary\"]\n6:\"$Sreact.suspense\"\n9:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"ViewportBoundary\"]\nb:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"MetadataBoundary\"]\nd:I[168027,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0s84fe8sfoc_v.css\",\"style\"]\n:HL[\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800\u0026family=Inter:wght@400;500;600;700\u0026family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400\u0026display=swap\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"tools\",\"meta-tag-generator\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"tools\",{\"children\":[[\"slug\",\"meta-tag-generator\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s84fe8sfoc_v.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"DevUtils — Free Developer Tools\\\",\\\"url\\\":\\\"https://editingtools.tech\\\",\\\"description\\\":\\\"35+ free, fast, and privacy-focused online developer tools.\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://editingtools.tech/?search={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"}}\"}}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800\u0026family=Inter:wght@400;500;600;700\u0026family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400\u0026display=swap\",\"rel\":\"stylesheet\"}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen bg-white text-slate-900 antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",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\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L4\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1p-fucnt0f48m.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1j_bhh_o_eclw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@7\"}]}]]}],{},null,false,null]},null,false,\"$@8\"]},null,false,\"$@8\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s84fe8sfoc_v.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"RLZ86d2JhXPSxBgmi1qAE\"}\n"])</script><script>self.__next_f.push([1,"e:[]\n8:\"$We\"\n"])</script><script>self.__next_f.push([1,"10:I[407988,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"default\"]\n11:I[490233,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"default\"]\n12:I[522016,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"\"]\nf:T40c,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is Open Graph?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Open Graph is a protocol (originally by Facebook) that controls how a URL appears when shared on social media — title, description, and image.\"}},{\"@type\":\"Question\",\"name\":\"What size should my OG image be?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"1200×630 pixels is optimal. Minimum is 200×200. Facebook recommends at least 600×315 for high-quality display.\"}},{\"@type\":\"Question\",\"name\":\"How long should my meta description be?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Google shows up to ~155-160 characters. Keep it between 120-158 characters to ensure it's not truncated in search results.\"}},{\"@type\":\"Question\",\"name\":\"Does the meta description affect SEO rankings?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Not directly — Google says it's not a ranking factor. But a compelling description improves click-through rate, which indirectly affects ranking.\"}}]}"])</script><script>self.__next_f.push([1,"4:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Meta Tag \u0026 Open Graph Preview Generator\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"applicationSubCategory\\\":\\\"Web Tools\\\",\\\"operatingSystem\\\":\\\"All (Browser-based)\\\",\\\"browserRequirements\\\":\\\"Requires HTML5 \u0026 JavaScript support\\\",\\\"url\\\":\\\"https://editingtools.tech/tools/meta-tag-generator/\\\",\\\"description\\\":\\\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"availability\\\":\\\"https://schema.org/InStock\\\"},\\\"aggregateRating\\\":{\\\"@type\\\":\\\"AggregateRating\\\",\\\"ratingValue\\\":\\\"4.9\\\",\\\"ratingCount\\\":\\\"1250\\\",\\\"bestRating\\\":\\\"5\\\",\\\"worstRating\\\":\\\"1\\\"},\\\"featureList\\\":[\\\"100% Client-side execution\\\",\\\"Zero server processing or data storage\\\",\\\"Free without sign-up or registration\\\",\\\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\\\"],\\\"softwareVersion\\\":\\\"2026.1.0\\\"}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Tools\\\",\\\"item\\\":\\\"https://editingtools.tech/tools\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Meta Tag Generator\\\",\\\"item\\\":\\\"https://editingtools.tech/tools/meta-tag-generator/\\\"}]}\"}}],[\"$\",\"$L10\",null,{}],[\"$\",\"div\",null,{\"className\":\"max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8 py-6 flex gap-6\",\"children\":[[\"$\",\"$L11\",null,{\"activeCategory\":\"Web Tools\"}],[\"$\",\"main\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://editingtools.tech/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Tools\\\",\\\"item\\\":\\\"https://editingtools.tech/tools\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Meta Tag Generator\\\"}]}\"}}],[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"className\":\"flex items-center gap-1 text-sm text-gray-500 mb-6\",\"children\":[[\"$\",\"span\",\"0\",{\"className\":\"flex items-center gap-1\",\"children\":[false,[\"$\",\"$L12\",null,{\"href\":\"/\",\"className\":\"hover:text-green-600 transition-colors flex items-center gap-1\",\"children\":[\"$L13\",\"Home\"]}]]}],\"$L14\",\"$L15\"]}]],\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\"]}]]}],\"$L1b\"]\n"])</script><script>self.__next_f.push([1,"1c:I[505014,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"default\"]\n1d:I[498594,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"default\"]\n20:I[587392,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\",\"/_next/static/chunks/1p-fucnt0f48m.js\",\"/_next/static/chunks/1j_bhh_o_eclw.js\"],\"default\"]\n13:[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house\",\"size\":14}]\n14:[\"$\",\"span\",\"1\",{\"className\":\"flex items-center gap-1\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right text-gray-300 flex-shrink-0\",\"size\":14}],[\"$\",\"$L12\",null,{\"href\":\"/tools\",\"className\":\"hover:text-green-600 transition-colors flex items-center gap-1\",\"children\":[false,\"Tools\"]}]]}]\n15:[\"$\",\"span\",\"2\",{\"className\":\"flex items-center gap-1\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$14:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right text-gray-300 flex-shrink-0\",\"size\":14}],[\"$\",\"span\",null,{\"className\":\"text-gray-900 font-medium\",\"children\":[false,\"Meta Tag Generator\"]}]]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"mb-6 bg-white border border-slate-200/90 rounded-2xl p-6 shadow-2xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-12 h-12 rounded-xl bg-emerald-50 text-emerald-600 border border-emerald-100 flex items-center justify-center flex-shrink-0 shadow-2xs\",\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"circle\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\",\"key\":\"gq8acd\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\",\"key\":\"w7nqdw\"}],[\"circle\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\",\"key\":\"1xt0gg\"}],[\"line\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\",\"key\":\"47mynk\"}],[\"line\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\",\"key\":\"1n3mei\"}]],\"className\":\"lucide-share2 lucide-share-2\",\"size\":24}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-xl sm:text-2xl font-black text-slate-900 leading-tight\",\"children\":\"Meta Tag \u0026 Open Graph Preview Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-slate-500 text-xs sm:text-sm mt-1 max-w-3xl leading-relaxed\",\"children\":\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2 pt-3 border-t border-slate-100\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 bg-emerald-50 text-emerald-700 text-xs font-bold px-3 py-1 rounded-full\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\"key\":\"1xq2db\"}]],\"className\":\"lucide-zap text-emerald-600\",\"size\":13}],\" Free Always\"]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 bg-emerald-50 text-emerald-700 text-xs font-bold px-3 py-1 rounded-full\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"rect\",{\"width\":\"18\",\"height\":\"11\",\"x\":\"3\",\"y\":\"11\",\"rx\":\"2\",\"ry\":\"2\",\"key\":\"1w4ew1\"}],[\"path\",{\"d\":\"M7 11V7a5 5 0 0 1 10 0v4\",\"key\":\"fwvmzm\"}]],\"className\":\"lucide-lock text-emerald-600\",\"size\":13}],\" No Account Needed\"]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 bg-emerald-50 text-emerald-700 text-xs font-bold px-3 py-1 rounded-full\",\"children\":[[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"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\",\"key\":\"oel41y\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\",\"key\":\"dzmm74\"}]],\"className\":\"lucide-shield-check text-emerald-600\",\"size\":13}],\" 100% Client-Side\"]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"div\",null,{\"className\":\"bg-white border border-slate-200/90 rounded-2xl p-4 sm:p-6 mb-8 shadow-2xs\",\"children\":[\"$\",\"$L1d\",null,{\"slug\":\"meta-tag-generator\"}]}]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"mb-8 bg-white border border-slate-200/90 rounded-2xl p-6 shadow-2xs\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-slate-900 mb-3 pb-2 border-b border-slate-100\",\"children\":\"About this tool\"}],[\"$\",\"div\",null,{\"className\":\"prose prose-sm max-w-none text-slate-600 leading-relaxed space-y-3\",\"children\":[[\"$\",\"p\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"Meta tags and Open Graph tags control how your web pages appear in search engine results and social media previews. Getting them right is crucial for SEO and click-through rates.\"}}],[\"$\",\"p\",\"1\",{\"dangerouslySetInnerHTML\":{\"__html\":\"This generator creates complete, correct meta tag HTML for:\"}}],[\"$\",\"p\",\"2\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong class='text-slate-900 font-bold'\u003eSEO Tags:\u003c/strong\u003e\\n- \u003ccode class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'\u003e\u003ctitle\u003e\u003c/code\u003e tag (with length guide: 50-60 chars)\\n- \u003ccode class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'\u003e\u003cmeta name=\\\"description\\\"\u003e\u003c/code\u003e (with length guide: 150-160 chars)\\n- \u003ccode class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'\u003e\u003cmeta name=\\\"robots\\\"\u003e\u003c/code\u003e (index/noindex, follow/nofollow)\\n- \u003ccode class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'\u003e\u003clink rel=\\\"canonical\\\"\u003e\u003c/code\u003e\\n- \u003ccode class='bg-slate-100 border border-slate-200 px-1.5 py-0.5 rounded text-xs font-mono text-emerald-700'\u003e\u003cmeta name=\\\"author\\\"\u003e\u003c/code\u003e\"}}],[\"$\",\"p\",\"3\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong class='text-slate-900 font-bold'\u003eOpen Graph (Facebook, LinkedIn, WhatsApp):\u003c/strong\u003e\\n- og:title, og:description, og:image, og:url, og:type\"}}],[\"$\",\"p\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong class='text-slate-900 font-bold'\u003eTwitter Card:\u003c/strong\u003e\\n- twitter:card, twitter:title, twitter:description, twitter:image\"}}],[\"$\",\"p\",\"5\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong class='text-slate-900 font-bold'\u003eLive Preview\u003c/strong\u003e — see a simulated Google search result snippet, Facebook share card, and Twitter card update as you type.\"}}]]}]]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"section\",null,{\"className\":\"mb-8 bg-white border border-slate-200/90 rounded-2xl p-6 shadow-2xs\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-slate-900 mb-4 pb-2 border-b border-slate-100\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"div\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"details\",\"0\",{\"className\":\"group border border-slate-200 rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none\",\"children\":[\"What is Open Graph?\",[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$14:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0\",\"size\":16}]]}],[\"$\",\"div\",null,{\"className\":\"px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40\",\"children\":\"Open Graph is a protocol (originally by Facebook) that controls how a URL appears when shared on social media — title, description, and image.\"}]]}],[\"$\",\"details\",\"1\",{\"className\":\"group border border-slate-200 rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none\",\"children\":[\"What size should my OG image be?\",[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$14:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0\",\"size\":16}]]}],[\"$\",\"div\",null,{\"className\":\"px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40\",\"children\":\"1200×630 pixels is optimal. Minimum is 200×200. Facebook recommends at least 600×315 for high-quality display.\"}]]}],[\"$\",\"details\",\"2\",{\"className\":\"group border border-slate-200 rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none\",\"children\":[\"How long should my meta description be?\",[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$14:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0\",\"size\":16}]]}],[\"$\",\"div\",null,{\"className\":\"px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40\",\"children\":\"Google shows up to ~155-160 characters. Keep it between 120-158 characters to ensure it's not truncated in search results.\"}]]}],[\"$\",\"details\",\"3\",{\"className\":\"group border border-slate-200 rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between px-4 py-3.5 cursor-pointer font-bold text-xs sm:text-sm text-slate-800 hover:bg-emerald-50/50 transition-colors list-none select-none\",\"children\":[\"Does the meta description affect SEO rankings?\",[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$14:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right text-slate-400 group-open:rotate-90 transition-transform duration-200 flex-shrink-0\",\"size\":16}]]}],[\"$\",\"div\",null,{\"className\":\"px-4 pb-3.5 pt-1 text-xs sm:text-sm text-slate-600 leading-relaxed border-t border-slate-100 bg-slate-50/40\",\"children\":\"Not directly — Google says it's not a ranking factor. But a compelling description improves click-through rate, which indirectly affects ranking.\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"section\",null,{\"className\":\"mb-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-slate-900 mb-3\",\"children\":\"Related Tools\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-3\",\"children\":[[\"$\",\"$L12\",\"slug-generator\",{\"href\":\"/tools/slug-generator/\",\"className\":\"group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors\",\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M9 17H7A5 5 0 0 1 7 7h2\",\"key\":\"8i5ue5\"}],[\"path\",{\"d\":\"M15 7h2a5 5 0 1 1 0 10h-2\",\"key\":\"1b9ql8\"}],[\"line\",{\"x1\":\"8\",\"x2\":\"16\",\"y1\":\"12\",\"y2\":\"12\",\"key\":\"1jonct\"}]],\"className\":\"lucide-link2 lucide-link-2\",\"size\":18}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate\",\"children\":\"Slug Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-[11px] text-slate-500 truncate\",\"children\":\"Convert any text to URL-friendly slugs. Handles Unicode, accents, custom separators, and max-length truncation.\"}]]}],[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0\",\"size\":14}]]}],[\"$\",\"$L12\",\"text-counter\",{\"href\":\"/tools/text-counter/\",\"className\":\"group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors\",\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M4 20h16\",\"key\":\"14thso\"}],[\"path\",{\"d\":\"m6 16 6-12 6 12\",\"key\":\"1b4byz\"}],[\"path\",{\"d\":\"M8 12h8\",\"key\":\"1wcyev\"}]],\"className\":\"lucide-baseline\",\"size\":18}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate\",\"children\":\"Text Counter\"}],[\"$\",\"p\",null,{\"className\":\"text-[11px] text-slate-500 truncate\",\"children\":\"Count words, characters, sentences, paragraphs, and reading time. Keyword density analysis included.\"}]]}],[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1a:props:children:1:props:children:0:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0\",\"size\":14}]]}],[\"$\",\"$L12\",\"favicon-generator\",{\"href\":\"/tools/favicon-generator/\",\"className\":\"group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors\",\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\",\"key\":\"izxlao\"}],[\"path\",{\"d\":\"M10 4v4\",\"key\":\"pp8u80\"}],[\"path\",{\"d\":\"M2 8h20\",\"key\":\"d11cs7\"}],[\"path\",{\"d\":\"M6 4v4\",\"key\":\"1svtjw\"}]],\"className\":\"lucide-app-window\",\"size\":18}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate\",\"children\":\"Favicon Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-[11px] text-slate-500 truncate\",\"children\":\"Generate favicons from text, emoji, or uploaded images. Creates all required sizes (16, 32, 48, 180, 192px).\"}]]}],\"$L1e\"]}],\"$L1f\"]}]]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L20\",null,{}]\n"])</script><script>self.__next_f.push([1,"1e:[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1a:props:children:1:props:children:0:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0\",\"size\":14}]\n1f:[\"$\",\"$L12\",\"html-formatter\",{\"href\":\"/tools/html-formatter/\",\"className\":\"group flex items-center gap-3 bg-white border border-slate-200/90 rounded-xl p-3.5 hover:border-emerald-400 hover:shadow-2xs transition-all\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg bg-slate-50 text-emerald-600 border border-slate-100 flex items-center justify-center flex-shrink-0 group-hover:bg-emerald-50 group-hover:border-emerald-200 transition-colors\",\"children\":[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m16 18 6-6-6-6\",\"key\":\"eg8j8\"}],[\"path\",{\"d\":\"m8 6-6 6 6 6\",\"key\":\"ppft3o\"}]],\"className\":\"lucide-code\",\"size\":18}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-bold text-slate-900 group-hover:text-emerald-600 transition-colors truncate\",\"children\":\"HTML Formatter\"}],[\"$\",\"p\",null,{\"className\":\"text-[11px] text-slate-500 truncate\",\"children\":\"Format, beautify, and minify HTML. Auto-indent nested elements and collapse attributes. 100% client-side.\"}]]}],[\"$\",\"$L1c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1a:props:children:1:props:children:0:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right text-slate-300 group-hover:text-emerald-600 group-hover:translate-x-0.5 transition-all flex-shrink-0\",\"size\":14}]]}]\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"21:I[27201,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"IconMark\"]\n7:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"title\",\"0\",{\"children\":\"Meta Tag \u0026 Open Graph Preview Generator — Free Online Developer Tool | DevUtils\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://editingtools.tech\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"DevUtils Team\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"meta tag generator,open graph generator,twitter card generator,seo meta tags,og tags,meta tags html\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"DevUtils\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"DevUtils\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://editingtools.tech/tools/meta-tag-generator/\"}],[\"$\",\"meta\",\"10\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Meta Tag \u0026 Open Graph Preview Generator — Free Online Developer Tool (100% Client-Side)\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://editingtools.tech/tools/meta-tag-generator/\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Meta Tag \u0026 Open Graph Preview Generator | DevUtils\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Generate SEO meta tags, Open Graph, and Twitter Card tags. Preview how your page looks in Google and social media.\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.2vob68tjqpejf.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L21\",\"19\",{}]]\n"])</script></body></html>