Meta Tags Generator

Build SEO, Open Graph, and Twitter Card meta tags for the document head.

Page details

Title

Description

Canonical URL

Image URL

Image alt

Site name

Locale

Twitter card

Twitter handle

Theme color

HTML

<title>Awesome Project</title>
<meta name="title" content="Awesome Project" />
<meta name="description" content="A short summary of the page." />
<meta name="theme-color" content="#0070f3" />

<!-- Open Graph -->
<meta property="og:url" content="https://example.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Awesome Project" />
<meta property="og:description" content="A short summary of the page." />
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:alt" content="Project banner" />
<meta property="og:site_name" content="Example" />
<meta property="og:locale" content="en_US" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@example" />
<meta name="twitter:title" content="Awesome Project" />
<meta name="twitter:description" content="A short summary of the page." />
<meta name="twitter:image" content="https://example.com/og.png" />
<meta name="twitter:image:alt" content="Project banner" />

<link rel="canonical" href="https://example.com" />