Provide a meta description to see how your snippet might look in search engine results. This text should summarize the content and include relevant keywords.
function updateSerpPreview() {
var titleInput = document.getElementById('seo-title-field');
var descInput = document.getElementById('seo-desc-field');
var titleDisplay = document.getElementById('preview-title-display');
var descDisplay = document.getElementById('preview-desc-display');
var titleCount = document.getElementById('title-char-count');
var descCount = document.getElementById('desc-char-count');
var currentTitle = titleInput.value;
var currentDesc = descInput.value;
titleDisplay.innerText = currentTitle || 'Enter a Title Above';
descDisplay.innerText = currentDesc || 'Provide a meta description to see how your snippet might look in search engine results.';
titleCount.innerText = currentTitle.length;
descCount.innerText = currentDesc.length;
if (currentTitle.length > 60) {
titleCount.style.color = '#d93025';
} else {
titleCount.style.color = '#24292e';
}
if (currentDesc.length > 160) {
descCount.style.color = '#d93025';
} else {
descCount.style.color = '#24292e';
}
}
function clearFields() {
document.getElementById('seo-title-field').value = ";
document.getElementById('seo-desc-field').value = ";
updateSerpPreview();
}
function copySnippet() {
var title = document.getElementById('seo-title-field').value;
var desc = document.getElementById('seo-desc-field').value;
var textToCopy = "Title: " + title + "\nDescription: " + desc;
var dummy = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = textToCopy;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
alert("Meta data copied to clipboard!");
}