The Google Search Engine Results Page (SERP) is the first interaction a potential visitor has with your website. Our SERP Preview Tool helps you meticulously craft your HTML `
` and `<meta name="description">` tags to ensure they fit perfectly within Google's display limits.</p><p>By avoiding truncation, you provide a clear, compelling message that entices users to click. This tool allows you to instantly toggle between Mobile and Desktop views, replicating Google's exact font sizes and pixel boundaries so you can publish with absolute confidence.</p></div></div></div></div><section class="mt-8" aria-label="Frequently Asked Questions"><h2 class="text-xl font-bold mb-4">Frequently Asked Questions</h2><div class="space-y-3"><details open="" class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">Why is SERP preview important?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-0" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">Previewing your snippet ensures your title and description fit within Google's pixel limits, preventing truncation and improving your Click-Through Rate (CTR).</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">How long should my title tag be?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-1" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">Google typically truncates title tags at around 600 pixels on desktop, which usually equates to about 50-60 characters.</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">How long should my meta description be?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-2" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">Aim for about 150 to 155 characters. The counter in this tool turns red past that point, which is roughly where Google starts cutting descriptions off on desktop, and mobile can truncate earlier still.</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">Does this preview show exactly what Google will display?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-3" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">It is a close approximation, not a guarantee. Google frequently rewrites titles and descriptions using page content or the user's query, and this tool measures character counts rather than the exact pixel widths Google renders.</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">Can I preview a page that is not published yet?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-4" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">Yes. Nothing is crawled or fetched from your site - you type the title, description and URL yourself, so you can test drafts before the page ever goes live.</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">Why does the favicon in the preview look wrong?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-5" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">The preview pulls the icon from Google's public favicon service for whatever domain you entered. A brand new site, a typo in the URL, or a domain Google has not indexed will fall back to a generic icon.</div></details><details class="group border border-border rounded-xl overflow-hidden"><summary class="flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none"><h3 class="font-medium text-sm">Is the SERP preview tool free?</h3><svg class="w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></summary><div id="faq-answer-6" class="px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3">Yes, it is free with no sign-up and no limit on how many snippets you preview.</div></details></div></section></div><div class="hidden lg:block w-72 flex-shrink-0 space-y-4"><div class="bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 shadow-sm"><h2 class="text-base font-bold text-gray-900 dark:text-zinc-100 mb-4">Related Tools</h2><div class="space-y-2.5"><a class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-gray-50/80 dark:hover:bg-zinc-800/40 transition-all group border border-transparent hover:border-gray-200/50 dark:hover:border-zinc-700/50" href="/tools/meta-tag-generator"><div class="w-10 h-10 rounded-xl bg-blue-50/50 dark:bg-blue-900/10 flex items-center justify-center flex-shrink-0 text-xl border border-blue-100/50 dark:border-blue-800/30 group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20 transition-colors">🏷️</div><div class="min-w-0"><p class="text-sm font-semibold text-gray-800 dark:text-zinc-200 group-hover:text-primary transition-colors truncate">Meta Tag Generator</p><p class="text-xs text-gray-500 dark:text-zinc-500 truncate leading-snug mt-0.5">Generate HTML meta tags</p></div></a><a class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-gray-50/80 dark:hover:bg-zinc-800/40 transition-all group border border-transparent hover:border-gray-200/50 dark:hover:border-zinc-700/50" href="/tools/keyword-density-checker"><div class="w-10 h-10 rounded-xl bg-blue-50/50 dark:bg-blue-900/10 flex items-center justify-center flex-shrink-0 text-xl border border-blue-100/50 dark:border-blue-800/30 group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20 transition-colors">📊</div><div class="min-w-0"><p class="text-sm font-semibold text-gray-800 dark:text-zinc-200 group-hover:text-primary transition-colors truncate">Keyword Density Checker</p><p class="text-xs text-gray-500 dark:text-zinc-500 truncate leading-snug mt-0.5">Analyze keyword usage</p></div></a></div></div><div class="w-full h-48 bg-gray-50/50 dark:bg-zinc-900/50 border border-dashed border-gray-200 dark:border-zinc-800 rounded-2xl flex items-center justify-center text-xs text-gray-400 dark:text-zinc-600 tracking-wide font-medium">AD</div></div></div><div class="lg:hidden mt-6"><div class="mt-8"><h2 class="text-base font-bold text-gray-900 mb-4">Related Tools</h2><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"><a class="group flex flex-col bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 hover:border-blue-300 dark:hover:border-blue-500/50 hover:shadow-md transition-all duration-200" href="/tools/meta-tag-generator"><div class="flex items-start justify-between mb-4"><div class="w-11 h-11 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0"><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-zap w-5 h-5 text-blue-600" aria-hidden="true"><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"></path></svg></div></div><h3 class="font-semibold text-sm text-gray-900 dark:text-zinc-50 mb-1 group-hover:text-primary transition-colors leading-snug">Meta Tag Generator</h3><p class="text-xs text-gray-500 dark:text-zinc-400 leading-relaxed line-clamp-2 flex-1 mb-3">Generate HTML meta tags</p><div class="flex flex-wrap gap-1.5"><span class="text-[10px] font-medium px-2 py-0.5 rounded-full dark:bg-opacity-20 dark:border-opacity-30 bg-gray-100 text-gray-600 border border-gray-200">Tool</span></div></a><a class="group flex flex-col bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 hover:border-blue-300 dark:hover:border-blue-500/50 hover:shadow-md transition-all duration-200" href="/tools/keyword-density-checker"><div class="flex items-start justify-between mb-4"><div class="w-11 h-11 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0"><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-zap w-5 h-5 text-blue-600" aria-hidden="true"><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"></path></svg></div></div><h3 class="font-semibold text-sm text-gray-900 dark:text-zinc-50 mb-1 group-hover:text-primary transition-colors leading-snug">Keyword Density Checker</h3><p class="text-xs text-gray-500 dark:text-zinc-400 leading-relaxed line-clamp-2 flex-1 mb-3">Analyze keyword usage</p><div class="flex flex-wrap gap-1.5"><span class="text-[10px] font-medium px-2 py-0.5 rounded-full dark:bg-opacity-20 dark:border-opacity-30 bg-gray-100 text-gray-600 border border-gray-200">Tool</span></div></a></div></div></div></div></div><!--$--><!--/$--></main><footer class="bg-white dark:bg-zinc-950 border-t border-gray-200 dark:border-zinc-800 mt-auto"><div class="max-w-5xl mx-auto px-6 py-8"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 text-xs text-gray-500 dark:text-zinc-400"><nav aria-labelledby="footer-categories"><h2 id="footer-categories" class="text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3">Categories</h2><ul class="flex flex-col gap-2"><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/calculators">Financial Calculators</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/islamic-tools">Islamic Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/image-tools">Image Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/text-tools">Text Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/developer-tools">Developer Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/social-media-tools">Social Media Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/utility-tools">Utility Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/pdf-tools">PDF Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/ai-tools">AI & Prompt Tools</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/seo-tools">SEO Tools</a></li></ul></nav><nav aria-labelledby="footer-popular"><h2 id="footer-popular" class="text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3">Popular Tools</h2><ul class="flex flex-col gap-2"><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/emi-calculator">EMI Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/gst-calculator">GST Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/sip-calculator">SIP Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/salary-calculator">Salary Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/income-tax-calculator">Income Tax Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/nisab-calculator">Today's Nisab Value</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/zakat-calculator">Zakat Calculator</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/tools/image-compressor">Image Compressor</a></li></ul></nav><nav aria-labelledby="footer-company"><h2 id="footer-company" class="text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3">Company</h2><ul class="flex flex-col gap-2"><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/about">About</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/contact">Contact</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/blog">Blog</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/glossary">Glossary</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/compare">Compare</a></li><li><a href="mailto:contact@toolsdock.in" class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors">Advertise</a></li></ul></nav><nav aria-labelledby="footer-legal"><h2 id="footer-legal" class="text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3">Legal</h2><ul class="flex flex-col gap-2"><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/privacy-policy">Privacy</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/terms">Terms</a></li><li><a class="hover:text-gray-900 dark:hover:text-zinc-100 transition-colors" href="/disclaimer">Disclaimer</a></li></ul></nav></div><div class="mt-8 pt-6 border-t border-gray-100 dark:border-zinc-800/60 flex flex-col sm:flex-row items-center justify-between gap-3"><a class="flex items-center gap-2" href="/"><div class="w-7 h-7 rounded-md bg-primary flex items-center justify-center"><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-wrench w-3.5 h-3.5 text-white" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><span class="font-bold text-sm text-gray-900 dark:text-zinc-50">ToolsDock</span><span class="text-xs text-gray-500 dark:text-zinc-400">Directory</span></a><div class="flex flex-col sm:items-end gap-1 text-center sm:text-right"><span class="text-xs text-gray-500 dark:text-zinc-400">© 2026 ToolsDock Directory. All rights reserved.</span><span class="text-xs text-gray-500 dark:text-zinc-400">Designed by <a href="https://www.instagram.com/imazamsharieff" target="_blank" rel="noopener noreferrer" class="hover:text-primary dark:hover:text-primary transition-colors hover:underline">@imazamsharieff</a> | <a href="https://zapgrow.in" target="_blank" rel="noopener noreferrer" class="hover:text-primary dark:hover:text-primary transition-colors hover:underline">ZapGrow.in</a></span></div></div></div><div class="border-t border-gray-100 dark:border-zinc-800/60 px-6 py-3 text-center"><p class="text-[11px] text-gray-500 dark:text-zinc-400 max-w-3xl mx-auto leading-relaxed">ToolsDock is India's free online tools directory - calculators, converters, image utilities, developer tools, and Islamic finance calculators. No sign-up, always free.</p></div></footer></div></div></div><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/6ef72737d6322cfc.js" id="_R_" async=""></script><div hidden id="S:0"><div class="space-y-6"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start"><div class="space-y-5 bg-white dark:bg-zinc-900 border border-border rounded-xl p-5 shadow-sm"><h2 class="font-semibold text-lg text-foreground mb-2">Metadata Details</h2><div class="space-y-2"><div class="flex justify-between items-center text-sm"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-medium text-foreground" for="title">Title Tag</label><span class="text-xs text-gray-500 dark:text-zinc-400">51<!-- --> / <!-- -->60</span></div><input id="title" data-slot="input" placeholder="Enter your page title..." class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" value="Free SERP Checker & Google Preview Tool | ToolsDock"/><div class="w-full bg-gray-100 dark:bg-zinc-800 h-1.5 rounded-full overflow-hidden"><div class="h-full bg-green-500" style="width:85%"></div></div></div><div class="space-y-2"><div class="flex justify-between items-center text-sm"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-medium text-foreground" for="description">Meta Description</label><span class="text-xs text-gray-500 dark:text-zinc-400">154<!-- --> / <!-- -->155</span></div><textarea data-slot="textarea" class="flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" id="description" placeholder="Enter your page meta description..." rows="4">Visualize your meta title and description exactly how they will appear on Google's mobile and desktop search results. Optimize your CTR before publishing.</textarea><div class="w-full bg-gray-100 dark:bg-zinc-800 h-1.5 rounded-full overflow-hidden"><div class="h-full bg-green-500" style="width:99.35483870967742%"></div></div></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-sm font-medium text-foreground" for="url">URL Format</label><input id="url" data-slot="input" placeholder="https://example.com/your-post" class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" value="https://toolsdock.in/tools/serp-preview"/></div><div class="pt-2"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full">Clear All</button></div></div><div class="bg-gray-50 dark:bg-[#1f1f1f] border border-border rounded-xl p-0 overflow-hidden shadow-sm flex flex-col h-full"><div class="border-b border-border p-3 flex justify-between items-center bg-white dark:bg-[#282828]"><h3 class="font-semibold text-sm text-foreground">Live SERP Preview</h3><div class="flex bg-gray-100 dark:bg-zinc-800 p-0.5 rounded-lg border border-border"><button class="px-3 py-1 text-xs font-medium rounded-md transition-colors bg-white dark:bg-zinc-700 shadow-sm text-foreground">Desktop</button><button class="px-3 py-1 text-xs font-medium rounded-md transition-colors text-gray-500 dark:text-zinc-400 hover:text-foreground">Mobile</button></div></div><div class="p-6 md:p-8 flex-1 flex flex-col items-center justify-center bg-white dark:bg-[#1a1a1a]"><div class="w-full max-w-[600px] font-sans text-left" style="font-family:Arial, sans-serif"><div class="flex items-center gap-2 mb-1 cursor-pointer"><div class="flex flex-col"><span class="text-[12px] whitespace-nowrap overflow-hidden text-ellipsis text-[#4d5156] dark:text-[#bdc1c6] max-w-[300px]">https://toolsdock.in/tools/serp-preview</span></div><div class="flex gap-1 ml-1 text-[#70757a] dark:text-[#9aa0a6] mb-1"><svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-3.5 h-3.5 fill-current"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></svg></div></div><h3 class="text-[20px] leading-[1.3] cursor-pointer font-normal text-[#1a0dab] dark:text-[#8ab4f8] hover:underline mb-1 w-full overflow-hidden text-ellipsis whitespace-nowrap max-w-[600px]" style="font-family:Roboto, Arial, sans-serif">Free SERP Checker & Google Preview Tool | ToolsDock</h3><div class="text-[14px] leading-[1.58] max-w-[600px] text-[#4d5156] dark:text-[#bdc1c6]">Visualize your meta title and description exactly how they will appear on Google's mobile and desktop search results. Optimize your CTR before publishing.</div></div></div></div></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[479520,[\"/_next/static/chunks/69c73010cfe973fc.js\"],\"\"]\n3:\"$Sreact.suspense\"\n4:I[826817,[\"/_next/static/chunks/69c73010cfe973fc.js\"],\"default\"]\n5:I[339756,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"default\"]\n6:I[837457,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"default\"]\n7:I[427423,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\"],\"ThemeProvider\"]\n8:I[263327,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\"],\"default\"]\n9:I[786545,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\"],\"default\"]\na:I[469964,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\"],\"default\"]\n15:I[168027,[],\"default\"]\n:HL[\"/_next/static/chunks/bfbc3eb4af9ff7f3.css\",\"style\"]\n:HL[\"/_next/static/chunks/7e1856b797f97523.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/ef0b495c2229bec7.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"_PecqRXEkUGO3Vr0lIKyn\",\"c\":[\"\",\"tools\",\"serp-preview\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(site)\",{\"children\":[\"tools\",{\"children\":[[\"slug\",\"serp-preview\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/69c73010cfe973fc.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{\"id\":\"google-analytics-bootstrap\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n window.gtag = gtag;\\n gtag('js', new Date());\\n gtag('config', 'G-N7T9XHF1ML', { send_page_view: false });\\n \"}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-N7T9XHF1ML\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$3\",null,{\"fallback\":null,\"children\":[\"$\",\"$L4\",null,{\"measurementId\":\"G-N7T9XHF1ML\"}]}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",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\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/bfbc3eb4af9ff7f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/7e1856b797f97523.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/90c4a08605e8a6a9.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"inter_fd091ad6-module__giF-bG__variable font-sans antialiased bg-gray-50 dark:bg-zinc-950\",\"children\":[\"$\",\"$L7\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-h-screen\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block\",\"children\":[\"$\",\"$L8\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col min-w-0\",\"children\":[[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:3:props:notFound:0:1:props:style\",\"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\":\"$0:f:0:1:0:props:children:1:props:children:props:children:3:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:3:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:3:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"bg-white dark:bg-zinc-950 border-t border-gray-200 dark:border-zinc-800 mt-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto px-6 py-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 text-xs text-gray-500 dark:text-zinc-400\",\"children\":[\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\"]}],\"$Lf\"]}],\"$L10\"]}]]}]]}]}]}]]}],{\"children\":[\"$L11\",{\"children\":[\"$L12\",{\"children\":[\"$L13\",{},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false],\"$L14\",false]],\"m\":\"$undefined\",\"G\":[\"$15\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"16:I[522016,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\",\"/_next/static/chunks/abbaad18e04b9d49.js\",\"/_next/static/chunks/e87306a280280980.js\",\"/_next/static/chunks/37ad9b35227657c7.js\",\"/_next/static/chunks/6ff8c451924633f2.js\",\"/_next/static/chunks/f1f678cbdda0b9e6.js\",\"/_next/static/chunks/ead84580df318322.js\",\"/_next/static/chunks/e457ce490cd2e493.js\",\"/_next/static/chunks/e024ecbddfec60d6.js\",\"/_next/static/chunks/75de11a821e40ced.js\"],\"\"]\n18:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"OutletBoundary\"]\n1a:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"ViewportBoundary\"]\n1c:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"b:[\"$\",\"nav\",null,{\"aria-labelledby\":\"footer-categories\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"footer-categories\",\"className\":\"text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3\",\"children\":\"Categories\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"li\",\"calculators\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/calculators\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Financial Calculators\"}]}],[\"$\",\"li\",\"islamic-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/islamic-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Islamic Tools\"}]}],[\"$\",\"li\",\"image-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/image-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Image Tools\"}]}],[\"$\",\"li\",\"text-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/text-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Text Tools\"}]}],[\"$\",\"li\",\"developer-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/developer-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Developer Tools\"}]}],[\"$\",\"li\",\"social-media-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/social-media-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Social Media Tools\"}]}],[\"$\",\"li\",\"utility-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/utility-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Utility Tools\"}]}],[\"$\",\"li\",\"pdf-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/pdf-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"PDF Tools\"}]}],[\"$\",\"li\",\"ai-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ai-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"AI \u0026 Prompt Tools\"}]}],[\"$\",\"li\",\"seo-tools\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/seo-tools\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"SEO Tools\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"c:[\"$\",\"nav\",null,{\"aria-labelledby\":\"footer-popular\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"footer-popular\",\"className\":\"text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3\",\"children\":\"Popular Tools\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"li\",\"emi-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/emi-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"EMI Calculator\"}]}],[\"$\",\"li\",\"gst-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/gst-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"GST Calculator\"}]}],[\"$\",\"li\",\"sip-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/sip-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"SIP Calculator\"}]}],[\"$\",\"li\",\"salary-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/salary-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Salary Calculator\"}]}],[\"$\",\"li\",\"income-tax-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/income-tax-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Income Tax Calculator\"}]}],[\"$\",\"li\",\"nisab-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/nisab-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Today's Nisab Value\"}]}],[\"$\",\"li\",\"zakat-calculator\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/zakat-calculator\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Zakat Calculator\"}]}],[\"$\",\"li\",\"image-compressor\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/image-compressor\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Image Compressor\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"nav\",null,{\"aria-labelledby\":\"footer-company\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"footer-company\",\"className\":\"text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/about\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"About\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/contact\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Contact\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Blog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/glossary\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Glossary\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/compare\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Compare\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:contact@toolsdock.in\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Advertise\"}]}]]}]]}]\ne:[\"$\",\"nav\",null,{\"aria-labelledby\":\"footer-legal\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"footer-legal\",\"className\":\"text-xs font-semibold text-gray-900 dark:text-zinc-50 mb-3\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/privacy-policy\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Privacy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/terms\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Terms\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/disclaimer\",\"className\":\"hover:text-gray-900 dark:hover:text-zinc-100 transition-colors\",\"children\":\"Disclaimer\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"div\",null,{\"className\":\"mt-8 pt-6 border-t border-gray-100 dark:border-zinc-800/60 flex flex-col sm:flex-row items-center justify-between gap-3\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-7 h-7 rounded-md bg-primary flex items-center justify-center\",\"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-wrench w-3.5 h-3.5 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ngwbx\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-bold text-sm text-gray-900 dark:text-zinc-50\",\"children\":\"ToolsDock\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-400\",\"children\":\"Directory\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:items-end gap-1 text-center sm:text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-400\",\"children\":\"© 2026 ToolsDock Directory. All rights reserved.\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-400\",\"children\":[\"Designed by \",[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/imazamsharieff\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary dark:hover:text-primary transition-colors hover:underline\",\"children\":\"@imazamsharieff\"}],\" | \",[\"$\",\"a\",null,{\"href\":\"https://zapgrow.in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary dark:hover:text-primary transition-colors hover:underline\",\"children\":\"ZapGrow.in\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"div\",null,{\"className\":\"border-t border-gray-100 dark:border-zinc-800/60 px-6 py-3 text-center\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-[11px] text-gray-500 dark:text-zinc-400 max-w-3xl mx-auto leading-relaxed\",\"children\":\"ToolsDock is India's free online tools directory - calculators, converters, image utilities, developer tools, and Islamic finance calculators. No sign-up, always free.\"}]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n12:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n13:[\"$\",\"$1\",\"c\",{\"children\":[\"$L17\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/ef0b495c2229bec7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/abbaad18e04b9d49.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/e87306a280280980.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/37ad9b35227657c7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/6ff8c451924633f2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/f1f678cbdda0b9e6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/ead84580df318322.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/e457ce490cd2e493.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/e024ecbddfec60d6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/75de11a821e40ced.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$3\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@19\"}]}]]}]\n14:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1a\",null,{\"children\":\"$L1b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1c\",null,{\"children\":[\"$\",\"$3\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1d\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"1e:T1755,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://toolsdock.in/#organization\",\"name\":\"ToolsDock\",\"url\":\"https://toolsdock.in\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://toolsdock.in/icon.png\",\"width\":640,\"height\":640},\"description\":\"Free online toolkit built for India — calculators, converters and file utilities that run in the browser with no sign-up.\",\"email\":\"contact@toolsdock.in\",\"founder\":{\"@id\":\"https://toolsdock.in/#founder\"},\"areaServed\":\"IN\",\"sameAs\":[\"https://zapgrow.in\"]},{\"@type\":\"Person\",\"@id\":\"https://toolsdock.in/#founder\",\"name\":\"Azam Sharieff\",\"url\":\"https://toolsdock.in/about\",\"sameAs\":[\"https://www.instagram.com/imazamsharieff\",\"https://zapgrow.in\"]},{\"@type\":\"WebSite\",\"@id\":\"https://toolsdock.in/#website\",\"url\":\"https://toolsdock.in\",\"name\":\"ToolsDock\",\"inLanguage\":\"en-IN\",\"publisher\":{\"@id\":\"https://toolsdock.in/#organization\"},\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://toolsdock.in/tools?q={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}},{\"@type\":\"WebPage\",\"@id\":\"https://toolsdock.in/tools/serp-preview#webpage\",\"url\":\"https://toolsdock.in/tools/serp-preview\",\"name\":\"SERP Preview Tool\",\"description\":\"Visualize exactly how your meta title and description will appear on Google's mobile and desktop search results.\",\"isPartOf\":{\"@id\":\"https://toolsdock.in/#website\"},\"breadcrumb\":{\"@id\":\"https://toolsdock.in/tools/serp-preview#breadcrumb\"},\"inLanguage\":\"en-IN\",\"datePublished\":\"2026-08-01\",\"dateModified\":\"2026-08-01\",\"primaryImageOfPage\":{\"@type\":\"ImageObject\",\"url\":\"https://toolsdock.in/tools/serp-preview/opengraph-image\"}},{\"@type\":\"SoftwareApplication\",\"@id\":\"https://toolsdock.in/tools/serp-preview#app\",\"name\":\"SERP Preview Tool\",\"description\":\"Visualize exactly how your meta title and description will appear on Google's mobile and desktop search results.\",\"applicationCategory\":\"SEO Tools\",\"applicationSubCategory\":\"SEO Tools\",\"operatingSystem\":\"Web Browser\",\"browserRequirements\":\"Requires JavaScript. Runs in any modern browser.\",\"url\":\"https://toolsdock.in/tools/serp-preview\",\"isAccessibleForFree\":true,\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"INR\"},\"publisher\":{\"@id\":\"https://toolsdock.in/#organization\"},\"provider\":{\"@id\":\"https://toolsdock.in/#organization\"},\"inLanguage\":\"en-IN\",\"dateModified\":\"2026-08-01\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://toolsdock.in/tools/serp-preview#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://toolsdock.in\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tools\",\"item\":\"https://toolsdock.in/tools\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SEO Tools\",\"item\":\"https://toolsdock.in/tools/seo-tools\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"SERP Preview Tool\",\"item\":\"https://toolsdock.in/tools/serp-preview\"}]},{\"@type\":\"FAQPage\",\"@id\":\"https://toolsdock.in/tools/serp-preview#faq\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Why is SERP preview important?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Previewing your snippet ensures your title and description fit within Google's pixel limits, preventing truncation and improving your Click-Through Rate (CTR).\"}},{\"@type\":\"Question\",\"name\":\"How long should my title tag be?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Google typically truncates title tags at around 600 pixels on desktop, which usually equates to about 50-60 characters.\"}},{\"@type\":\"Question\",\"name\":\"How long should my meta description be?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aim for about 150 to 155 characters. The counter in this tool turns red past that point, which is roughly where Google starts cutting descriptions off on desktop, and mobile can truncate earlier still.\"}},{\"@type\":\"Question\",\"name\":\"Does this preview show exactly what Google will display?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is a close approximation, not a guarantee. Google frequently rewrites titles and descriptions using page content or the user's query, and this tool measures character counts rather than the exact pixel widths Google renders.\"}},{\"@type\":\"Question\",\"name\":\"Can I preview a page that is not published yet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Nothing is crawled or fetched from your site - you type the title, description and URL yourself, so you can test drafts before the page ever goes live.\"}},{\"@type\":\"Question\",\"name\":\"Why does the favicon in the preview look wrong?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The preview pulls the icon from Google's public favicon service for whatever domain you entered. A brand new site, a typo in the URL, or a domain Google has not indexed will fall back to a generic icon.\"}},{\"@type\":\"Question\",\"name\":\"Is the SERP preview tool free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, it is free with no sign-up and no limit on how many snippets you preview.\"}}]},{\"@type\":\"HowTo\",\"@id\":\"https://toolsdock.in/tools/serp-preview#howto\",\"name\":\"How to use SERP Preview Tool\",\"step\":[{\"@type\":\"HowToStep\",\"position\":1,\"name\":\"Enter your title tag\",\"text\":\"Type the page title you plan to publish into the Title Tag field. The character counter warns you as you approach the point where Google truncates titles in search results.\"},{\"@type\":\"HowToStep\",\"position\":2,\"name\":\"Add your meta description\",\"text\":\"Paste your meta description into the Meta Description field. Aim for a length that summarises the page fully without being cut off mid-sentence in the SERP.\"},{\"@type\":\"HowToStep\",\"position\":3,\"name\":\"Set the page URL\",\"text\":\"Enter the full URL of the page in the URL Format field so the preview shows the breadcrumb path exactly as Google renders it.\"},{\"@type\":\"HowToStep\",\"position\":4,\"name\":\"Review the live preview\",\"text\":\"Check the Live SERP Preview panel to see how your snippet looks on both desktop and mobile before you publish, then adjust the title or description until nothing is truncated.\"}]}]}"])</script><script>self.__next_f.push([1,"17:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1e\"}}],\"$L1f\"]\n"])</script><script>self.__next_f.push([1,"20:I[828103,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\",\"/_next/static/chunks/abbaad18e04b9d49.js\",\"/_next/static/chunks/e87306a280280980.js\",\"/_next/static/chunks/37ad9b35227657c7.js\",\"/_next/static/chunks/6ff8c451924633f2.js\",\"/_next/static/chunks/f1f678cbdda0b9e6.js\",\"/_next/static/chunks/ead84580df318322.js\",\"/_next/static/chunks/e457ce490cd2e493.js\",\"/_next/static/chunks/e024ecbddfec60d6.js\",\"/_next/static/chunks/75de11a821e40ced.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-gray-50 dark:bg-zinc-950\",\"style\":{\"fontFamily\":\"'Inter', sans-serif\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white dark:bg-zinc-900 border-b border-gray-200 dark:border-zinc-800 px-6 py-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"flex items-center gap-1.5 text-xs text-gray-400 dark:text-zinc-500 mb-4\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"/\",\"className\":\"hover:text-primary dark:hover:text-primary transition-colors\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"children\":\"›\"}],[\"$\",\"$L16\",null,{\"href\":\"/tools\",\"className\":\"hover:text-primary dark:hover:text-primary transition-colors\",\"children\":\"Tools\"}],[\"$\",\"span\",null,{\"children\":\"›\"}],[\"$\",\"$L16\",null,{\"href\":\"/tools/seo-tools\",\"className\":\"hover:text-primary dark:hover:text-primary transition-colors\",\"children\":\"SEO Tools\"}],[\"$\",\"span\",null,{\"children\":\"›\"}],[\"$\",\"span\",null,{\"className\":\"text-gray-700 dark:text-zinc-300 font-medium\",\"children\":\"SERP Preview Tool\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-4 flex-wrap\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-2xl font-bold text-gray-900 dark:text-zinc-50 mb-1\",\"children\":\"SERP Preview Tool\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-500 dark:text-zinc-400 leading-relaxed max-w-2xl\",\"children\":\"Visualize exactly how your meta title and description will appear on Google's mobile and desktop search results.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 flex-shrink-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold px-3 py-1.5 rounded-full bg-blue-50 text-blue-700 border border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-800/50\",\"children\":\"SEO Tools\"}],\"$undefined\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3\",\"children\":[\"$\",\"$L20\",null,{\"title\":\"SERP Preview Tool – Free Tool on ToolsDock\"}]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto px-6 py-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-w-0 space-y-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-6 shadow-sm\",\"children\":[\"$\",\"$3\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"h-64 space-y-3 animate-pulse\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 dark:bg-zinc-800 rounded w-1/3\"}],[\"$\",\"div\",null,{\"className\":\"h-10 bg-gray-200 dark:bg-zinc-800 rounded\"}],[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 dark:bg-zinc-800 rounded w-1/4 mt-4\"}],[\"$\",\"div\",null,{\"className\":\"h-10 bg-gray-200 dark:bg-zinc-800 rounded\"}],[\"$\",\"div\",null,{\"className\":\"h-10 bg-gray-100 dark:bg-zinc-700 rounded mt-6 w-32\"}]]}],\"children\":\"$L21\"}]}],[\"$\",\"div\",null,{\"className\":\"w-full h-16 bg-gray-100 dark:bg-zinc-900 border border-dashed border-gray-200 dark:border-zinc-700 rounded-xl flex items-center justify-center text-xs text-gray-400 dark:text-zinc-600 tracking-wide\",\"children\":\"ADVERTISEMENT\"}],[\"$\",\"div\",null,{\"className\":\"bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-6 shadow-sm mt-8\",\"children\":[false,[\"$\",\"div\",null,{\"className\":\"prose prose-sm dark:prose-invert max-w-none prose-headings:font-bold prose-headings:text-gray-900 dark:prose-headings:text-zinc-50 prose-p:text-gray-600 dark:prose-p:text-zinc-400 prose-p:leading-relaxed\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"mb-6 last:mb-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl mb-3\",\"children\":\"Optimize Your Search Snippets\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"p\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"The Google Search Engine Results Page (SERP) is the first interaction a potential visitor has with your website. Our SERP Preview Tool helps you meticulously craft your HTML `\u003ctitle\u003e` and `\u003cmeta name=\\\"description\\\"\u003e` tags to ensure they fit perfectly within Google's display limits.\"}}],\"$L22\"]}]]}]]}]]}],\"$L23\"]}],\"$L24\"]}],\"$L25\"]}]]}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"p\",\"1\",{\"dangerouslySetInnerHTML\":{\"__html\":\"By avoiding truncation, you provide a clear, compelling message that entices users to click. This tool allows you to instantly toggle between Mobile and Desktop views, replicating Google's exact font sizes and pixel boundaries so you can publish with absolute confidence.\"}}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"className\":\"mt-8\",\"aria-label\":\"Frequently Asked Questions\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold mb-4\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"details\",\"0\",{\"open\":true,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"Why is SERP preview important?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-0\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"Previewing your snippet ensures your title and description fit within Google's pixel limits, preventing truncation and improving your Click-Through Rate (CTR).\"}]]}],[\"$\",\"details\",\"1\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"How long should my title tag be?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-1\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"Google typically truncates title tags at around 600 pixels on desktop, which usually equates to about 50-60 characters.\"}]]}],[\"$\",\"details\",\"2\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"How long should my meta description be?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-2\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"Aim for about 150 to 155 characters. The counter in this tool turns red past that point, which is roughly where Google starts cutting descriptions off on desktop, and mobile can truncate earlier still.\"}]]}],[\"$\",\"details\",\"3\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"Does this preview show exactly what Google will display?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":\"$L26\"}]]}],\"$L27\"]}],\"$L28\",\"$L29\",\"$L2a\"]}]]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"className\":\"hidden lg:block w-72 flex-shrink-0 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 shadow-sm\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-gray-900 dark:text-zinc-100 mb-4\",\"children\":\"Related Tools\"}],[\"$\",\"div\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"$L16\",\"meta-tag-generator\",{\"href\":\"/tools/meta-tag-generator\",\"className\":\"flex items-center gap-3 p-2.5 rounded-xl hover:bg-gray-50/80 dark:hover:bg-zinc-800/40 transition-all group border border-transparent hover:border-gray-200/50 dark:hover:border-zinc-700/50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-xl bg-blue-50/50 dark:bg-blue-900/10 flex items-center justify-center flex-shrink-0 text-xl border border-blue-100/50 dark:border-blue-800/30 group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20 transition-colors\",\"children\":\"🏷️\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-gray-800 dark:text-zinc-200 group-hover:text-primary transition-colors truncate\",\"children\":\"Meta Tag Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-500 truncate leading-snug mt-0.5\",\"children\":\"Generate HTML meta tags\"}]]}]]}],[\"$\",\"$L16\",\"keyword-density-checker\",{\"href\":\"/tools/keyword-density-checker\",\"className\":\"flex items-center gap-3 p-2.5 rounded-xl hover:bg-gray-50/80 dark:hover:bg-zinc-800/40 transition-all group border border-transparent hover:border-gray-200/50 dark:hover:border-zinc-700/50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-xl bg-blue-50/50 dark:bg-blue-900/10 flex items-center justify-center flex-shrink-0 text-xl border border-blue-100/50 dark:border-blue-800/30 group-hover:bg-blue-50 dark:group-hover:bg-blue-900/20 transition-colors\",\"children\":\"📊\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-gray-800 dark:text-zinc-200 group-hover:text-primary transition-colors truncate\",\"children\":\"Keyword Density Checker\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-500 truncate leading-snug mt-0.5\",\"children\":\"Analyze keyword usage\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full h-48 bg-gray-50/50 dark:bg-zinc-900/50 border border-dashed border-gray-200 dark:border-zinc-800 rounded-2xl flex items-center justify-center text-xs text-gray-400 dark:text-zinc-600 tracking-wide font-medium\",\"children\":\"AD\"}]]}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"div\",null,{\"className\":\"lg:hidden mt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-gray-900 mb-4\",\"children\":\"Related Tools\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\",\"children\":[[\"$\",\"$L16\",\"meta-tag-generator\",{\"href\":\"/tools/meta-tag-generator\",\"className\":\"group flex flex-col bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 hover:border-blue-300 dark:hover:border-blue-500/50 hover:shadow-md transition-all duration-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-11 h-11 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0\",\"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-zap w-5 h-5 text-blue-600\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"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\"}],\"$undefined\"]}]}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-sm text-gray-900 dark:text-zinc-50 mb-1 group-hover:text-primary transition-colors leading-snug\",\"children\":\"Meta Tag Generator\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-400 leading-relaxed line-clamp-2 flex-1 mb-3\",\"children\":\"Generate HTML meta tags\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-medium px-2 py-0.5 rounded-full dark:bg-opacity-20 dark:border-opacity-30 bg-gray-100 text-gray-600 border border-gray-200\",\"children\":\"Tool\"}],\"$undefined\"]}]]}],[\"$\",\"$L16\",\"keyword-density-checker\",{\"href\":\"/tools/keyword-density-checker\",\"className\":\"group flex flex-col bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-2xl p-5 hover:border-blue-300 dark:hover:border-blue-500/50 hover:shadow-md transition-all duration-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-11 h-11 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0\",\"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-zap w-5 h-5 text-blue-600\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"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\"}],\"$undefined\"]}]}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-sm text-gray-900 dark:text-zinc-50 mb-1 group-hover:text-primary transition-colors leading-snug\",\"children\":\"Keyword Density Checker\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-500 dark:text-zinc-400 leading-relaxed line-clamp-2 flex-1 mb-3\",\"children\":\"Analyze keyword usage\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-medium px-2 py-0.5 rounded-full dark:bg-opacity-20 dark:border-opacity-30 bg-gray-100 text-gray-600 border border-gray-200\",\"children\":\"Tool\"}],\"$undefined\"]}]]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]\n27:[\"$\",\"div\",null,{\"id\":\"faq-answer-3\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"It is a close approximation, not a guarantee. Google frequently rewrites titles and descriptions using page content or the user's query, and this tool measures character counts rather than the exact pixel widths Google renders.\"}]\n28:[\"$\",\"details\",\"4\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"Can I preview a page that is not published yet?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-4\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"Yes. Nothing is crawled or fetched from your site - you type the title, description and URL yourself, so you can test drafts before the page ever goes live.\"}]]}]\n29:[\"$\",\"details\",\"5\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"Why does the favicon in the preview look wrong?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-5\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"The preview pulls the icon from Google's public favicon service for whatever domain you entered. A brand new site, a typo in the URL, or a domain Google has not indexed will fall back to a generic icon.\"}]]}]\n2a:[\"$\",\"details\",\"6\",{\"open\":false,\"className\":\"group border border-border rounded-xl overflow-hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex items-center justify-between gap-4 px-5 py-4 cursor-pointer hover:bg-muted/50 transition-colors list-none select-none\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-sm\",\"children\":\"Is the SERP preview tool free?\"}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-muted-foreground flex-shrink-0 transition-transform group-open:rotate-180\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"polyline\",null,{\"points\":\"6 9 12 15 18 9\"}]}]]}],[\"$\",\"div\",null,{\"id\":\"faq-answer-6\",\"className\":\"px-5 pb-4 text-sm text-muted-foreground leading-relaxed border-t border-border/50 pt-3\",\"children\":\"Yes, it is free with no sign-up and no limit on how many snippets you preview.\"}]]}]\n"])</script><script>self.__next_f.push([1,"2b:I[830651,[\"/_next/static/chunks/69c73010cfe973fc.js\",\"/_next/static/chunks/90c4a08605e8a6a9.js\",\"/_next/static/chunks/abbaad18e04b9d49.js\",\"/_next/static/chunks/e87306a280280980.js\",\"/_next/static/chunks/37ad9b35227657c7.js\",\"/_next/static/chunks/6ff8c451924633f2.js\",\"/_next/static/chunks/f1f678cbdda0b9e6.js\",\"/_next/static/chunks/ead84580df318322.js\",\"/_next/static/chunks/e457ce490cd2e493.js\",\"/_next/static/chunks/e024ecbddfec60d6.js\",\"/_next/static/chunks/75de11a821e40ced.js\"],\"default\"]\n21:[\"$\",\"$L2b\",null,{}]\n"])</script><script>self.__next_f.push([1,"1b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"#09090b\"}]]\n"])</script><script>self.__next_f.push([1,"2c:I[27201,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"IconMark\"]\n19:null\n"])</script><script>self.__next_f.push([1,"1d:[[\"$\",\"title\",\"0\",{\"children\":\"Google SERP Preview Tool\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Visualize exactly how your meta title and description will appear on Google's mobile and desktop search results.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"ToolsDock\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"serp preview,google snippet generator,meta tags simulator,check title length\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"ToolsDock\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"ToolsDock\"}],[\"$\",\"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://toolsdock.in/tools/serp-preview\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Google SERP Preview Tool\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Preview Google search results\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://toolsdock.in/tools/serp-preview\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"ToolsDock – Free Online Tools\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://toolsdock.in/tools/serp-preview/opengraph-image-1xyhzj?9f66c85fe6073525\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Google SERP Preview Tool\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Preview Google search results\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image:alt\",\"content\":\"ToolsDock – Free Online Tools\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://toolsdock.in/tools/serp-preview/opengraph-image-1xyhzj?9f66c85fe6073525\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L2c\",\"29\",{}]]\n"])</script></body></html>