Title Tag und Meta Tags Viewhelper
- 03. September 2026 - TYPO3, Extbase & Fluid - 2 minute read
Mit TYPO3 v14 wurde die Arbeit mit SEO-relevanten Seitendaten deutlich vereinfacht. Während bisher häufig TypoScript, eigene PageTitleProvider oder individuelle PHP-Lösungen erforderlich waren, stehen nun spezielle Fluid ViewHelper zur Verfügung, um den Title Tag und Meta-Tags direkt innerhalb von Templates zu definieren. Dadurch wird die Pflege von Suchmaschinen- und Social-Media-Metadaten wesentlich komfortabler und übersichtlicher.
Für den Seitentitel wurde der neue ViewHelper <f:page.title> eingeführt. Mit diesem kann der Title Tag direkt aus einem Fluid-Template heraus gesetzt werden. Besonders bei Extbase-Erweiterungen und Detailansichten ist dies hilfreich, da dynamische Seitentitel ohne eigene PageTitleProvider erstellt werden können. Der ViewHelper integriert sich dabei nahtlos in das bestehende TYPO3-System zur Verwaltung von Seitentiteln.
Zusätzlich bietet TYPO3 v14 mit <f:page.meta> einen eigenen ViewHelper für Meta-Tags. Damit lassen sich beispielsweise Meta-Descriptions, OpenGraph-Tags für soziale Netzwerke oder Twitter/X-Cards direkt im Fluid-Template definieren. Die Anbindung erfolgt über die TYPO3 MetaTagManager API, wodurch aufwendige TypoScript-Konfigurationen in vielen Fällen entfallen und SEO-relevante Informationen genau dort gepflegt werden können, wo die Inhalte ausgegeben werden.
Title Tag in Fluid mit f:page.title setzen
Mit dem ViewHelper <f:page.title> kann der Title-Tag direkt innerhalb eines Fluid Templates definiert werden. Dadurch lassen sich Seitentitel flexibel und kontextabhängig setzen, ohne zusätzliche TypoScript-Konfigurationen verwenden zu müssen. Besonders bei Extensions und individuellen Templates sorgt dies für eine übersichtlichere und wartungsfreundlichere Umsetzung.
<f:page.title>Hier könnte der Titel stehen</f:page.title><f:page.meta
property="description"
content="Beschreibung für die Meta Descvription." />Meta Tags im Fluid Template setzen
Meta-Tags können mit dem ViewHelper <f:page.meta> direkt im Fluid Template erstellt werden. Die Ausgabe erfolgt automatisch im HTML-Head der Seite. Dadurch lassen sich Meta-Descriptions, Robots-Tags oder andere Meta-Informationen zentral innerhalb der Template-Logik verwalten.
0 comments