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 social platforms, and how browsers render the page.

Which meta tags are most important for SEO?

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

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, WhatsApp, and most platforms that render link previews. The four essential OG tags are og:title, og:description, og:image, and og:url.

What image size should I use for Open Graph?

Use 1200 × 630 pixels for the best results across all platforms. Facebook, LinkedIn, and Slack all render this size cleanly. Supported formats are JPG, PNG, and WebP.

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.

Meta Tag Generator

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

Page title

0 / 60 chars recommended

Meta description

0 / 160 chars recommended

Page URL

Canonical URL

Keywords (optional)

Author (optional)

Robots

Locale

Social sharing (Open Graph + Twitter)

Preview image URL (1200 × 630)

Content type

Twitter card style

Twitter / X handle (optional)

Include

UTF-8 charset

Responsive viewport

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.

Tag	Purpose	Priority
<title>	Page title shown in search results and browser tabs	Critical
meta description	Snippet shown under your page in Google search results	Critical
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)	High
og:url	Canonical URL that social platforms link to	Medium
twitter:card	Defines the Twitter/X preview format (summary, large image)	Medium
meta viewport	Controls mobile scaling. Required for responsive sites	Critical
meta charset	Declares character encoding. UTF-8 is the web standard	Critical

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

Common questions about meta titles, descriptions, and Open Graph tags.

Related Tools

More free seo tools tools

URL Slug Generator

Convert any title or phrase into a clean, SEO-friendly URL slug with lowercase formatting and hyphen separation.

Robots.txt Generator

Create a valid robots.txt file to control which pages Google and Bing can crawl and index on your site.

SEO Checklist

Work through a step-by-step SEO checklist covering technical, on-page, content, and link building essentials.

SERP Preview Tool

See exactly how your title tag and meta description appear in Google search results before you publish.

Want these on autopilot?

RankPill automates everything these tools do. Meta descriptions, titles, content briefs, and full articles published to your site every day without lifting a finger.

Start 3-Day Trial