Calculate Days in Between Two Dates

by

Google SERP Optimizer

0 characters Optimal: 50-60 chars
0 characters Optimal: 120-155 chars

Desktop Preview

https://yourwebsite.com/your-page-url
Your Page Title Will Appear Here
Provide a meta description to see how your page appears in search results. This summary helps users understand your content.
function updateSeoPreview() { var titleInput = document.getElementById('seo-title-input'); var descInput = document.getElementById('seo-desc-input'); var titlePreview = document.getElementById('preview-title'); var descPreview = document.getElementById('preview-desc'); var titleChar = titleInput.value.length; var descChar = descInput.value.length; // Update Text titlePreview.innerText = titleInput.value || 'Your Page Title Will Appear Here'; descPreview.innerText = descInput.value || 'Provide a meta description to see how your page appears in search results.'; // Title Logic document.getElementById('title-char-count').innerText = titleChar + ' characters'; var titlePercent = Math.min((titleChar / 60) * 100, 100); var titleBar = document.getElementById('title-bar'); titleBar.style.width = titlePercent + '%'; if (titleChar < 40) titleBar.style.backgroundColor = '#ecc94b'; else if (titleChar <= 60) titleBar.style.backgroundColor = '#48bb78'; else titleBar.style.backgroundColor = '#f56565'; // Desc Logic document.getElementById('desc-char-count').innerText = descChar + ' characters'; var descPercent = Math.min((descChar / 160) * 100, 100); var descBar = document.getElementById('desc-bar'); descBar.style.width = descPercent + '%'; if (descChar < 100) descBar.style.backgroundColor = '#ecc94b'; else if (descChar <= 160) descBar.style.backgroundColor = '#48bb78'; else descBar.style.backgroundColor = '#f56565'; } function clearSeoFields() { document.getElementById('seo-title-input').value = ''; document.getElementById('seo-desc-input').value = ''; updateSeoPreview(); }

Leave a Comment