Free Online Meta tags generator for Website

Preview & Generate Custom Meta Tags

Easily create and preview your website's meta tags. Visualize how your link will appear on Google, X, Facebook, and WhatsApp before you publish.

Meta Configuration

Live Editor
0 / 60
0 / 160 

                    

                    

                         Copied to Clipboard
                    

                

            


            
            

                

                    

                         Google Search Result
                    

                    

                        

                            

                                
                            

                            

                                codewithfaraz.com
                                https://codewithfaraz.com
                            

                        

                        
Meta Tag Generator - CodeWithFaraz

                        
This is how your website will appear in Google search results.

                    

                


                

                    

                         X / Twitter Card
                    

                    
                


                

                    

                        

                             Facebook Feed
                        

                        
                    


                    

                        

                             WhatsApp Share
                        

                        

                            
                        

                    

                


            

        

    


    

        

            

                
How to Use SEOPro

                
Follow these simple steps to optimize your web pages.

            


            

                

                    
1

                    
Enter Details

                    
Fill in your page title, description, and featured image. Use the character counters to monitor your lengths.

                

                

                    
2

                    
Check Previews

                    
Instantly see how your site looks on Google, X, Facebook, and WhatsApp. Adjust your text if it gets cropped.

                

                

                    
3

                    
Copy & Paste

                    
Click 'Copy Tags' and paste the generated code directly into the <head> of your website.

                

            

        

    


    

        

            

                Implementation Guide
                
Where exactly does the code go?

                
It's a simple copy-paste into your website's head section. Follow these steps:

            


            

                

                    

                        
1

                        

                            
Find the <head> Section

                            
Every HTML file has a top section starting with <head>. This is where site metadata lives.

                        

                    

                    

                        
2

                        

                            
Paste Before Closing

                            
Paste the generated tags anywhere before the </head> closing tag.

                        

                    

                    

                        
3

                        

                            
Publish & Verify

                            
Once live, search engines and social platforms will automatically detect these tags.

                        

                    

                


                

                    

                        

                        

                        

                        index.html
                    

                    

                        
<html>

                        
<head>

                        
<meta charset="UTF-8">

                        

                            <!-- PASTE YOUR GENERATED CODE HERE -->

                            <meta name="title" content="...">

                            <meta property="og:type" content="...">
                        

                        
</head>

                        
<body>

                        
... rest of your content ...

                        
</body>

                        
</html>

                    

                

            

        

    


    

        

            

                

                    
Benefits of SEO-Optimized Tags

                    

                        

                            

                            

                                
Increase Click-Through Rates

                                
Professional cards receive up to 60% more clicks. Don't leave your social traffic to chance.

                            

                        

                        

                            

                            

                                
Build Instant Trust

                                
Consistent meta data makes your content look authoritative and encourages sharing.

                            

                        

                        

                            

                            

                                
Better Indexing

                                
Clear content type and language settings help search engines categorize your site correctly.

                            

                        

                        

                            

                            

                                
JSON-LD Schema Support

                                
Our tool generates modern structured data that helps search engines understand your content better.

                            

                        

                    

                


                

                    

                         Quick Knowledge
                    

                    

                        

                            
What is an Open Graph (OG) tag?

                            
OG tags control how a URL is displayed when shared on social networks like Facebook or LinkedIn.

                        

                        

                            
How long should a Meta Title be?

                            
Search engines usually display the first 50–60 characters. We recommend keeping it under 60 for full visibility.

                        

                        

                            
What image size is best for social?

                            
A 1200x630 pixel image works best across most platforms (1.91:1 aspect ratio).

                        

                        

                            
What is og:type?

                            
It tells social platforms if your link is a "website", "article", or "profile", which changes how the card is rendered.

                        

                        

                            
Why set a site language?

                            
It helps Google and screen readers understand the primary language of your content for better accessibility and local SEO.

                        

                        

                            
Ready to optimize?

                            Back to the Generator →