Meta Tag Generator
Generate HTML meta tags for SEO and social media.
0/70 Recommended SEO characters
0/160 Recommended SEO characters
Recommended size
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Meta Tag Generator: optimize your website's SEO
Meta tags are HTML code snippets that provide information about your web page to search engines and social media. A well-optimized title and description can significantly increase click-through rate (CTR) in search results. Open Graph tags control how your content is displayed when shared on Facebook, LinkedIn, or WhatsApp, while Twitter Cards do the same on X.
For best results, make sure the title is between 50 and 60 characters, the description between 120 and 160 characters, and include an OG image of at least 1200x630 pixels.
This tool generates the complete HTML code ready to copy and paste into the {"<head>"} section of your page. All processing is done locally in your browser without sending data to any server.
Frequently asked questions
What are meta tags and why are they important for SEO?
Meta tags are invisible HTML tags that inform search engines about your page's content. The most important ones are the title (which appears as the blue link on Google) and the meta description (the text that appears below). Although keywords no longer directly influence Google's ranking, a good title and description improve CTR, which can indirectly improve your ranking.
What are Open Graph tags and Twitter Cards?
Open Graph (OG) is a protocol created by Facebook that controls how your content is displayed when shared on social media. It defines the title, description, image, and content type that will appear in the link preview. Twitter Cards works similarly but specifically for X/Twitter, allowing you to display large images, summaries, or app cards alongside your tweets.
Where should I place meta tags on my website?
All meta tags should go inside the {"<head>"} tag of your HTML document, before the closing {"</head>"}. In modern frameworks like Next.js or Nuxt.js, you can configure them through specific metadata functions. It is important that each page has its own unique and descriptive meta tags; avoid duplicating the same title or description across multiple pages.
Want to learn more? Read our complete guide →