DeveloperTools
Web Tools

Meta Tags Guide: Optimize for Search and Social

Write effective meta tags for SEO and social media sharing. Covers title, description, Open Graph, and Twitter Cards.

Meta tags provide metadata about web pages. They're invisible to visitors but crucial for SEO and social sharing.

Essential Tags

Title: Most important SEO element. Under 60 chars, include primary keyword.

Description: 150-160 char summary. Improves click-through rates.

Viewport: Essential for mobile responsiveness.

Open Graph Tags

Control appearance on Facebook, LinkedIn:

  • og:title — Share preview title
  • og:description — Preview text
  • og:image — Preview image (1200×630px)
  • og:url — Canonical URL

Twitter Cards

Similar to OG but for Twitter/X. Use twitter:card, twitter:title, twitter:description, twitter:image.

Best Practices

Unique title and description for every page. Include relevant keywords naturally. Test with social media debuggers.

Frequently Asked Questions

Do meta descriptions affect rankings?
Not directly, but they improve click-through rates from search results, which indirectly helps rankings.
What size for OG images?
1200×630px is recommended. Minimum 600×315px. Use JPEG or PNG under 5MB.
How to test meta tags?
Use Facebook Sharing Debugger, Twitter Card Validator, and Google Rich Results Test to preview how your pages appear.