Meta Tag Generator – Create Perfect SEO Meta Tags
Meta tags are critical HTML elements that help search engines understand your content and influence how your pages appear in search results. Our free Meta Tag Generator creates optimized meta title and description tags that boost click-through rates and improve your SEO rankings.
Why Meta Tags Matter
- Click-Through Rates: Well-written meta descriptions increase engagement
- SEO Rankings: Help search engines crawl and index pages
- Social Sharing: Control how content appears when shared
Best Practices
- Keep titles between 50-60 characters
- Write descriptions between 150-160 characters
- Include primary keyword in both title and description
Generate Your Meta Tags
Characters: 0/60
Characters: 0/160
Include this keyword in your title and description
Your Generated Meta Tags
Copy the code below and paste into your HTML <head> section:
document.getElementById(“pageTitle”).addEventListener(“input”, function() {
document.getElementById(“titleCount”).textContent = this.value.length;
});
document.getElementById(“pageDesc”).addEventListener(“input”, function() {
document.getElementById(“descCount”).textContent = this.value.length;
});
function generateMetaTags() {
var title = document.getElementById(“pageTitle”).value.trim();
var desc = document.getElementById(“pageDesc”).value.trim();
var keyword = document.getElementById(“keyword”).value.trim();
if (!title || !desc) {
alert(“Please enter both title and description”);
return;
}
var html = “n”;
html += “
html += “n”;
html += “n”;
html += “n”;
if (keyword) {
html += “n”;
}
html += “nn”;
html += “n”;
html += “n”;
html += “n”;
html += “nn”;
html += “n”;
html += “n”;
html += “”;
document.getElementById(“metaOutput”).textContent = html;
document.getElementById(“result”).style.display = “block”;
document.getElementById(“copyMessage”).style.display = “none”;
}
function copyToClipboard() {
var code = document.getElementById(“metaOutput”).textContent;
navigator.clipboard.writeText(code).then(function() {
document.getElementById(“copyMessage”).style.display = “block”;
setTimeout(function() {
document.getElementById(“copyMessage”).style.display = “none”;
}, 3000);
}).catch(function() {
alert(“Failed to copy. Please try again.”);
});
}
function escapeHtml(text) {
var div = document.createElement(“div”);
div.textContent = text;
return div.innerHTML;
}
Calculator not configured.