Calculate Dollar Cost Average

SEO SERP Snippet Preview

Characters: 0 / 60
Characters: 0 / 160
Google Desktop Preview
https://yourdomain.com › …
Your Page Title Appears Here
Provide a compelling meta description here to increase your click-through rate in the search engine result pages.
function updateSerpPreview() { var title = document.getElementById('seo-title-input').value; var desc = document.getElementById('seo-desc-input').value; var url = document.getElementById('seo-url-input').value; var pTitle = document.getElementById('preview-title'); var pDesc = document.getElementById('preview-desc'); var pUrl = document.getElementById('preview-url'); var tCount = document.getElementById('title-count'); var dCount = document.getElementById('desc-count'); // Update Title pTitle.innerText = title || 'Your Page Title Appears Here'; tCount.innerText = 'Characters: ' + title.length + ' / 60'; tCount.style.color = (title.length > 60) ? '#d63638' : '#646970'; // Update Description pDesc.innerText = desc || 'Provide a compelling meta description here to increase your click-through rate in the search engine result pages.'; dCount.innerText = 'Characters: ' + desc.length + ' / 160'; dCount.style.color = (desc.length > 160) ? '#d63638' : '#646970'; // Update URL var cleanUrl = url.replace(/\s+/g, '-').toLowerCase(); pUrl.innerText = 'https://yourdomain.com › ' + (cleanUrl || '…'); } function clearSeoFields() { document.getElementById('seo-title-input').value = "; document.getElementById('seo-desc-input').value = "; document.getElementById('seo-url-input').value = "; updateSerpPreview(); }

Leave a Comment