🔍 SEO Meta Tags Explained — Title, Description & Open Graph

Three small pieces of HTML decide how your page looks on Google and when it's shared on WhatsApp, Twitter or Facebook. Here's what each one actually does.

📅 Updated July 2026⏱ 7 min read

Meta title: the single most important tag

The <title> tag is the blue clickable headline in Google's search results and the text shown on a browser tab. Google generally displays the first 50-60 characters before truncating with "…" — and if your title doesn't closely match what the page is actually about, Google will often rewrite it in search results using its own generated text instead, which you have no control over.

A good title states the specific topic/tool first, keeps the brand name short and at the end, and avoids being so generic that it could belong to a hundred other pages.

Meta description: your ad copy for search results

The meta description is the grey summary text under the title in search results. It is not a ranking factor — Google has confirmed it doesn't directly affect your position — but it directly affects your click-through rate, since it's the pitch that convinces someone to click your result over the one above or below it. Google shows roughly 150-160 characters before truncating, and like titles, a description that doesn't match the page's actual content is often replaced with an auto-generated snippet instead.

Open Graph tags: how your page looks when shared

Open Graph (og:title, og:description, og:image, etc.) is a separate tag set that controls how a link appears when pasted into WhatsApp, Facebook, LinkedIn, or Slack — the preview card with an image, headline and short blurb. Without Open Graph tags, most platforms fall back to guessing from the page content, which often produces an ugly or irrelevant preview. A Twitter/X-specific variant (twitter:card, twitter:title, etc.) does the same job for that platform specifically, though Twitter/X will fall back to Open Graph tags if its own tags are missing.

Quick reference

Tag	Controls	Ideal length
<title>	Google search result headline, browser tab	~50-60 characters
meta description	Google search result summary text	~150-160 characters
og:title / og:description	Preview card on WhatsApp, Facebook, LinkedIn	Similar to title/description
og:image	Preview card thumbnail	1200×630px recommended

How to check and build these tags

Use the Meta Title Checker and Meta Description Checker to confirm your tags are within the length Google actually displays, for any URL.
Use the Meta Tag Generator to build a complete, correctly formatted set of title/description/Open Graph/Twitter tags from scratch.
Use the Open Graph Generator specifically for the social-preview tags if you only need those.
Preview exactly how a URL will look in Google's results with the SERP Preview Tool before publishing.
Run a full audit of an existing page's tags with the Meta Tag Analyzer.

💡 Every page on a site should have a unique title and description — duplicate tags across many pages is one of the most common on-site SEO mistakes, since it gives Google no way to tell pages apart in search results.

Common mistakes

Stuffing keywords unnaturally into the title. Google can detect this, and it reads poorly to actual visitors, hurting click-through rate.
Leaving the description blank. Google then auto-generates one from page content, which is often an awkward mid-sentence excerpt.
Forgetting og:image. A shared link with no preview image gets far fewer clicks on WhatsApp and social platforms than one with a clear thumbnail.
Copy-pasting the same meta description across many pages. This makes it harder for both users and search engines to distinguish pages from each other.