What tags does this generate?

Title tag, meta description, canonical URL, Open Graph tags (og:title, og:description, og:image, og:url, og:type), and Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image).

How long should my title and description be?

Title tags should be 50-60 characters. Meta descriptions should be 150-160 characters. The SERP preview shows if you are too long.

Do I need Open Graph AND Twitter Card tags?

Twitter will fall back to Open Graph tags if Twitter Card tags are missing. But for the best appearance on both platforms, include both.

Where do I put these tags?

Paste the generated HTML snippet inside the section of your web page, before the closing tag.

Home Developer ToolsMeta Tag Generator

seo tags. one form.

generate SEO meta tags, Open Graph, and Twitter Card HTML. live Google SERP preview. copy the snippet and paste into your site.

Basic SEO

Page Title0/60

Meta Description0/160

Canonical URL

indexfollow

Open Graph

OG Title (defaults to Page Title)

OG Type

OG Description (defaults to Meta Description)

OG Image URL

Twitter Card

Card Type

Twitter Title (defaults to OG/Page Title)

Twitter Description (defaults to OG/Meta Description)

Google Preview

Page Title

https://example.com

Add a meta description to see how it appears in Google search results.

generated html

<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

free use available

What is Meta Tag Generator?

Meta Tag Generator creates SEO meta tags, Open Graph tags, and Twitter Card HTML for your web pages. Fill out a form with your page details and get a ready-to-paste HTML snippet with all the tags search engines and social platforms need.

See a live preview of how your page will appear in Google search results as you type. The SERP preview updates in real time, so you can fine-tune your title and description for maximum click-through rate.

The generated HTML includes all standard meta tags: title, description, canonical URL, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags for Twitter sharing.

How to Use Meta Tag Generator

1
Enter page details
Fill in your page title, description, URL, and optionally an image URL for social sharing previews.
2
Preview the SERP result
See a live preview of how your page will appear in Google search results.
3
Review the tags
Check the generated HTML including meta, Open Graph, and Twitter Card tags.
4
Copy the snippet
Copy the complete HTML snippet and paste it into your page's <head> section.

Common Use Cases

New page creation

Generate complete meta tags when building new web pages.

SEO optimization

Craft optimized title tags and descriptions with real-time SERP preview.

Social media optimization

Set up Open Graph and Twitter Card tags so pages look great when shared.

SEO audits

Generate corrected meta tags to replace missing or poorly written ones.

Content marketing

Optimize blog post meta tags for better search visibility and social sharing.

Frequently Asked Questions

more free tools

PDF utilities, image tools, developer helpers — all free, no signup.

📏

image resizer

Resize photos to exact dimensions with aspect ratio lock.

⚖️

diff checker

Compare two texts side by side with line-by-line diff highlighting.

🔗

url encode/decode

Encode or decode URL strings in real time.

🕐

timestamp converter

Convert between Unix timestamps and human-readable dates.

🌈

css gradient generator

Build linear and radial CSS gradients visually.

👁️

open graph preview

Preview how your link appears on Facebook, Twitter, LinkedIn, Discord, and Slack.

browse all 41 tools