SEO SERP Preview Tool
0 / 60 characters
0 / 160 characters
https://yourdomain.com › page-url
Your SEO Title Preview
Provide a concise meta description to improve your click-through rate in search engine result pages. This is how it will likely appear to users.
function updateSerp() {
var titleIn = document.getElementById('meta-title-input');
var descIn = document.getElementById('meta-desc-input');
var titlePre = document.getElementById('preview-title');
var descPre = document.getElementById('preview-desc');
var titleCounter = document.getElementById('title-limit');
var descCounter = document.getElementById('desc-limit');
var tLength = titleIn.value.length;
var dLength = descIn.value.length;
titlePre.innerText = titleIn.value || 'Your SEO Title Preview';
descPre.innerText = descIn.value || 'Provide a concise meta description to improve your click-through rate in search engine result pages.';
titleCounter.innerText = tLength + ' / 60 characters';
titleCounter.style.color = tLength > 60 ? '#ef4444' : '#64748b';
descCounter.innerText = dLength + ' / 160 characters';
descCounter.style.color = dLength > 160 ? '#ef4444' : '#64748b';
}
function copyMetaHtml() {
var titleVal = document.getElementById('meta-title-input').value;
var descVal = document.getElementById('meta-desc-input').value;
var code = '
' + (titleVal || 'Page Title') + '\n';
var tempInput = document.createElement('textarea');
tempInput.value = code;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand('copy');
document.body.removeChild(tempInput);
alert('Meta tags copied to clipboard!');
}
function resetTool() {
document.getElementById('meta-title-input').value = ";
document.getElementById('meta-desc-input').value = ";
updateSerp();
}