Enter a meta description to see how your page will appear in search engine results. This snippet shows the typical length and format.
function updateSerpPreview() {
var titleInput = document.getElementById('seoTitle');
var urlInput = document.getElementById('seoUrl');
var descInput = document.getElementById('seoDesc');
var pTitle = document.getElementById('previewTitle');
var pUrl = document.getElementById('previewUrl');
var pDesc = document.getElementById('previewDesc');
var tCount = document.getElementById('titleCount');
var dCount = document.getElementById('descCount');
// Update Preview Text
pTitle.innerText = titleInput.value || "Page Title Example";
pUrl.innerText = urlInput.value || "https://example.com";
pDesc.innerText = descInput.value || "Enter a meta description to see how your page will appear in search engine results. This snippet shows the typical length and format.";
// Update Counters
tCount.innerText = titleInput.value.length;
dCount.innerText = descInput.value.length;
// Visual Warnings
tCount.style.color = titleInput.value.length > 60 ? "#d93025" : "#70757a";
dCount.style.color = descInput.value.length > 160 ? "#d93025" : "#70757a";
}