Meta tags are HTML elements placed in the section of a page. They describe the page content to search engines, social media platforms, and browsers without displaying text on the page itself.

What is the difference between Open Graph and Twitter Cards?

Open Graph (og:) tags are used by Facebook, LinkedIn, and most other platforms to generate link previews. Twitter Card tags (twitter:) are specific to Twitter and override Open Graph values when sharing on that platform.

How long should my meta description be?

Google typically displays 150–160 characters of a meta description in search results. Keep it concise and include your primary keyword naturally. Descriptions over 160 characters will be truncated.

Do these tags affect my Google ranking?

The meta description itself does not directly affect rankings, but a compelling description increases click-through rate which can indirectly improve rankings. The title tag does carry ranking weight, so include your primary keyword near the front.

What image size should I use for Open Graph?

The recommended Open Graph image size is 1200 x 630 pixels (1.91:1 ratio). For Twitter large image cards, the same dimensions work well. Minimum is 600 x 315 pixels.

Should I use "summary" or "summary_large_image" for Twitter Cards?

Use "summary_large_image" when you have a high-quality wide image (1200 x 630 px). It shows a prominent banner image. Use "summary" for smaller thumbnail-style images or when you have no image.

Meta Tag Generator

Fill in your page details and instantly get ready-to-paste HTML meta tags for SEO, Open Graph, and Twitter Cards.

Basic SEO

Page Title (50–60 chars recommended)

0 / 60 characters

Meta Description (150–160 chars recommended)

0 / 160 characters

Canonical URL

Author (optional)

Keywords (comma-separated, optional)

Robots

Open Graph (Facebook / LinkedIn)

OG Title (defaults to page title)

OG Description (defaults to meta description)

OG Image URL (1200 x 630 px recommended)

OG Type

Site Name (optional)

Twitter Card

Card Type

Twitter @username (optional)

Author Twitter @username (optional)

Generated Tags

Fill in the form to generate meta tags...

Search Result Preview

Your page title will appear here

https://example.com/page

Your meta description will appear here in search results.

Open Graph Preview

example.com

Page title preview

Description preview

Summary

The Meta Tag Generator creates complete HTML meta tag blocks for SEO, Open Graph (Facebook, LinkedIn), and Twitter Cards. Fill in your page title, description, URL, and image, then copy the generated tags directly into your HTML head section. All tags are generated client-side with no data sent to any server.

How it works

Enter your page title, description, and canonical URL in the form.
Optionally add an Open Graph image URL and author name.
Select your Twitter Card type (summary or summary_large_image).
The meta tag output updates live as you type.
Click "Copy All Tags" to copy the complete block to your clipboard.
Paste the tags inside the <head> section of your HTML page.

Use cases

Generate SEO-friendly meta tags for a new web page or blog post.
Create Open Graph tags so links look great when shared on Facebook or LinkedIn.
Set up Twitter Card tags for rich previews in Twitter feeds.
Quickly produce a complete meta tag boilerplate for any website.
Audit and regenerate meta tags for existing pages.
Build meta tags for single-page apps that need manual head management.
Ensure consistent tag structure across a multi-page site.
Preview how your title and description will appear in search results.

Frequently Asked Questions

Last updated: 2026-05-29 · Reviewed by Nham Vu