The Ultimate Guide to SEO Meta Tags: Title, Description & Beyond

Meta tags are the foundation of on-page SEO. They tell search engines what your page is about, how it should appear in search results, and how it relates to other content on the web. Getting them right is one of the highest-impact SEO actions you can take.

In this guide, we'll cover every important meta tag, what it does, best practices, and common mistakes to avoid.

The Title Tag

The title tag (<title>) is the single most important on-page SEO element. It appears as the clickable headline in search engine results and is also used as the default title when a page is shared or bookmarked.

Best practices:

• Keep titles between 50-60 characters to avoid truncation in search results
• Place your primary keyword near the beginning
• Include your brand name at the end, separated by a pipe or dash
• Make each title unique — no duplicate titles across your site
• Write for humans first, search engines second

Example: "Technical SEO Checklist: 15 Steps to Improve Rankings | SiteGraph"

The Meta Description

While not a direct ranking factor, the meta description heavily influences click-through rates (CTR) from search results. A compelling description can significantly increase traffic to your page.

Best practices:

• Aim for 150-160 characters — descriptions longer than this get truncated
• Include your target keyword naturally
• Write a clear value proposition — what will the reader learn or get?
• Include a call to action when appropriate ("Learn more," "Get started," etc.)
• Avoid duplicate descriptions across pages

Example: "Master on-page SEO with our comprehensive meta tag guide. Learn how to optimize title tags, meta descriptions, Open Graph tags, and structured data for better rankings."

Open Graph Tags

Open Graph (OG) tags control how your page appears when shared on social media platforms like Facebook, LinkedIn, and X (formerly Twitter). They ensure your content looks professional and appealing when someone shares a link.

Essential OG tags:

• og:title — Title for social shares (can differ from your HTML title)
• og:description — Description for social shares
• og:image — Image that appears when shared (recommended 1200x630px)
• og:url — Canonical URL of the page
• og:type — Content type (website, article, product, etc.)

Twitter Cards

Twitter Cards are similar to Open Graph but specific to X/Twitter. They control how your content appears in tweets. The two most common types are:

• Summary Card: Title, description, and thumbnail image
• Summary Card with Large Image: Same as above but with a larger, more prominent image

Viewport Meta Tag

The viewport meta tag is essential for mobile responsiveness. It tells browsers how to scale your page on different screen sizes. Without it, mobile users will see a zoomed-out, desktop version of your site.

Recommended: <meta name="viewport" content="width=device-width, initial-scale=1" />

Canonical Tag

The canonical tag (<link rel="canonical" />) tells search engines which version of a page is the primary one when duplicate or similar content exists. This prevents SEO issues caused by duplicate content across different URLs.

Use canonical tags when you have multiple URLs serving the same or very similar content — for example, paginated pages, print versions, or URLs with tracking parameters.

Robots Meta Tag

The robots meta tag controls how search engines index and follow your page. Common directives include:

• index, follow — Default. Index the page and follow links (no tag needed)
• noindex — Don't show this page in search results
• nofollow — Don't follow links on this page
• noarchive — Don't show a cached version in search results

Structured Data (JSON-LD)

Structured data using JSON-LD format helps search engines understand your content more deeply. It enables rich results like featured snippets, product prices, FAQ accordions, breadcrumb trails, and more in search results.

Common structured data types include:

• Article/NewsArticle: For blog posts and news content
• Product: For e-commerce listings with prices and availability
• FAQPage: For pages with questions and answers
• BreadcrumbList: For navigational breadcrumbs
• Organization: For company information
• LocalBusiness: For physical business locations

Common Meta Tag Mistakes

• Missing title tags: Every page needs a unique, descriptive title
• Duplicate meta descriptions: Each page should have its own description
• Missing Open Graph tags: Your social shares will look broken
• No canonical tags: Can lead to duplicate content issues
• Blocking CSS/JS in robots.txt: Can prevent search engines from rendering your page correctly

Use SiteGraph to check the meta tags, Open Graph tags, and structured data on any website. Our reports show you exactly what's present and what's missing.