100% Free · No Signup · Runs in Your Browser

Meta Tag Generator

Build title, description, canonical, robots, Open Graph & Twitter Card tags — with live Google, Facebook, X and LinkedIn previews, and ready-made WordPress, Shopify & Next.js code.

0 chars
Good
0 chars
Good
Need advanced directives like max-snippet, noarchive, or per-bot targeting? Use the full Meta Robots Tag Generator →
Recommended: 1200×630px (1.91:1 ratio)
Twitter title, description and image reuse your Open Graph values automatically.

<head> meta tags


    

What each tag actually does

Different tags control different surfaces. Shipping the wrong one in the wrong place is the most common meta tag mistake.

TagControlsShows up on
<title>Primary on-page SEO signal and browser tab textGoogle search results, browser tabs, external links
meta descriptionSearch snippet copy (doesn't affect ranking directly)Google, Bing search results
meta robotsWhether the page is indexed & whether links are followedAll search crawlers
Open Graph (og:*)Title, description & image shown when a link is sharedFacebook, LinkedIn, Pinterest, Slack, WhatsApp
Twitter Card (twitter:*)Same purpose as Open Graph, X-specific formatX (Twitter)

Note: the old <meta name="keywords"> tag is intentionally left out — Google has ignored it since 2009 and it adds no SEO value. Need robots.txt too? Test it here →

How this compares

Most meta tag generators either skip social previews or skip framework-ready code. This one does both.

FeatureSEOTriggersmetatags.ioSEOptimer
Title / description / canonical / robots in one tool
Open Graph + Twitter Card together
Live Google, Facebook, X & LinkedIn preview
Pixel-based title/description truncation warningsChar count only
Ready WordPress / Shopify / Next.js code
Skips the obsolete meta keywords tagStill generates it
100% free, no signup

Everything in one tool

🔍

Pixel-accurate truncation

Title and description warnings are based on estimated rendered pixel width, not just a character count — so what you see is much closer to what Google actually shows.

🖼️

Four live previews

See exactly how your link will look on Google, Facebook, X/Twitter and LinkedIn before you publish — switch tabs instantly as you type.

🧩

Framework-ready code

One click for a WordPress functions.php snippet, a Shopify theme.liquid block, or a Next.js App Router metadata object — not just raw HTML.

🚫

No obsolete keyword tag

We don't generate the meta keywords tag by default because Google has ignored it since 2009 — one less thing cluttering your <head>.

🔗

Smart defaults

Open Graph and Twitter fields default to your title and description automatically, and only need overriding when you actually want something different.

🔒

100% client-side & private

Everything runs in your browser. Nothing you type is ever uploaded or stored.

Frequently asked questions

No. Google confirmed in 2009 that it does not use the meta keywords tag for ranking, and Bing gives it effectively no weight either. This tool deliberately leaves it out by default so you don't ship a tag that does nothing and can even look spammy to reviewers.

Meta description is what Google may show under your title in search results. og:description is what Facebook, LinkedIn and other platforms show when your link is shared. They can be identical, but writing them separately lets you optimize one for search intent and the other for social click-through.

Facebook and LinkedIn recommend 1200×630px (a 1.91:1 ratio) so the image fills the card without cropping oddly. The minimum accepted size is around 200×200px, but anything smaller than 600×315px may display small or get skipped on some platforms.

summary shows a small square thumbnail next to the text, similar to a Facebook link preview. summary_large_image shows a full-width image above the text, which typically gets more attention and higher click-through in the X/Twitter feed.

Facebook, LinkedIn and X cache the Open Graph data for a URL the first time it's shared. If you update your meta tags afterward, you need to force a re-scrape using Facebook's Sharing Debugger, LinkedIn's Post Inspector, or X's Card Validator before the new preview appears.

The title tag is a meaningful on-page ranking factor. The meta description doesn't directly affect rankings but strongly influences click-through rate from the search results, which is itself a quality signal. Open Graph and Twitter Card tags have no effect on Google rankings — they only control how links look when shared on social platforms.