SEO Meta Tag Generator

Generate SEO meta tags, Open Graph tags, and Twitter Cards for any page with live social previews. Build complete head tags for search and social sharing.

Primary Meta Tags

#3b82f6

Open Graph & Twitter Preview Card

Live Social Card

OG Preview
joeyjazwinski.com
Joey Jazwinski - Full-Stack Engineer & Designer
Explore instant client-side developer utilities, interactive code playgrounds, and engineering portfolios built with clean TypeScript and modern React.

Generated HTML Tags

<!-- Primary Meta Tags -->
<title>Joey Jazwinski - Full-Stack Engineer & Designer</title>
<meta name="title" content="Joey Jazwinski - Full-Stack Engineer & Designer" />
<meta name="description" content="Explore instant client-side developer utilities, interactive code playgrounds, and engineering portfolios built with clean TypeScript and modern React." />
<meta name="keywords" content="developer tools, react, typescript, web performance, ui design" />
<meta name="author" content="Joey Jazwinski" />
<link rel="canonical" href="https://joeyjazwinski.com" />
<meta name="theme-color" content="#3b82f6" />
<link rel="icon" href="https://joeyjazwinski.com/favicon.ico" />
<link rel="apple-touch-icon" href="https://joeyjazwinski.com/apple-touch-icon.png" />

<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://joeyjazwinski.com" />
<meta property="og:title" content="Joey Jazwinski - Full-Stack Engineer & Designer" />
<meta property="og:description" content="Explore instant client-side developer utilities, interactive code playgrounds, and engineering portfolios built with clean TypeScript and modern React." />
<meta property="og:image" content="https://joeyjazwinski.com/ogimage.png" />

<!-- Twitter / X -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://joeyjazwinski.com" />
<meta property="twitter:title" content="Joey Jazwinski - Full-Stack Engineer & Designer" />
<meta property="twitter:description" content="Explore instant client-side developer utilities, interactive code playgrounds, and engineering portfolios built with clean TypeScript and modern React." />
<meta name="twitter:creator" content="@JoeyJazwinski" />
<meta property="twitter:image" content="https://joeyjazwinski.com/ogimage.png" />

Frequently Asked Questions

Do meta tags affect SEO rankings?

Yes. Title tags directly affect rankings and click-through rates. Meta descriptions influence click-through rates, while canonical and robots meta tags control indexation.

What are Open Graph tags?

Open Graph meta tags control how URLs appear when shared on social networks like LinkedIn, Facebook, and messaging apps by specifying titles, descriptions, and preview images.

What are Twitter Cards?

Twitter Card meta tags allow X/Twitter to attach rich photos, videos, and media previews to tweets linking to your content.

Should every page have unique meta tags?

Yes. Every indexed page should have a unique title, meta description, and canonical URL to prevent duplicate content flags and improve search clarity.