Google SERP Simulator
Search Result Preview:
https://example.com/your-page
Your SEO Title Tag Goes Here
Provide a compelling meta description to increase your click-through rate (CTR) in search engines. This is how your snippet will appear.
Title: 0 chars | Desc: 0 chars
var updateSerpPreview = function() {
var titleIn = document.getElementById('seo-title-input').value;
var urlIn = document.getElementById('seo-url-input').value;
var descIn = document.getElementById('seo-desc-input').value;
var titlePrev = document.getElementById('preview-title');
var urlPrev = document.getElementById('preview-url');
var descPrev = document.getElementById('preview-desc');
var titleCount = document.getElementById('title-count');
var descCount = document.getElementById('desc-count');
if (titleIn.length > 0) {
titlePrev.innerText = titleIn;
} else {
titlePrev.innerText = "Your SEO Title Tag Goes Here";
}
if (urlIn.length > 0) {
urlPrev.innerText = "https://example.com/" + urlIn.replace(/^\/|\/$/g, ");
} else {
urlPrev.innerText = "https://example.com/your-page";
}
if (descIn.length > 0) {
descPrev.innerText = descIn;
} else {
descPrev.innerText = "Provide a compelling meta description to increase your click-through rate (CTR).";
}
titleCount.innerText = "Title: " + titleIn.length + " chars";
descCount.innerText = "Desc: " + descIn.length + " chars";
if (titleIn.length > 60) { titleCount.style.color = 'red'; } else { titleCount.style.color = '#666'; }
if (descIn.length > 160) { descCount.style.color = 'red'; } else { descCount.style.color = '#666'; }
};