Back to All ToolsDeveloper Utilities
Meta Tag Generator
Generate Open Graph, Twitter card, and SEO meta tags for your website.
Site Information
index.html (head)
<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="This is a description of my awesome website. It is built with Next.js and Tailwind CSS." />
<meta name="theme-color" content="#0f172a" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://yourwebsite.com/" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="This is a description of my awesome website. It is built with Next.js and Tailwind CSS." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="AwesomeSite" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://yourwebsite.com/" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="This is a description of my awesome website. It is built with Next.js and Tailwind CSS." />
<meta property="twitter:image" content="https://example.com/og-image.jpg" />
<meta property="twitter:creator" content="@venugopal" />