RankPill Logo

Meta Tag Generator

Generate complete HTML meta tags for any webpage including title, description, Open Graph, and Twitter Card tags.

0 / 60 chars recommended
0 / 160 chars recommended

Social sharing (Open Graph + Twitter)

Include

Generated meta tags

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

Essential meta tags reference.

The meta tags that matter for SEO, social sharing, and accessibility - and why each one is on the list.

Critical

<title>

Page title shown in search results and browser tabs

Critical

meta description

Snippet shown under your page in Google search results

High

link canonical

Prevents duplicate content by pointing to the original URL

High

meta robots

Tells Google whether to index the page and follow its links

High

og:title

Title shown when the page is shared on Facebook, LinkedIn, Slack

High

og:description

Description shown in social shares

High

og:image

Preview image on social shares (1200 × 630 recommended)

Medium

og:url

Canonical URL that social platforms link to

Medium

twitter:card

Defines the Twitter/X preview format (summary, large image)

Critical

meta viewport

Controls mobile scaling. Required for responsive sites

Critical

meta charset

Declares character encoding. UTF-8 is the web standard

What are meta tags and why do they matter?

Meta tags are pieces of HTML placed inside the <head> of a webpage that tell machines what the page is about. Unlike body content, they are never visible on the page itself. Instead, they are read by search engines to determine ranking and appearance in results, by social networks to generate link previews, and by browsers to apply basic behavior like charset and viewport scaling.

A well-tuned set of meta tags is one of the highest-leverage SEO wins available. Fixing a missing meta description on a high-traffic page can lift click-through rate by 20% or more. Adding Open Graph tags to a site that has none transforms ugly, text-only share previews into rich image cards that get clicked 2-3x more often. The returns are immediate and compound over every share and every SERP impression.

Always use a canonical tag

Even if your page has no duplicate versions today, a self-referencing canonical prevents URL parameter issues, protocol variants (http vs https), and accidental content duplication from biting you later.

Write descriptions for humans

Meta descriptions are your free ad copy in Google. Write them like you are trying to earn a click, not like you are stuffing keywords. Lead with the benefit and include a natural call to read more.

Set Open Graph images explicitly

If you do not set og:image, platforms guess which image on your page to use, and they often pick wrong. Always specify a 1200 × 630 image that represents the page.

Only use robots when necessary

Do not add a robots meta tag unless you actually need to change behavior. The default (index, follow) is what Google already does. Adding the tag just clutters your head.

Frequently asked questions.

What are meta tags and why do they matter?

Meta tags are snippets of HTML code placed inside the <head> section of a webpage that describe the page's content to search engines, social networks, and browsers. They do not appear on the page itself, but they control how your page shows up in Google search results, how links to it look when shared on Facebook or LinkedIn, and how Twitter renders a preview card. Getting them right is a baseline requirement for any page you want to rank or share.

Which meta tags are most important for SEO?

The two most important for SEO are the <title> tag and the meta description. The title is a direct ranking factor and the single biggest driver of click-through rate in search results. The meta description is not a ranking factor but heavily influences whether users click your result. After those two, the canonical tag prevents duplicate content issues and the robots tag controls indexing behavior.

What are Open Graph tags?

Open Graph tags are a standard developed by Facebook that controls how your page appears when shared on Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage, and almost every other platform that renders link previews. The four essential OG tags are og:title, og:description, og:image, and og:url. Without them, social platforms fall back to guessing, which usually produces an ugly, low-click preview.

Do I need Twitter Card tags if I have Open Graph tags?

Not strictly. Twitter will fall back to your Open Graph tags if no Twitter-specific tags are present. However, adding twitter:card and twitter:image gives you more control over the preview, including whether to use a large image card or a compact summary card. If your audience uses X heavily, dedicated Twitter tags are worth the extra lines.

What image size should I use for Open Graph?

Use 1200 x 630 pixels for the best results across all platforms. Facebook, LinkedIn, and Slack all render this size cleanly. The file should be under 8MB. Supported formats are JPG, PNG, and WebP. If your image is significantly smaller than 1200 x 630, platforms may render a small thumbnail instead of a large preview card.

Where do I paste the generated meta tags?

Paste the generated tags inside the <head> section of your HTML, before the closing </head> tag. If you use WordPress, most SEO plugins like Yoast, Rank Math, or All in One SEO have dedicated fields for each tag. For Next.js, use the Metadata API or the built-in <Head> component. For static sites, paste directly into your HTML template.

Unlock Traffic on Autopilot

Grow organic traffic on autopilot. RankPill will research, write, optimize, and publish articles to your website daily.