Zurück

TYPO3 Title Tag individuell mit TypoScript erstellen

Avatar of Andre Lanius Andre Lanius - 02. September 2026 - TYPO3, TypoScript - 2 minute read
Title Tag mit Typoscript erstellen

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 comments  
New comment

0 comments