MRender
Introduction
What is MRender?
Getting Started
Writing
Markdown Extensions
Examples
Examples Overview
TOC Disabled
layout
TOC Disabled + Wide
layout
SEO Overrides
seo
Origin Link
seo
ng-component Demo
components
Code Group and Alerts
code
Code Features Playground
code
Preview Group Filters
components
MRender

Example: SEO Overrides

This page uses frontmatter to override title and social tags without changing global configuration.

When to use

  • You need a custom title or description for one page only.
  • You need per-page canonical URLs.
  • You need different social card text/image for specific articles.

Copy-paste template

Frontmatter keys

You can override:

  • title, description, canonical
  • keywords, robots
  • ogType, ogTitle, ogDescription, ogImage
  • twitterCard, twitterTitle, twitterDescription, twitterImage

Validation steps

  1. Open this page in the browser.
  2. Check <title> and meta[name="description"].
  3. Check Open Graph tags (og:*) in DevTools.
  4. Check Twitter tags (twitter:*) in DevTools.
  5. Compare generated metadata against your frontmatter values.

Common mistakes

  • Leaving old canonical URL after copying a template.
  • Mixing page-specific metadata with outdated global defaults.
  • Forgetting to validate rendered HTML in SSR/prerender output.
Edit this page on GitHub
In this article