Meta Tag Generator

Generate SEO-optimized OpenGraph and Twitter card HTML tags for social previews.

Site Parameters

Site Name

Page Title

Description

Page URL

Preview Image URL (OG Image)

Twitter Creator Handler (optional)

Output Tags

<!-- Primary Meta Tags -->
<title>Kasim Kazmi | Software Engineer</title>
<meta name="title" content="Kasim Kazmi | Software Engineer" />
<meta name="description" content="Portfolio of Kasim Kazmi, software engineer specializing in Next.js and fullstack web apps." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kasimkazmi.dev" />
<meta property="og:title" content="Kasim Kazmi | Software Engineer" />
<meta property="og:description" content="Portfolio of Kasim Kazmi, software engineer specializing in Next.js and fullstack web apps." />
<meta property="og:image" content="https://kasimkazmi.dev/og-image.png" />
<meta property="og:site_name" content="Kasim Kazmi Portfolio" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://kasimkazmi.dev" />
<meta property="twitter:title" content="Kasim Kazmi | Software Engineer" />
<meta property="twitter:description" content="Portfolio of Kasim Kazmi, software engineer specializing in Next.js and fullstack web apps." />
<meta property="twitter:image" content="https://kasimkazmi.dev/og-image.png" />
<meta property="twitter:creator" content="@kasimkazmi" />