Generate SEO-friendly meta tags automatically for your website
Character count: 0/60
Character count: 0/160
Your generated meta tags will appear here...
Suggested Keywords:
SEO Optimization Tips:
To improve your SEO performance, ensure that your title is relevant to the page content and includes the main keyword. Keep your title under 60 characters for better visibility in search results.
Your meta description should be between 120 and 160 characters, including your main keywords. A well-written description encourages higher click-through rates from search engines.
For keywords, focus on specific, long-tail keywords related to your content. Avoid keyword stuffing, as it can harm your SEO.
`;
}document.getElementById('output').textContent = metaTags;// Show success message
setTimeout(() => {
alert('Meta tags generated successfully! Your SEO score is ' + score + '/100');
}, 100);
}function validateInput(value, elementId, fieldName, min, max, warningId) {
const warningElement = document.getElementById(warningId);if (value.length < min) {
warningElement.textContent = `Please enter a valid ${fieldName} (${min}-${max} characters)`;
return false;
} else if (value.length > max) {
warningElement.textContent = `Please keep ${fieldName} within ${max} characters`;
return false;
} else {
warningElement.textContent = '';
return true;
}
}function updateSEOscore(score) {
// Update SEO score visual representation
const progress = document.getElementById('scoreProgress');
const text = document.getElementById('seoScore');
const message = document.getElementById('scoreMessage');const offset = (100 - score) * 1.2;progress.style.transform = `rotate(${offset}deg)`;
text.textContent = score;// Update color based on score
if (score < 50) {
progress.style.background = '#dc3545'; // Red
message.textContent = "Your score is low, consider improving your SEO elements";
} else if (score < 75) {
progress.style.background = '#ffc107'; // Yellow
message.textContent = "Your score is moderate, but you can improve!";
} else {
progress.style.background = '#28a745'; // Green
message.textContent = "Great job! Your SEO elements look optimized";
}
}function copyOutput() {
const output = document.getElementById('output').textContent;
navigator.clipboard.writeText(output);
alert('Meta tags copied to clipboard!');
}
