Days Between Calculator

by

SEO Snippet Preview Tool

0 / 60 characters
0 / 160 characters
Desktop Preview:
https://example.com › page
Your Page Title Will Appear Here
Enter a meta description to see how it looks in the search engine result pages. This is a simulation of a Google SERP snippet.
function updateSeoPreview() { var titleIn = document.getElementById('seo-input-title'); var descIn = document.getElementById('seo-input-desc'); var previewTitle = document.getElementById('preview-title'); var previewDesc = document.getElementById('preview-desc'); var titleCount = document.getElementById('title-counter'); var descCount = document.getElementById('desc-counter'); var tVal = titleIn.value; var dVal = descIn.value; // Update Preview previewTitle.innerText = tVal || "Your Page Title Will Appear Here"; previewDesc.innerText = dVal || "Enter a meta description to see how it looks in the search engine result pages."; // Update Counters titleCount.innerText = tVal.length + " / 60 characters"; descCount.innerText = dVal.length + " / 160 characters"; // Visual Warnings titleCount.style.color = tVal.length > 60 ? "#d63638" : "#646970"; descCount.style.color = dVal.length > 160 ? "#d63638" : "#646970″; } function clearSeoFields() { document.getElementById('seo-input-title').value = "; document.getElementById('seo-input-desc').value = "; updateSeoPreview(); } function copyToClipboard() { var t = document.getElementById('seo-input-title').value; var d = document.getElementById('seo-input-desc').value; var text = "Title: " + t + "\nDescription: " + d; var el = document.createElement('textarea'); el.value = text; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); alert('SEO data copied to clipboard!'); }

Leave a Comment