TTM Demo - Direct Head

Demo Page: Using Direct Head Tags

Direct Meta Tags Implementation

This page uses direct Head tags from Next.js without any Layout component. This is a plain implementation for comparison purposes.

Page Information:

  • Generated at: 2026-02-26T05:42:03.802Z
  • Using: Direct Head tags (no Layout)
  • OG Image: ttm-default.png (2160x1136px)
  • Site URL: https://thetm.com

Comparison Notes:

  • This page has ALL meta tags defined directly
  • No Layout or Meta component used
  • Same OG image and tags as Layout version
  • Use this to compare with /demo-meta-layout

Testing Checklist:

  1. ✓ View page source - check meta tags
  2. ✓ No duplicate tags should exist
  3. ✓ OG image should be ttm-default.png
  4. ✓ All OG tags present (site_name, locale, etc.)
  5. ✓ Twitter card tags present

Compare with Layout Version:

Go to Layout Component Demo →

Both pages should have identical meta tags in the page source, but implemented differently.

🔍 Quick Test URLs:

  • This page: /demo-meta-direct
  • Layout version: /demo-meta-layout

⚠️ Note:

This approach requires manually maintaining all meta tags. The Layout component approach is recommended for consistency.

Demo Page - Direct Head Implementation

The Training Marketplace