Calendar Day Calculator

by

Quick SEO Meta Preview

Check how your page appears in search results.

0 / 60 characters
0 / 160 characters
example.com > page
Your Page Title Will Appear Here
Your meta description will appear here. It should be concise and include your target keywords to improve click-through rates.
function updatePreview() { var titleInput = document.getElementById('meta-title-input'); var descInput = document.getElementById('meta-desc-input'); var previewTitle = document.getElementById('preview-title'); var previewDesc = document.getElementById('preview-desc'); var titleCounter = document.getElementById('title-counter'); var descCounter = document.getElementById('desc-counter'); var titleVal = titleInput.value; var descVal = descInput.value; // Update Preview Text previewTitle.innerText = titleVal.length > 0 ? titleVal : "Your Page Title Will Appear Here"; previewDesc.innerText = descVal.length > 0 ? descVal : "Your meta description will appear here. It should be concise and include your target keywords to improve click-through rates."; // Update Counters titleCounter.innerText = titleVal.length + " / 60 characters"; descCounter.innerText = descVal.length + " / 160 characters"; // Color Coding logic if (titleVal.length > 60) { titleCounter.style.color = "#d93025"; } else if (titleVal.length > 50) { titleCounter.style.color = "#188038"; } else { titleCounter.style.color = "#666"; } if (descVal.length > 160) { descCounter.style.color = "#d93025"; } else if (descVal.length > 120) { descCounter.style.color = "#188038"; } else { descCounter.style.color = "#666"; } }
{ "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "Quick SEO Meta Preview Tool", "operatingSystem": "All", "applicationCategory": "SEO Tool", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } }

Leave a Comment