Google SERP Snippet Preview
0 characters
https://yourdomain.com › page
Your SEO Title Preview
Enter a meta description to see how your snippet might appear in search engine results pages like Google.
function updatePreview() {
var titleInput = document.getElementById('seo-title-input');
var descInput = document.getElementById('seo-desc-input');
var previewTitle = document.getElementById('preview-title');
var previewDesc = document.getElementById('preview-desc');
var titleCount = document.getElementById('title-count');
var descCount = document.getElementById('desc-count');
var titleStatus = document.getElementById('title-status');
var descStatus = document.getElementById('desc-status');
// Update Title
var tVal = titleInput.value;
previewTitle.innerText = tVal || 'Your SEO Title Preview';
titleCount.innerText = tVal.length + ' characters';
if (tVal.length > 0 && tVal.length 60) {
titleStatus.innerText = 'Too Long';
titleStatus.style.color = '#ef4444';
} else {
titleStatus.innerText = ";
}
// Update Description
var dVal = descInput.value;
previewDesc.innerText = dVal || 'Enter a meta description to see how your snippet might appear in search engine results pages like Google.';
descCount.innerText = dVal.length + ' characters';
if (dVal.length > 0 && dVal.length 160) {
descStatus.innerText = 'Too Long';
descStatus.style.color = '#ef4444';
} else {
descStatus.innerText = ";
}
}
function clearAllFields() {
document.getElementById('seo-title-input').value = ";
document.getElementById('seo-desc-input').value = ";
updatePreview();
}