WWebURL

SEO Metadata Optimization Handbook

From Title and Description to OG tags, detailed best practices for every SEO metadata element to improve your search engine presence.

What Is SEO Metadata?

SEO metadata refers to structured information embedded in a webpage's HTML that helps search engines understand the page's content and context. While users typically don't see this data directly, it has a decisive impact on search engine rankings and social media sharing appearance. Metadata includes title tags, meta descriptions, Open Graph tags, Twitter Cards, structured data, and more.

The Title Tag: The Most Important SEO Element

Best Practices

The title tag (<title>) is one of the most influential on-page ranking factors. Key optimization points:

  • Keep it between 50-60 characters to avoid truncation in search results
  • Place primary keywords early while maintaining natural readability
  • Every page needs a unique title — duplication harms performance
  • Append brand name at the end, separated by a delimiter
  • Avoid keyword stuffing, which triggers search engine penalties

    • Before and After

    ❌ Bad: Home | Welcome | Site

    ✅ Good: SEO Metadata Optimization Handbook | WebURL

    ❌ Bad: SEO optimization, SEO tips, SEO guide, SEO tutorial (keyword stuffing)

    ✅ Good: Complete SEO Metadata Guide: Title, Description & OG Tags

    Meta Description: The CTR Secret Weapon

    While meta descriptions are not a direct ranking factor, they significantly influence click-through rates from search results. A well-crafted description can dramatically increase user willingness to visit your page.

    Optimization Tips

  • Keep it within 120-158 characters
  • Include target keywords and related semantic terms
  • Add call-to-action words (learn, discover, get, find)
  • Clearly communicate the page's unique value proposition
  • Avoid duplicating descriptions across multiple pages

    • Crafting High-CTR Descriptions

    A good description answers the user's search intent: what does someone searching for this keyword most want to know? For example, if the page is about SEO metadata optimization, the description should tell users what specific knowledge they will gain by reading, rather than abstractly describing the page itself.

    Open Graph Protocol

    Facebook, LinkedIn, WeChat, and other social platforms use the Open Graph protocol to render link previews. Proper OG tag configuration gives you control over how your content appears when shared socially.

    Essential OG Tags

  • og:title: social share title (should match the page title or be more compelling)
  • og:description: social share description (often shorter and punchier than meta description)
  • og:image: thumbnail image for shares (recommended 1200×630 pixels, 1.91:1 aspect ratio)
  • og:url: canonical URL of the page (prevents fragmented share data across multiple URLs)
  • og:type: page type (website, article, product, etc.)
  • og:locale: language region (zh_CN, en_US, etc.)

    • Image Optimization Tips

    The OG image is the most eye-catching element in social shares. Ensure your image includes:

  • Clear brand identity
  • Compelling visual elements
  • Optional text overlay (legible at thumbnail sizes)
  • High contrast for visibility in dark mode

    • Twitter Card Tags

    Twitter uses its own card tags that work alongside OG tags. Primary types include:

  • summary: standard card with title, description, and thumbnail
  • summary_large_image: emphasizes a large hero image
  • app: for app promotion
  • player: for video and audio content

    • At minimum, configure summary_large_image for better visual impact and higher engagement rates.

    Canonical URLs

    Why It Matters

    Canonical URLs solve duplicate content problems. When the same content is accessible through multiple URLs (e.g., with and without query parameters), use rel="canonical" to tell search engines which version is authoritative. This is especially critical for aggregate sites, e-commerce product pages, and URLs with tracking parameters.

    Example

    <link rel="canonical" href="https://weburl.cn/en/blog/seo-metadata-guide" />

    Structured Data

    Structured data uses the Schema.org vocabulary to help search engines understand page content at a deeper level. With structured data enabled, search results may display rich snippets — ratings, prices, author avatars — that dramatically boost click-through rates.

    Article Structured Data Example

    <script type="application/ld+json">

    {

    "@context": "https://schema.org",

    "@type": "Article",

    "headline": "SEO Metadata Optimization Handbook",

    "description": "A complete guide from Title to OG tags",

    "author": { "@type": "Organization", "name": "WebURL" },

    "datePublished": "2025-01-15"

    }

    Hreflang Tags for Multilingual Sites

    For multilingual websites, hreflang tags tell search engines about the relationship between pages in different languages. This ensures Chinese-speaking users see Chinese pages and English-speaking users see English pages in their search results. Proper hreflang configuration prevents duplicate content issues in multilingual setups.

    Using WebURL for Metadata Inspection

    WebURL's SEO analysis module automatically extracts all metadata elements from any page — Title, Description, OG tags, Twitter Cards, Canonical URLs, and structured data — and presents them in a clear, actionable report. You can also preview social sharing appearance to verify your metadata configuration is correct.

    Conclusion

    SEO metadata optimization is foundational to search engine optimization. From title tags to structured data, every element plays a vital role in how search engines interpret your pages and how rich your search listings appear. Regularly audit your metadata configuration with proper tools and ensure every page follows best practices — this lays a solid foundation for all your SEO efforts.

    ← Back to Blog