Meta Tag Generator

Generate complete HTML meta tags for SEO, Open Graph (Facebook, LinkedIn), and Twitter Cards. See live Google search result and social media previews. Copy the generated code and paste it into your page's <head> section.

 

📄 Basic Meta Tags

🌐 Open Graph Tags (Facebook, LinkedIn)

🐦 Twitter Card Tags

⚙ Additional Tags

G
example.com
Page Title Will Appear Here
Your meta description will be shown here. Google typically displays up to 155-160 characters of the description in search results.
1200 x 630 image preview
example.com
Open Graph Title
Open Graph description will appear here.
Twitter card image preview
example.com
Twitter Card Title
Twitter card description will appear here.
Generated Meta Tags 

                    

                

            

        


        
        

            
How to Use This Meta Tag Generator

            
Fill in the fields on the left to generate a complete set of HTML meta tags for your webpage. The tool generates basic SEO meta tags (title, description, canonical URL, robots directive), Open Graph tags for Facebook and LinkedIn sharing, and Twitter Card tags for Twitter/X. All tags update in real-time as you type.

            
The Google preview shows how your page will appear in search results. The Facebook and Twitter previews show how your link will look when shared on social media. Copy the generated code and paste it inside the <head> section of your HTML document.


            
Meta Tag Best Practices

            

                
                    
TagRecommended LengthPurpose

                
                
                    
<title>50-60 charactersDisplayed in browser tab and search results

                    
meta description150-160 charactersSearch result snippet below the title

                    
og:title40-60 charactersTitle shown in social share cards

                    
og:description60-90 charactersDescription in social share cards

                    
og:image1200 x 630 pxPreview image for social media

                    
twitter:cardN/ACard type: summary or summary_large_image

                    
canonicalFull URLPrevents duplicate content issues

                
            

        


        
        

            
Related Tools

            

                
                    
JSON Formatter

                    
Format and validate JSON data

                
                
                    
HTML Beautifier

                    
Format and indent HTML code

                
                
                    
URL Encoder

                    
Encode and decode URL strings

                
            

        


        
        

            

                Embed this tool on your site
                
<iframe src="https://devtoolbox.dedyn.io/tools/meta-tag-generator" width="100%" height="800" frameborder="0"></iframe>

            

        

    


    

        
Frequently Asked Questions

        

            What are meta tags and why are they important for SEO?▼
            
Meta tags are HTML elements placed in the <head> section of a webpage that provide metadata about the page to search engines and social media platforms. Key meta tags include the title tag, meta description, Open Graph tags, and Twitter Card tags. They are important for SEO because search engines use them to understand page content, display search result snippets, and determine relevance. Well-crafted meta tags can improve click-through rates from search results by 20-30%.

        

        

            What are Open Graph (OG) tags and how do they work?▼
            
Open Graph (OG) tags are meta tags that control how your webpage appears when shared on social media platforms like Facebook, LinkedIn, and Pinterest. The essential OG tags are og:title (the title displayed in the share card), og:description (a brief summary), og:image (the preview image, recommended 1200x630px), og:url (the canonical URL), and og:type (usually 'website' or 'article'). Without OG tags, social platforms will try to guess your content, often with poor results.

        

        

            What is the difference between Open Graph tags and Twitter Card tags?▼
            
Open Graph tags (og:) were created by Facebook and are used by most social platforms including Facebook, LinkedIn, and Pinterest. Twitter Card tags (twitter:) are specific to Twitter/X. Twitter will fall back to OG tags if Twitter-specific tags are missing, but having both gives you full control over how your content appears on each platform. Twitter Cards also support unique card types like 'summary', 'summary_large_image', 'app', and 'player' that control the layout of your shared link.

        

    


    

    

    
    
    

        
        

            
Keyboard Shortcuts

            

                Ctrl+Enter Copy tags

                Ctrl+Shift+C Copy tags

                Ctrl+L Clear