How long should a title and description be?

Titles around 50-60 characters and descriptions around 150-160. Google truncates by pixel width rather than character count, so put the important words first — the end is what gets cut.

Does the keywords meta tag still matter?

Not for Google, which has ignored it since 2009 after it was heavily abused. It does no harm, but it does no good either — spend the effort on the title and description instead.

Do I need both Open Graph and Twitter tags?

Twitter falls back to Open Graph when its own tags are absent, so Open Graph alone mostly works. Adding the Twitter tags gives you explicit control over the card type and is worth the few extra lines.

Does the meta description affect rankings?

Not directly — it is not a ranking factor. It heavily affects click-through rate, which is what actually matters, so treat it as ad copy for your search result rather than as an SEO field.

Web & Developer

Meta Tag Generator

Generates the standard set of head tags for a page: title, description, plus Open Graph and Twitter Card markup for link previews. These control how a page appears both in search results and when shared on social platforms.

Free, no signupRuns entirely in your browser

Input

Page Title

Meta Description

Keywords (comma separated)

Result

<!-- SEO Primary Meta Tags -->
<title>Vibeland Utility Tools</title>
<meta name="title" content="Vibeland Utility Tools">
<meta name="description" content="The best open source developer playgound.">
<meta name="keywords" content="tools, developer, converter">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Vibeland Utility Tools">
<meta property="og:description" content="The best open source developer playgound.">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Vibeland Utility Tools">
<meta property="twitter:description" content="The best open source developer playgound.">

About

What the Meta Tag Generator does

The social tags are the ones most often forgotten. Without Open Graph markup, a link shared to Facebook, LinkedIn, Slack or WhatsApp falls back to whatever those platforms can scrape, which is usually an unhelpful fragment of body text and no image.

How it works

Using the Meta Tag Generator

1Enter your page title, ideally under about 60 characters.
2Write a meta description of roughly 150-160 characters.
3Add keywords if you want them included.
4The tool assembles the title and description tags plus the Open Graph and Twitter equivalents.
5Copy the generated block into your page's head.

Use cases

What people use it for

Setting up head tags for a new page
Fixing a link preview that renders without an image
Producing consistent metadata across a static site
Providing markup to a developer from a content brief

FAQ

Frequently asked questions

6 related

Related tools

All tools →

Web & Developer

Markdown Converter

Write and render Markdown code directly into HTML format.

Runs in your browser

Web & Developer

JSON Formatter & Validator

Format, beautify, validate, and minify JSON data structures.

Runs in your browser

Web & Developer

Regex Tester

Test regular expressions against target strings in real-time.

Runs in your browser

Web & Developer

CSS Gradient Generator

Interactive visual gradient generator yielding CSS styles.

Runs in your browser

Web & Developer

Box Shadow Generator

Calibrate offset, blur, and opacity to yield copyable CSS box shadows.

Runs in your browser

Web & Developer

Border Radius Generator

Visually generate CSS border radius styles with active controls.

Runs in your browser