Meta Tag Generator

Essential Meta Tags

TitleThe title of your webpage (displays in browser tab)

DescriptionA concise summary of your page content (150-160 characters recommended)

Author

KeywordsSeparate keywords with commas

Viewport

Robots

Open Graph Meta Tags

OG TitleTitle that appears when shared on social platforms

OG DescriptionDescription that appears in social media shares

OG Image URLImage to display when shared (recommended size: 1200×630px)

OG URL

Twitter Card Meta Tags

Twitter Card Type

Twitter Title

Twitter Description

Twitter Image URLImage to display in Twitter cards

Generated Meta Tags

<!-- Basic Meta Tags -->
<title>Your Page Title</title>
<meta name="description" content="A brief description of your page content, around 160 characters for optimal SEO." />
<meta name="author" content="Your Name" />
<meta name="keywords" content="seo, meta tags, html, website optimization" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A brief description for social media sharing." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A brief description for Twitter sharing." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

How to use Meta Tag Generator

1
Fill in the essentials
Enter your page title, description, keywords, author, and robots directive in the Essential Meta Tags section.
2
Add social sharing tags
Complete the Open Graph and Twitter Card fields, including titles, descriptions, and image URLs, to control how the page looks when shared.
3
Review the generated tags
Watch the meta tag markup build live in the output area as you type into each field.

4
Copy into your <head>
Click Copy Meta Tags and paste the generated HTML into the head section of your page.

Frequently asked questions

Which meta tags does this generator create?

It builds the essential SEO tags (title, description, keywords, author, viewport, and robots) along with Open Graph and Twitter Card tags, giving you a complete set for search engines and social previews in one place.

What are Open Graph and Twitter Card tags for?

Open Graph tags control the title, description, and image that appear when your page is shared on platforms like Facebook and LinkedIn, while Twitter Card tags do the same for Twitter, so your links look polished instead of plain.

How long should my title and description be?

Aim for a concise title and a description of roughly 150 to 160 characters. That length helps search engines display the full snippet without truncating it in results.

What image size should I use for OG tags?

A recommended Open Graph image is 1200 by 630 pixels, which displays cleanly as a large preview across most social networks. You provide the image URL and the tool inserts it into the markup.

Where do I put the generated tags?

Paste them inside the <head> section of your HTML, ideally near the top. Generation happens entirely in your browser, and the tool is free with no sign-up required.

Related tools

Keep going with these handy tools

Robots.txt Generator

URL Redirect Chain Checker

Open Graph Previewer

HTML Entity Encoder/Decoder

HTTP Header Viewer

Sitemap URL Extractor