Your title tag and meta description are the first things users see in search results. Getting them right can dramatically improve your click-through rate (CTR). Use our free meta preview tool to see exactly how your page will appear in Google and social media.
What Are Meta Tags?
Meta tags are HTML elements that provide structured metadata about a webpage. The two most important for SEO are the title tag and meta description, which appear in search engine results pages (SERPs).
Title Tag Best Practices
| Best Practice | Recommendation |
|---|
| Length | 50-60 characters (to avoid truncation) |
| Primary Keyword | Include near the beginning of the title |
| Brand Name | Include at the end (separated by | or -) |
| Uniqueness | Every page should have a unique title tag |
| Compelling | Write for humans first, SEO second |
Meta Description Best Practices
| Best Practice | Recommendation |
|---|
| Length | 150-160 characters |
| Call to Action | Include phrases like "Learn how" or "Get started" |
| Keyword Placement | Include target keyword naturally |
| Value Proposition | Clearly communicate what the page offers |
| Match Content | Description should accurately reflect page content |
💡 Pro Tip: Use our meta preview tool to test different title and description combinations before publishing. See exactly how they'll look in Google, Facebook, X/Twitter, and LinkedIn.
Open Graph Tags for Social Media
Open Graph (OG) tags control how your content appears when shared on social media. Key OG tags include:
- og:title — Title shown in social shares
- og:description — Description shown in social shares
- og:image — Image displayed when sharing (1200x630px recommended)
- og:url — Canonical URL for the shared content
Common Meta Tag Mistakes
- Missing title tags — Pages without title tags are invisible to search engines
- Duplicate titles — Using the same title across multiple pages
- Keyword stuffing — Trying to fit too many keywords into one tag
- Too short or too long — Titles under 30 chars waste space; over 60 get truncated
- Missing OG tags — Your content won't look good when shared on social media
Beyond Title and Description: The Supporting Tags
- Canonical - points Google to the preferred URL when duplicates exist; self-referencing is the safe default
- robots meta - noindex/nofollow per page; use sparingly - noindex hides content, not deletes it
- Open Graph - og:title, og:description, og:image control the link preview on Facebook, WhatsApp, LinkedIn and X
- Twitter cards - summary_large_image for image-rich previews; mirrors OG tags for most platforms
- viewport - required for mobile usability; a missing viewport is a mobile-ranking failure
- lang attribute - html lang helps search engines and screen readers pick the language
Open Graph in Practice
Social shares are free traffic: a post without og:image shows a grey link box; with it, it displays a rich card that earns clicks. Set og:title under 60 characters, og:description under 155, and og:image at 1200x630 px. Validate with the platform debuggers (Facebook Sharing Debugger, LinkedIn Post Inspector) - they also flush stale caches when you update tags.
Common Meta Tag Mistakes
- Duplicate title/description across pages - Google picks one, often the wrong one
- Meta keywords - ignored by Google since 2009; harmless but useless - remove them
- Missing alt attributes - alt is the meta tag for images; empty alt is a missed ranking and accessibility signal
- Misplaced tags - meta belongs in ; tags in are ignored
- Copy-paste templates - a CMS that repeats the same description site-wide is worse than none
The SEO Tag Quick Checklist
- Unique title (50-60 chars) with primary keyword near the front
- Unique meta description (120-155 chars) with a benefit
- Self-referencing canonical on every page
- og:title, og:description, og:image on content and product pages
- One H1 per page matching the title intent
- Descriptive alt text on every image
- Confirm with our SEO Audit Tool after publishing
Still unsure which tag you need? Run the SEO Audit Tool on a page and it will list missing meta tags with fixes.
class="cta-box">
Preview your meta tags now!
Try Meta Preview Tool →
Related tools:
SEO Audit Tool ·
Keyword Research Tool ·
All Tools