Meta Tags for SEO: The Complete Guide to Title, Description, and OG Tags

Meta tags are the first thing people see in search results and social shares. A compelling title and description can double your click-through rate — even if your ranking doesn't change. Here's how to write meta tags that get clicks.

Key Takeaways

• Title tag: 50–60 characters, include your primary keyword
• Meta description: 150–160 characters, include a call-to-action
• OG tags control how your page looks when shared on social media
• Every page needs a unique title and description

Title Tag

The title tag is the most important on-page SEO element. It appears as the clickable headline in search results.

Best practices:

• 50–60 characters (Google truncates after ~60)
• Put the primary keyword near the beginning
• Include your brand name at the end
• Make it compelling — it's an ad for your page

Example:

Image Compression Guide: Reduce File Size 80% | TOO15.com

Meta Description

The meta description appears below the title in search results. It doesn't directly affect rankings but heavily influences click-through rate.

Best practices:

• 150–160 characters
• Include the primary keyword (Google bolds it)
• End with a call-to-action
• Make it unique for every page

Example:

Learn how to compress images for faster websites. Reduce file size by 80% without losing quality. Free browser-based tool — no uploads.

Open Graph Tags

OG tags control how your page appears when shared on social media. The essential ones:

<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://example.com/image.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">

Twitter Cards

Twitter uses its own card format:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Title">
<meta name="twitter:description" content="Your description">
<meta name="twitter:image" content="https://example.com/image.png">

Generate Meta Tags Instantly

Use the Meta Tag Generator to create all your meta tags at once. Enter your title, description, and image URL — get clean HTML ready to paste.

Conclusion

Meta tags are your page's first impression in search results and social shares. Write compelling titles, action-oriented descriptions, and always include OG tags. The Meta Tag Generator makes it fast.