SEO Meta Tag Preview Tool
Optimize your page title and meta description to improve click-through rates (CTR) on search engines.
0 / 60 characters
0 / 160 characters
Google Search Result Preview
https://yourwebsite.com › page
Your Page Title Will Appear Here
Your meta description will provide a concise summary of the content of your page to help searchers understand what your page is about.
Copied to clipboard!
function updateSeoPreview() {
var titleInput = document.getElementById('meta-title');
var descInput = document.getElementById('meta-desc');
var previewTitle = document.getElementById('preview-title');
var previewDesc = document.getElementById('preview-desc');
var titleCount = document.getElementById('title-count');
var descCount = document.getElementById('desc-count');
var titleVal = titleInput.value;
var descVal = descInput.value;
// Update Text
previewTitle.innerText = titleVal || 'Your Page Title Will Appear Here';
previewDesc.innerText = descVal || 'Your meta description will provide a concise summary of the content of your page to help searchers understand what your page is about.';
// Character Counts
titleCount.innerText = titleVal.length + ' / 60 characters';
descCount.innerText = descVal.length + ' / 160 characters';
// Color Coding
titleCount.style.color = (titleVal.length > 60) ? '#d93025' : '#666';
descCount.style.color = (descVal.length > 160) ? '#d93025' : '#666';
}
function copyMetaHtml() {
var title = document.getElementById('meta-title').value;
var desc = document.getElementById('meta-desc').value;
var htmlCode = '\n' +
'