Cloud Hosting Cost Calculator

SEO Meta Preview Tool

Optimize your Google search result appearance in real-time.

0 / 60 characters
0 / 160 characters
🌐
Example.com
https://example.com › page-slug

Your SEO Title Appears Here

Enter a meta description to see how it will look in Google's search engine results page (SERP). Make sure to include your primary keywords here.

function updateSeoPreview() { var title = document.getElementById('seo-title-input').value; var desc = document.getElementById('seo-desc-input').value; var titleCount = title.length; var descCount = desc.length; // Update Text document.getElementById('preview-title').innerText = title || 'Your SEO Title Appears Here'; document.getElementById('preview-desc').innerText = desc || 'Enter a meta description to see how it will look in Google…'; // Update Counts document.getElementById('title-count').innerText = titleCount + ' / 60 characters'; document.getElementById('desc-count').innerText = descCount + ' / 160 characters'; // Progress Bars logic var titleBar = document.getElementById('title-bar'); var titleWidth = (titleCount / 60) * 100; titleBar.style.width = Math.min(titleWidth, 100) + '%'; titleBar.style.background = (titleCount > 60) ? '#f44336' : (titleCount > 45 ? '#4caf50' : '#ff9800'); var descBar = document.getElementById('desc-bar'); var descWidth = (descCount / 160) * 100; descBar.style.width = Math.min(descWidth, 100) + '%'; descBar.style.background = (descCount > 160) ? '#f44336' : (descCount > 120 ? '#4caf50' : '#ff9800'); } function clearSeoFields() { document.getElementById('seo-title-input').value = "; document.getElementById('seo-desc-input').value = "; updateSeoPreview(); } function copySeoData() { var title = document.getElementById('seo-title-input').value; var desc = document.getElementById('seo-desc-input').value; var tags = '' + title + '\n'; var dummy = document.createElement("textarea"); document.body.appendChild(dummy); dummy.value = tags; dummy.select(); document.execCommand("copy"); document.body.removeChild(dummy); alert('Meta tags copied to clipboard!'); }

Leave a Comment