Google Search Preview Tool
Character count: 0/60
Character count: 0/160
Snippet Preview
https://yourdomain.com › your-page
Your Page Title Goes Here
Start typing a meta description to see how it will look in the Google search results. A good description increases click-through rate.
function updateSEOPreview() {
var title = document.getElementById('seo_title_input').value;
var desc = document.getElementById('seo_desc_input').value;
var prevTitle = document.getElementById('prev_title');
var prevDesc = document.getElementById('prev_desc');
var titleCount = document.getElementById('title_count');
var descCount = document.getElementById('desc_count');
titleCount.innerHTML = title.length;
descCount.innerHTML = desc.length;
if (title.length > 0) {
prevTitle.innerHTML = title;
prevTitle.style.color = '#1a0dab';
} else {
prevTitle.innerHTML = 'Your Page Title Goes Here';
}
if (desc.length > 0) {
prevDesc.innerHTML = desc;
} else {
prevDesc.innerHTML = 'Start typing a meta description to see how it will look in the Google search results.';
}
titleCount.style.color = (title.length > 60) ? '#e53e3e' : '#718096';
descCount.style.color = (desc.length > 160) ? '#e53e3e' : '#718096';
}
function resetSEOFields() {
document.getElementById('seo_title_input').value = ";
document.getElementById('seo_desc_input').value = ";
updateSEOPreview();
}