Meta Tag Generator

Generate complete SEO meta tags including Open Graph and Twitter Card. Preview the Google search result and social card live.

Page title

Description

Keywords (comma separated)

Author

Canonical URL

Open Graph image URL

Twitter handle (@username)

Locale

Generated meta tags

Features

Title/description/keywords

Open Graph tags

Twitter Card tags

Google preview

Social preview

How to Use

1. Fill in title, description, image URL, and other fields.

2. See a live preview of the Google result and social card.

3. Copy the generated HTML and paste it into your page's <head>.

About this tool

Meta tags tell search engines and social networks what a page is about before anyone clicks. This generator writes the essentials in one go: the title tag, meta description, keywords, author and canonical URL, plus Open Graph tags that control how links look on Facebook, LinkedIn and messaging apps, and Twitter Card tags for X. Fill in the fields and copy a ready-to-paste block for your page's <head>. Good tags will not rank a weak page, but they strongly influence whether people click: a specific title of around 50–60 characters and a description of about 150–160 characters that matches the page's content work best. Values are escaped so quotes and angle brackets do not break your HTML.

Frequently Asked Questions

How long should the title and description be?

Aim for about 50–60 characters for the title and 150–160 characters for the description. Search engines truncate by pixel width rather than exact character count, so put the most important words first.

Does the meta keywords tag help rankings?

No. Google has ignored meta keywords for ranking for many years. The generator includes the field because some internal site search tools still read it, but you can safely leave it empty.

What is a canonical URL for?

It tells search engines which URL is the preferred version when the same content is reachable at several addresses, for example with tracking parameters or both http and https. It helps consolidate signals to one page.

What image size works best for Open Graph and Twitter cards?

Use an image of 1200 × 630 pixels (ratio about 1.91:1) and keep important content away from the edges. The generator sets twitter:card to summary_large_image so the same large image is used on X.

Why doesn't the link preview update after I change my tags?

Social platforms cache previews. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to fetch the page again, and make sure the image URL is absolute and publicly accessible.