Tools / Meta Tag Generator

Meta Tag Generator

Generate SEO meta tags, Open Graph, and Twitter Card markup for your pages. Free online meta tag builder with live preview.

Page title

Meta description

Canonical URL

Social share image URL

Site name

Twitter handle

Open Graph type

Generated meta tags

<!-- Primary meta tags -->
<title>CodeHAC | Web Developer</title>
<meta name="description" content="Full-service web developer: custom websites, e-commerce, SEO, and performance." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:title" content="CodeHAC | Web Developer" />
<meta property="og:description" content="Full-service web developer: custom websites, e-commerce, SEO, and performance." />
<meta property="og:url" content="https://codehac.com/" />
<meta property="og:image" content="https://codehac.com/images/logo.png" />
<meta property="og:site_name" content="CodeHAC" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="CodeHAC | Web Developer" />
<meta name="twitter:description" content="Full-service web developer: custom websites, e-commerce, SEO, and performance." />
<meta name="twitter:image" content="https://codehac.com/images/logo.png" />
<meta name="twitter:site" content="@CodehacTuts" />

Share preview

CodeHAC | Web Developer

Full-service web developer: custom websites, e-commerce, SEO, and performance.

https://codehac.com/

Frequently asked questions

What meta tags should every page have?

At minimum, a unique title, meta description, canonical URL, and Open Graph tags for social sharing. Twitter Card tags improve previews on X.

What is Open Graph?

Open Graph is a protocol (og:title, og:description, og:image) that controls how your link looks when shared on Facebook, LinkedIn, Slack, and similar apps.

What image size works best for social sharing?

Use 1200x630 pixels when possible. Many platforms crop smaller images, so keep important content centered.

Let's build something you're proud of

I help businesses launch, optimize, and maintain their online presence, from code to SEO.

Let's talk

Related tools

HTML

HTML Minifier and Beautifier

Minify or beautify HTML online. Remove whitespace and comments to reduce file size, or format code for readability.

CSS

CSS Minifier and Beautifier

Minify CSS to reduce file size or beautify CSS for readable formatting. Free online CSS tool for developers.

HEX

HEX to RGB to HSL Conversion

Convert colors between HEX, RGB, and HSL formats instantly. Free online color converter for CSS and design work.

Table

Table Generator

Generate HTML table code from rows and columns. Free online table generator with copy-to-clipboard for web projects.

Pixels

Pixels to Ems Conversion

Convert pixels to ems and ems to pixels based on base font size. Free px to em calculator for responsive CSS.

JSON

JSON Formatter and Validator

Format, minify, and validate JSON online. Free JSON beautifier with syntax error messages for debugging APIs and config files.

Base64

Base64 Encoder and Decoder

Encode and decode Base64 strings online. Free Base64 converter that supports Unicode text, API tokens, and data URLs.

URL

URL Encoder and Decoder

Encode and decode URL strings online. Free percent-encoding tool for query parameters, slugs, and full URLs.