SEO Content Optimization Tool
Characters: 0
Characters: 0
Google Search Preview
example.com › your-page
Your Page Title Will Appear Here
Your meta description will appear here to provide users a summary of your content. Make it compelling to increase CTR.
function updateSeoPreview() {
var titleInput = document.getElementById('seo-title');
var descInput = document.getElementById('seo-desc');
var previewTitle = document.getElementById('preview-title');
var previewDesc = document.getElementById('preview-desc');
var titleCounter = document.getElementById('title-count');
var descCounter = document.getElementById('desc-count');
var titleVal = titleInput.value;
var descVal = descInput.value;
previewTitle.innerText = titleVal || "Your Page Title Will Appear Here";
previewDesc.innerText = descVal || "Your meta description will appear here to provide users a summary of your content. Make it compelling to increase CTR.";
titleCounter.innerText = "Characters: " + titleVal.length;
descCounter.innerText = "Characters: " + descVal.length;
if (titleVal.length > 60) { titleCounter.style.color = "#e53e3e"; }
else if (titleVal.length >= 50) { titleCounter.style.color = "#38a169"; }
else { titleCounter.style.color = "#718096"; }
if (descVal.length > 160) { descCounter.style.color = "#e53e3e"; }
else if (descVal.length >= 120) { descCounter.style.color = "#38a169"; }
else { descCounter.style.color = "#718096″; }
}
function clearSeoFields() {
document.getElementById('seo-title').value = ";
document.getElementById('seo-desc').value = ";
updateSeoPreview();
}
function copySeoText() {
var title = document.getElementById('seo-title').value;
var desc = document.getElementById('seo-desc').value;
var textToCopy = "Title: " + title + "\nDescription: " + desc;
var tempInput = document.createElement("textarea");
tempInput.value = textToCopy;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
alert("SEO data copied to clipboard!");
}