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:
- ✓ View page source - check meta tags
- ✓ No duplicate tags should exist
- ✓ OG image should be ttm-default.png
- ✓ All OG tags present (site_name, locale, etc.)
- ✓ Twitter card tags present
Compare with Layout Version:
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.