Meta Tags Guide: Title, Description, Open Graph & More
Meta tags are the first thing Google and social platforms see. This guide covers every important meta tag — what they do, optimal values, and common mistakes.
Advertisement
Meta tags live in the <head> of your HTML and communicate critical information to search engines, social platforms, and browsers — without being visible to human readers. Getting them right improves click-through rates, controls how your content appears when shared on social media, and prevents duplicate content issues.
The Title Tag
The <title> tag is the most important on-page SEO element. It appears as the clickable blue link in Google search results and in browser tabs. Google rewrites titles it considers too long or keyword-stuffed, but your optimised title is the starting point.
- Optimal length: 50–60 characters (Google typically displays up to 600px width)
- Front-load your primary keyword — Google weights earlier words more heavily
- Include your brand name at the end: 'Primary Keyword — Brand Name'
- Write for clicks, not just keywords — the title must earn the click
- Each page needs a unique title — duplicate titles confuse crawlers and users
Meta Description
The meta description does not directly affect rankings but heavily influences click-through rate (CTR). Google displays it below the title in SERPs when it matches the query. If you don't set one, Google picks an excerpt from your page content — often a poor choice.
- Optimal length: 140–160 characters (Google truncates longer descriptions)
- Include your primary keyword — Google bolds it in the SERP when it matches the query
- Write as a value proposition — what will the reader find on this page?
- Include a call to action: 'Learn how', 'Get your free', 'Download', 'Discover'
- Each page needs a unique meta description
Robots Meta Directives
| Directive | Effect |
|---|---|
| index | Allow search engines to index this page (default) |
| noindex | Prevent this page from appearing in search results |
| follow | Allow crawlers to follow links on this page (default) |
| nofollow | Tell crawlers not to follow links on this page |
| noarchive | Prevent Google from showing a cached version |
| nosnippet | Prevent meta description / snippet display in SERPs |
| max-snippet: N | Limit snippet length to N characters |
Open Graph Tags
Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, WhatsApp, Slack, and other platforms. Without OG tags, the platform picks its own title, description, and image — often poorly.
- og:title — the title shown in the link preview (can differ from SEO title)
- og:description — 2-4 sentence description for social sharing
- og:image — image shown in the link preview (recommended: 1200×630px)
- og:url — canonical URL of the page
- og:type — 'website' for homepages, 'article' for blog posts
Twitter Card Tags
Twitter uses its own card tags (now also used by X), independent of Open Graph. The most important is twitter:card which specifies the card type. Use 'summary_large_image' to show a large image preview — it produces significantly better engagement than the default small image card.
Canonical Tag
The canonical tag (<link rel='canonical' href='URL'>) tells Google which version of a page is the 'official' one. It solves duplicate content issues caused by URL parameters, trailing slashes, www vs non-www, and HTTP vs HTTPS variants. Every page should have a self-referencing canonical tag.
Generate all your meta tags
Generate complete, valid meta tags including Open Graph and Twitter Cards.
Frequently Asked Questions
Does Google always use my meta description?
No. Google rewrites or replaces meta descriptions approximately 60-70% of the time, choosing a more relevant excerpt from your page content based on the specific query. This is not a problem — it means Google is showing the most relevant snippet for each query. A well-written meta description is still used when it matches, so always write one.
What happens if I don't have a title tag?
If you omit the title tag, Google generates its own title from your H1 heading, page content, or URL. This almost always produces an inferior result. Always write a unique, optimised title tag for every page.
Do Open Graph tags help with SEO?
Open Graph tags do not directly affect Google search rankings. They indirectly support SEO by improving the appearance of social shares, which can increase click-through rates and drive traffic that may signal engagement to Google.