TYPO3 Title Tag individuell mit TypoScript erstellen
- 02. September 2026 - TYPO3, TypoScript - 2 minute read
Der Title Tag gehört zu den wichtigsten SEO-Faktoren einer Website. Er wird nicht nur im Browser-Tab angezeigt, sondern kann auch als Überschrift des Suchergebnisses bei Google und anderen Suchmaschinen verwendet werden.
In TYPO3 lässt sich der Title Tag sehr flexibel über TypoScript steuern. Dabei können beispielsweise der Seitentitel, der Name der Website oder auch individuelle Werte aus Seiteneigenschaften miteinander kombiniert werden.
In diesem Artikel zeige ich, wie sich der Title Tag in TYPO3 mit TypoScript individuell aufbauen und abhängig von unterschiedlichen Bedingungen verändern lässt.
Was ist der Title Tag?
Der Title Tag wird im HTML-Dokument innerhalb des <title>-Elements ausgegeben:
<title>Meine Webseite | firma.de</title>Er sollte möglichst präzise beschreiben, worum es auf der jeweiligen Seite geht.
Ein typischer Aufbau könnte beispielsweise so aussehen:
Seitentitel | Website-Name
Für eine TYPO3-Seite könnte daraus beispielsweise werden:
TYPO3 Entwicklung | Dev-Werk
TYPO3 übernimmt die Generierung des Title Tags standardmäßig aus den Seiteneigenschaften. Über TypoScript kann dieses Verhalten jedoch individuell angepasst werden.
Title Tag mit TypoScript überschreiben
Eine einfache Möglichkeit besteht darin, den Title Tag über config.pageTitle zu setzen.
Ein Beispiel:
config.pageTitle = TYPO3 Freelancer | Dev-Werk
Damit würde auf jeder Seite derselbe Title Tag ausgegeben.
Für eine Website mit mehreren Unterseiten ist das allerdings meistens nicht sinnvoll. Besser ist es, den Titel dynamisch aus den Seiteneigenschaften zu erzeugen.
Seitentitel automatisch verwenden
Der Seitentitel kann mit einem TEXT-Objekt aus page:title ausgelesen werden.
config.pageTitle.cObject = TEXT
config.pageTitle.cObject {
field = title
}
Dadurch verwendet TYPO3 den Titel der aktuellen Seite als Title Tag.
Hat die aktuelle Seite beispielsweise den Titel:
TYPO3 Freelancer
wird daraus:
<title>TYPO3 Freelancer</title>
Das ist bereits deutlich flexibler als ein statischer Title Tag.
Seitentitel und Website-Name kombinieren
In der Praxis ist es häufig sinnvoll, den Seitentitel mit dem Namen der Website zu kombinieren.
Zum Beispiel:
TYPO3 Freelancer | Dev-Werk
Das lässt sich mit TypoScript folgendermaßen umsetzen:
config.pageTitle.cObject = TEXT
config.pageTitle.cObject {
field = title
noTrimWrap = | | | Dev-Werk|
}Der Vorteil dieser Variante besteht darin, dass der Titel automatisch für jede Seite übernommen wird.
Title Tag über Seiteneigenschaften individuell steuern
Für größere TYPO3-Projekte kann es sinnvoll sein, den Title Tag nicht ausschließlich aus dem Seitentitel zu erzeugen.
TYPO3 bietet dafür eigene SEO-Felder in den Seiteneigenschaften. Dazu gehört insbesondere das Feld für den SEO-Titel.
Wenn ein individueller SEO-Titel vorhanden ist, sollte dieser bevorzugt verwendet werden.
Eine einfache Variante sieht so aus:
config.pageTitle.cObject = TEXT
config.pageTitle.cObject {
field = seo_title
ifEmpty.cObject = TEXT
ifEmpty.cObject {
field = title
}
}Damit wird zunächst der SEO-Titel verwendet.
Ist kein SEO-Titel vorhanden, fällt TYPO3 automatisch auf den normalen Seitentitel zurück.
Das Prinzip sieht also folgendermaßen aus:
SEO-Titel vorhanden?
|
+-- Ja --> SEO-Titel verwenden
|
+-- Nein --> Seitentitel verwenden
0 Kommentare