Meta Tag Generator

Generate HTML meta tags, Open Graph, and Twitter Card markup for your page .

Basic meta tags

0 characters (aim for ~60)

0 characters (aim for ~155)

Social (Open Graph & Twitter) 

  



    

    

      
The Meta Tag Generator builds clean, ready-to-paste HTML meta tags for your page's  from simple form fields. Fill in your title, description, keywords, canonical URL, and social fields, and get a properly escaped snippet with charset, viewport, robots, Open Graph, and Twitter Card tags — all generated instantly in your browser.

      

        
What are HTML meta tags?

        
Meta tags are snippets of code in the  of an HTML page that describe the page to browsers, search engines, and social networks. They control things like the page title shown in search results, the description snippet, the character set, how the page scales on mobile, whether search engines should index it, and how a link looks when shared on social media.

        
      

      

        
How to generate meta tags

        
Enter your page details on the left and copy the generated snippet into your page's .

        
  1. Type your page title and meta description — the live counters help you stay near the recommended lengths.
  2. Add keywords, author, and your canonical URL if you have one.
  3. Optionally enable the Open Graph and Twitter Card section and add an image URL for rich social previews.
  4. Click Copy and paste the snippet inside the  of your HTML.

      

      

        
Recommended title and description lengths

        
Search engines truncate long titles and descriptions. Aim for a title around 50–60 characters and a meta description around 150–160 characters so they display in full on a results page. The live character counters update as you type to keep you in range.

        
      

      

        
Why use this meta tag generator?

        
  • Generates title, description, keywords, author, canonical, robots, charset, and viewport tags.
  • Adds Open Graph and Twitter Card tags for rich link previews on social media.
  • Escapes special characters automatically so quotes and angle brackets are safe.
  • Live character counters for title and description help you hit recommended lengths.
  • Runs entirely in your browser — nothing is uploaded, and the snippet is yours to copy.

      

      

        
Frequently asked questions

        

          
What is a meta tag generator?

          
It is a tool that turns simple inputs — like your page title, description, and canonical URL — into properly formatted HTML meta tags you can paste into your page's . It saves you from writing repetitive tag markup by hand and helps avoid syntax mistakes.

        

        

          
What are Open Graph and Twitter Card tags?

          
Open Graph (og:) tags tell platforms like Facebook and LinkedIn how to display your link, and Twitter Card tags do the same for Twitter/X. Together they control the title, description, and preview image shown when someone shares your URL. This generator can add both for you.

        

        

          
Do meta keywords still matter for SEO?

          
Major search engines like Google no longer use the meta keywords tag for ranking, so it has little SEO value today. It is included here for completeness and for systems that still read it, but the title, description, and canonical tags matter far more.

        

        

          
Does the tool escape special characters?

          
Yes. Any value you type is HTML-escaped, so characters like quotes, ampersands, and angle brackets are converted to safe entities. This keeps the generated snippet valid and prevents broken or unsafe markup.

        

        

          
Is this meta tag generator free and private?

          
Yes. It is completely free and runs entirely in your browser with JavaScript. Nothing you enter is sent to or stored on any server — the tags are generated locally on your device.