Calculating Cost of Goods

Google SERP Simulator

See how your meta tags appear in search results.

0 characters (Approx. 0px / 580px)

0 characters (Approx. 0px / 920px)

Live Preview

example.com/blog/your-post-url

Enter Your SEO Title Tag

Provide a meta description by editing the text field above to see how your snippet will appear in Google's search results pages.

function updateSeoPreview() { var titleInput = document.getElementById('input-title'); var descInput = document.getElementById('input-desc'); var urlInput = document.getElementById('input-url'); var titlePreview = document.getElementById('preview-title'); var descPreview = document.getElementById('preview-desc'); var urlPreview = document.getElementById('preview-url'); var titleStats = document.getElementById('title-stats'); var descStats = document.getElementById('desc-stats'); var titleVal = titleInput.value || 'Enter Your SEO Title Tag'; var descVal = descInput.value || 'Provide a meta description by editing the text field above to see how your snippet will appear in Google\'s search results pages.'; var urlVal = urlInput.value || 'example.com'; titlePreview.innerText = titleVal; descPreview.innerText = descVal; urlPreview.innerText = urlVal; var titleLen = titleInput.value.length; var descLen = descInput.value.length; var titleColor = (titleLen > 60) ? '#d93025' : (titleLen > 40 ? '#1e8e3e' : '#70757a'); var descColor = (descLen > 160) ? '#d93025' : (descLen > 120 ? '#1e8e3e' : '#70757a'); titleStats.innerText = titleLen + ' characters (Recommended: 50-60)'; titleStats.style.color = titleColor; descStats.innerText = descLen + ' characters (Recommended: 120-160)'; descStats.style.color = descColor; } function resetSeoTool() { var inputs = ['input-title', 'input-desc', 'input-url']; for(var i=0; i < inputs.length; i++) { document.getElementById(inputs[i]).value = (inputs[i] === 'input-url') ? 'example.com/blog/url' : ''; } updateSeoPreview(); }