Cost Calculator Patio

by

Meta Tag Preview & Length Checker

Recommended: 50-60 chars 0 chars
Recommended: 120-160 chars 0 chars
Search Result Preview
https://example.com › …
Your Page Title Appears Here
Provide a meta description to see how your snippet might look in Google's search results.

    

  


  
    function refreshSeoPreview() {
      var title = document.getElementById('seo-title-input').value;
      var desc = document.getElementById('seo-desc-input').value;
      
      var titlePrev = document.getElementById('google-title-prev');
      var descPrev = document.getElementById('google-desc-prev');
      
      titlePrev.innerText = title || 'Your Page Title Appears Here';
      descPrev.innerText = desc || "Provide a meta description to see how your snippet might look in Google's search results.";
      
      var tCount = title.length;
      var dCount = desc.length;
      
      document.getElementById('title-counter').innerText = tCount + ' chars';
      document.getElementById('desc-counter').innerText = dCount + ' chars';
      
      document.getElementById('title-counter').style.color = (tCount > 60 || tCount  160 || dCount < 120) ? '#d93025' : '#188038';
    }

    function generateMetaCode() {
      var title = document.getElementById('seo-title-input').value.replace(/"/g, '"');
      var desc = document.getElementById('seo-desc-input').value.replace(/"/g, '"');
      var container = document.getElementById('code-output-container');
      var box = document.getElementById('meta-code-box');
      
      var htmlSnippet = '\n';
      htmlSnippet += '' + title + '\n';
      htmlSnippet += '\n';
      htmlSnippet += ";
      
      box.innerText = htmlSnippet;
      container.style.display = 'block';
    }

    function resetSeoTool() {
      document.getElementById('seo-title-input').value = ";
      document.getElementById('seo-desc-input').value = ";
      document.getElementById('code-output-container').style.display = 'none';
      refreshSeoPreview();
    }
  

		


				
			




			

				


		

		
Leave a Comment