SERP Snippet Optimizer
0 / 60 characters
0 / 160 characters
Google Desktop Preview
function syncSeoPreview() {
var titleInput = document.getElementById('inputTitle');
var descInput = document.getElementById('inputDesc');
var slugInput = document.getElementById('inputSlug');
var pTitle = document.getElementById('previewTitle');
var pDesc = document.getElementById('previewDesc');
var pSlug = document.getElementById('previewSlug');
var tCount = document.getElementById('titleCounter');
var dCount = document.getElementById('descCounter');
var currentTitle = titleInput.value;
var currentDesc = descInput.value;
var currentSlug = slugInput.value;
// Update Preview Text
pTitle.innerText = currentTitle || "Page Title Will Appear Here";
pDesc.innerText = currentDesc || "Enter a meta description to see how it looks in search results. Most search engines truncate descriptions longer than 160 characters.";
pSlug.innerText = currentSlug || "page-url";
// Update Counters
tCount.innerText = currentTitle.length + " / 60 characters";
dCount.innerText = currentDesc.length + " / 160 characters";
// Visual Warnings
if (currentTitle.length > 60) {
tCount.style.color = "#d93025";
pTitle.innerText = currentTitle.substring(0, 60) + "…";
} else {
tCount.style.color = "#666";
}
if (currentDesc.length > 160) {
dCount.style.color = "#d93025";
pDesc.innerText = currentDesc.substring(0, 157) + "…";
} else {
dCount.style.color = "#666";
}
}
https://www.yourdomain.com › page-url
Page Title Will Appear Here
Enter a meta description to see how it looks in search results. Most search engines truncate descriptions longer than 160 characters.