Page.meta ViewHelper <f:page.meta> 

Set meta tags in a detail view template 

Meta tags can be defined directly in a Fluid template, for example in a detail view that renders a single domain object.

<f:page.meta property="description">{item.description}</f:page.meta>
<f:page.meta property="og:title">{item.title}</f:page.meta>
<f:page.meta property="og:type">article</f:page.meta>

<h1>{item.title}</h1>
<p>{item.description}</p>

Define OpenGraph and Twitter / X Card meta tags 

OpenGraph and Twitter / X Card meta tags can be used to control how pages are displayed when shared on social media platforms.

<f:page.meta property="og:title">My Article Title</f:page.meta>
<f:page.meta property="og:description">Article description</f:page.meta>
<f:page.meta property="twitter:card">
    summary_large_image
</f:page.meta>

Use sub-properties for complex meta tags 

Some meta tags, such as image-related tags, support additional sub-properties like dimensions or alternative text.

<f:page.meta property="og:image"
             subProperties="{width: 1200, height: 630,
             alt: 'Article image'}">
    {item.image.url}
</f:page.meta>

Define custom meta tag types 

Custom meta tags can be defined by explicitly specifying the meta tag type attribute.

<f:page.meta property="author" type="name">John Doe</f:page.meta>
<f:page.meta property="robots" type="name">
    index, follow
</f:page.meta>

Replace existing meta tags 

Existing meta tags with the same property can be replaced explicitly when required.

<f:page.meta property="description" replace="true">
    Override any existing description
</f:page.meta>

All examples shown above integrate with TYPO3's MetaTagManager system and respect configured meta tag managers, priorities, and rendering rules. This enables a template-centric approach to managing SEO-relevant meta data that reflects the rendered content accurately.