SERP Snippet Optimizer
0 / 60 characters
0 / 160 characters
Google Search Preview
https://example.com › page-slug
Page Title Search Results Example
Please enter a meta description to see how your snippet will appear in search engines like Google. Optimized descriptions help click-through rates.
function updateSerpPreview() {
var titleInput = document.getElementById('seo_title_input');
var urlInput = document.getElementById('seo_url_input');
var descInput = document.getElementById('seo_desc_input');
var pTitle = document.getElementById('preview_title');
var pUrl = document.getElementById('preview_url');
var pDesc = document.getElementById('preview_desc');
var titleVal = titleInput.value;
var urlVal = urlInput.value;
var descVal = descInput.value;
// Character Counters
document.getElementById('title_char_count').innerText = titleVal.length;
document.getElementById('desc_char_count').innerText = descVal.length;
// Color Coding Counters
document.getElementById('title_char_count').style.color = (titleVal.length > 60) ? '#d93025' : '#666';
document.getElementById('desc_char_count').style.color = (descVal.length > 160) ? '#d93025' : '#666';
// Live Preview Logic
pTitle.innerText = titleVal ? titleVal : 'Page Title Search Results Example';
if(urlVal) {
var displayUrl = urlVal.replace('https://', ").replace('http://', ").replace(/\/$/, ");
var parts = displayUrl.split('/');
if(parts.length > 1) {
pUrl.innerText = parts[0] + ' › ' + parts.slice(1).join(' › ');
} else {
pUrl.innerText = parts[0];
}
} else {
pUrl.innerText = 'https://example.com › page-slug';
}
pDesc.innerText = descVal ? descVal : 'Please enter a meta description to see how your snippet will appear in search engines like Google. Optimized descriptions help click-through rates.';
}
function resetSerpForm() {
document.getElementById('seo_title_input').value = ";
document.getElementById('seo_url_input').value = ";
document.getElementById('seo_desc_input').value = ";
updateSerpPreview();
}