Free Meta Tag Generator | Create SEO-Friendly Meta Tags | Mivja
Loading
Free Tool

Meta Tag Generator

Generate SEO-friendly meta tags for your website. Create title, description, keywords, Open Graph, Twitter Cards, and JSON-LD in one click.

Meta Tag Generator

Fill in the fields below to generate complete meta tags for your webpage.

Aim for 50-60 characters. This appears as the clickable headline in search results.
Aim for 150-160 characters. This appears as the snippet below the title in search results.
Comma-separated keywords (optional, largely ignored by search engines).
Optional: Name of the content author.
Controls how search engines crawl and index your page.
Optional: Specifies the preferred URL when there are duplicates.

Open Graph (Social Sharing)

URL of the image to display when shared on Facebook/LinkedIn.
The canonical URL of the page.

Twitter Cards

Your Twitter username (e.g., @mivjaservices).

JSON-LD Structured Data

Your website or organization name.
Your website's homepage URL.

Generated Meta Tags

Copy and paste these tags into your <head> section. 

                

            


            
            

                
Google Search Preview

                
Your Title Here

                
https://example.com/page

                
Your description will appear here. Aim for 150-160 characters for optimal display.

            


        

    


    
    

        
How to Use the Meta Tag Generator

        

            

                
1

                
Fill in Details

                
Enter your page title, description, and other meta information.

            

            

                
2

                
Generate

                
Click "Generate Meta Tags" to create all your meta tags at once.

            

            

                
3

                
Copy & Paste

                
Copy the generated code and paste it into your website's <head> section.

            

        


        

            

                
                SEO Tip: Well-crafted meta tags are essential for SEO. Your title tag should include your primary keyword and be 50-60 characters. The description should be compelling and 150-160 characters to maximize click-through rates.
            

        

    


    
    
    
    

        
            
            Chat with us
        
        
            
            Call us
        
    


    
    
    
    
    
    
    

    ");let m=u.join("\n");metaOutput.textContent=m,outputWrapper.classList.add("visible"),previewTitle.textContent=e,previewDesc.textContent=t,previewUrl.textContent=i||"https://example.com/page",previewWrapper.classList.add("visible"),outputWrapper.scrollIntoView({behavior:"smooth",block:"nearest"})}function copyFallback(e){let t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t);let n=copyButton.innerHTML;copyButton.innerHTML=' Copied!',setTimeout(function(){copyButton.innerHTML=n},1500)}titleInput.addEventListener("input",function(){let e=this.value.length;titleCount.textContent=e+" / 60",e>60?titleCount.style.color="#EF4444":e<50?titleCount.style.color="#F59E0B":titleCount.style.color="#10B981"}),descInput.addEventListener("input",function(){let e=this.value.length;descCount.textContent=e+" / 160",e>160?descCount.style.color="#EF4444":e<150?descCount.style.color="#F59E0B":descCount.style.color="#10B981"}),form.addEventListener("submit",function(e){e.preventDefault(),generateMetaTags()}),copyButton.addEventListener("click",function(){let e=metaOutput.textContent;navigator.clipboard?navigator.clipboard.writeText(e).then(function(){let e=copyButton.innerHTML;copyButton.innerHTML=' Copied!',setTimeout(function(){copyButton.innerHTML=e},1500)}).catch(function(){copyFallback(e)}):copyFallback(e)});

        // Auto-generate from URL (optional feature)
        console.log('✅ Meta Tag Generator initialized');