Cost of Bathroom Remodel Calculator

SERP Snippet Optimizer & Character Counter

0 characters Too Short
0 characters Too Short

Google Search Preview

https://yourdomain.com › …
Your Page Title Will Appear Here
Provide a meta description to see how your site will look in search engine results. This content should be concise and keyword-rich.
function updateSeoPreview() { var title = document.getElementById('seo-title').value; var desc = document.getElementById('seo-desc').value; var titleLen = title.length; var descLen = desc.length; // Update Preview Text document.getElementById('preview-title').innerText = title || 'Your Page Title Will Appear Here'; document.getElementById('preview-desc').innerText = desc || 'Provide a meta description to see how your site will look in search engine results.'; // Update Title Logic (Ideal: 50-60 chars) var titleCountEl = document.getElementById('title-count'); var titleStatusEl = document.getElementById('title-status'); titleCountEl.innerText = titleLen + ' characters'; if (titleLen === 0) { titleStatusEl.innerText = 'Empty'; titleStatusEl.style.color = '#718096'; } else if (titleLen < 50) { titleStatusEl.innerText = 'Too Short'; titleStatusEl.style.color = '#ecc94b'; } else if (titleLen <= 60) { titleStatusEl.innerText = 'Perfect'; titleStatusEl.style.color = '#48bb78'; } else { titleStatusEl.innerText = 'Too Long'; titleStatusEl.style.color = '#f56565'; } // Update Description Logic (Ideal: 120-155 chars) var descCountEl = document.getElementById('desc-count'); var descStatusEl = document.getElementById('desc-status'); descCountEl.innerText = descLen + ' characters'; if (descLen === 0) { descStatusEl.innerText = 'Empty'; descStatusEl.style.color = '#718096'; } else if (descLen < 120) { descStatusEl.innerText = 'Too Short'; descStatusEl.style.color = '#ecc94b'; } else if (descLen <= 155) { descStatusEl.innerText = 'Perfect'; descStatusEl.style.color = '#48bb78'; } else { descStatusEl.innerText = 'Too Long'; descStatusEl.style.color = '#f56565'; } } function clearSeoFields() { document.getElementById('seo-title').value = ''; document.getElementById('seo-desc').value = ''; updateSeoPreview(); } function copySeoData() { var title = document.getElementById('seo-title').value; var desc = document.getElementById('seo-desc').value; var combined = "Title: " + title + "\nDescription: " + desc; var dummy = document.createElement("textarea"); document.body.appendChild(dummy); dummy.value = combined; dummy.select(); document.execCommand("copy"); document.body.removeChild(dummy); alert("SEO data copied to clipboard!"); }

Leave a Comment