Meta Tags Explained: Title, Description, and Open Graph

Meta tags don't display on the page itself, but they control almost everything a visitor sees before they click through to it — the blue link and snippet in search results, and the preview card when a link is shared on social media. Getting them right doesn't directly move rankings the way people often assume, but it has an outsized effect on whether people actually click.

The title tag

The title tag is the clickable blue headline in search results and the text shown in a browser tab. It's one of the strongest on-page relevance signals search engines use, but its bigger practical impact is on click-through rate — a clear, specific, compelling title earns more clicks than a vague one, even at the same search ranking position. Google generally displays roughly the first 50-60 characters of a title before truncating it, so put the most important words first.

The meta description

The meta description is the short paragraph beneath the title in search results. It has no direct ranking effect — Google confirmed this years ago — but it functions as free ad copy for your page: a description that clearly states what the page delivers and why someone should click it meaningfully affects click-through rate, which is itself an indirect signal search engines do factor into rankings over time. Keep it to roughly 150-160 characters, since Google truncates longer descriptions with an ellipsis.

Open Graph tags — controlling social previews

Open Graph (og:) tags control how a link appears when shared on Facebook, LinkedIn, and most other platforms that generate a preview card: og:title, og:description, and og:image for the headline, blurb, and thumbnail image respectively. Without these tags, platforms fall back to guessing from the page's regular title tag and whatever image they can find, often producing an inconsistent or unappealing preview. Twitter/X uses a very similar but separate set of tags (twitter:card, twitter:title, etc.) that are worth setting alongside Open Graph tags for consistent previews across platforms.

A practical checklist per page

• Unique title and description for every page — duplicate meta tags across multiple pages waste an opportunity to differentiate each page's purpose in search results
• Title under ~60 characters, description under ~160 characters, so neither gets truncated
• An og:image sized appropriately (commonly 1200×630px) so social previews render cleanly rather than cropped or stretched
• A description that states the specific value of the page, not a generic restatement of the title

Try it yourself

Our Meta Tag Generator builds correctly formatted title, description, and Open Graph tags, and our SERP Preview Tool shows how your title and description will actually appear (and where they'll get truncated) in Google search results.

This guide reflects general, publicly known SEO principles, which can change as search engines and social platforms update how they render previews.