SEO Meta Tag Optimizer & Preview
0 characters
0 characters
Google Search Preview
Your Page Title Will Appear Here
https://yourwebsite.com/example-page
Enter a meta description to see how your page will look in search results. Make sure to include your primary keywords for better CTR.
function updateSEOPreview() {
var title = document.getElementById('seoTitle').value;
var desc = document.getElementById('seoDesc').value;
var titlePreview = document.getElementById('previewTitle');
var descPreview = document.getElementById('previewDesc');
var titleCount = document.getElementById('titleCount');
var descCount = document.getElementById('descCount');
var titleStatus = document.getElementById('titleStatus');
var descStatus = document.getElementById('descStatus');
// Update Text
titlePreview.innerText = title || "Your Page Title Will Appear Here";
descPreview.innerText = desc || "Enter a meta description to see how your page will look in search results.";
// Title Logic (Ideal 50-60)
titleCount.innerText = title.length + ' characters';
if (title.length === 0) {
titleStatus.innerText = ";
} else if (title.length > 30 && title.length 60) {
titleStatus.innerText = 'Too Long';
titleStatus.style.color = '#e53e3e';
} else {
titleStatus.innerText = 'Too Short';
titleStatus.style.color = '#dd6b20';
}
// Description Logic (Ideal 120-160)
descCount.innerText = desc.length + ' characters';
if (desc.length === 0) {
descStatus.innerText = ";
} else if (desc.length >= 120 && desc.length 160) {
descStatus.innerText = 'Too Long';
descStatus.style.color = '#e53e3e';
} else {
descStatus.innerText = 'Too Short';
descStatus.style.color = '#dd6b20';
}
}
function clearFields() {
document.getElementById('seoTitle').value = ";
document.getElementById('seoDesc').value = ";
updateSEOPreview();
}
function copyToClipboard() {
var title = document.getElementById('seoTitle').value;
var desc = document.getElementById('seoDesc').value;
var text = "Title: " + title + "\nDescription: " + desc;
var tempInput = document.createElement("textarea");
tempInput.value = text;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
alert("Meta data copied to clipboard!");
}