TYPO3 v13 zu v14: Was sich im Backend für Redakteure wirklich ändert

Im April haben wir zum Start von TYPO3 v14 LTS bereits die technischen und strategischen Neuerungen der neuen Hauptversion betrachtet. Einige Monate später interessiert uns eine andere Frage: Was merkt ein Redakteur davon im täglichen Einsatz tatsächlich?

Für diesen Vergleich haben wir dieselbe TYPO3-Installation einmal mit v13 und einmal mit v14 geöffnet, um den direkten „Vorher-Nachher-Vergleich“ zu bekommen. Schon auf den ersten Blick ist klar, dass TYPO3 die Oberfläche deutlich überarbeitet und modernisiert hat. Das Backend wirkt leichter, aufgeräumter und zeitgemäßer. Die neue Farbwelt, runde Ecken und modernisierte, weitgehend monochrome Icons verändern den Gesamteindruck stärker, als es einzelne Screenshots aus einem Changelog vermitteln können.
Entscheidend ist aber nicht die Optik allein. Viele der sichtbaren Änderungen folgen einem gemeinsamen Ziel: Funktionen sollen schneller erkennbar und durchführbar sein, der aktuelle Bearbeitungskontext bleibt dabei aber erhalten und typische Abläufe könnten leichter von der Hand gehen. Genau dort liegt aus unserer Sicht der eigentliche Unterschied und auch neu hinzugekommene Mehrwert zwischen TYPO3 v13 und v14.

Das TYPO3-Backend wurde sichtbar neu gestaltet

Der direkte Vorher-Nachher-Vergleich zeigt den größten Unterschied sofort. TYPO3 v13 arbeitet mit einer sehr hellen, funktionalen Oberfläche und deutlich farbigeren Modulsymbolen, die irgendwann mal bei Version 4.x vor über 15 Jahren eingeführt wurden, wenn ich mich richtig erinnere. TYPO3 v14 setzt im gezeigten „Fresh Theme“ auf eine dunkle violette Navigation, vereinfachte Icons, mehr Abstand und deutlich mehr Rundungen in Buttons, Feldern und Navigationselementen. 

Hier mal der direkte optische Vergleich von v13 und v14 bei gleicher Inhaltsdarstellung:

TYPO3 bezeichnet diese neue Variante als „Fresh Theme“. Sie ist bei neuen Benutzern die Standarddarstellung, vorhandene Benutzer können weiterhin andere Backend-Themes wählen. Der Vergleich oben zeigt deshalb bewusst die heute typische v14-Darstellung und nicht eine technisch erzwungene Farbgebung für jeden Benutzer. Damit sind dann die „ich will nichts Neues“- und auch die „ich freue mich über Neues“-User alle zufriedengestellt.

Die Gestaltung ist zugleich Teil einer breiteren Überarbeitung der Bedienbarkeit. TYPO3 hat die Barrierefreiheit des Backends in den vergangenen Jahren intensiv geprüft und v14 unter anderem anhand von WCAG-2.2-Kriterien getestet. Dazu gehören Kontraste, Fokusdarstellung, Tastaturbedienung und die Verständlichkeit von Bedienelementen. Einen direkten offiziellen Zusammenhang zwischen dem violetten Fresh Theme und dem BFSG nennt TYPO3 jedoch nicht. Im direkten Vergleich fällt aber auf, dass die neue Oberfläche wichtige Bereiche deutlich stärker voneinander abgrenzt als das sehr helle Backend von v13.

Bekannte Funktionen haben neue Namen und eine klarere Struktur

Eine der wichtigsten Änderungen ist leicht zu übersehen, wenn man nur nach neuen Funktionen sucht: TYPO3 hat zahlreiche Backend-Module umbenannt und teilweise neu gruppiert. Der Inhalt ist dabei in vielen Fällen derselbe geblieben. Geändert wurden vor allem Bezeichnung, Position und in einzelnen Bereichen die Einordnung der Funktion.

Das ist gerade für bestehende Redakteure wichtig, denn nach einem Upgrade ist das bekannte Werkzeug nicht verschwunden. Es heißt nur anders oder liegt an einer vermeintlich „logischeren Stelle“.

Die Umbenennung ist kein Selbstzweck. TYPO3 begründet sie ausdrücklich mit besserer Verständlichkeit und leichterem Auffinden. Aus „Web“ wird deshalb „Inhalt“, aus der sehr allgemeinen „Liste“ werden „Datensätze“ und aus „Seite“ wird „Layout“. Gerade neue Redakteure verstehen damit schneller, was sie hinter einem Modul erwartet. Vielleicht könnte man auch den Maßstab anderer CMS-Systeme anlegen, die schon lange mit den „jetzt neuen“ Begriffen arbeiten. Wollte die Community hier vielleicht versuchen, sich etwas anzugleichen? Falls das die Intension war, hat das gut geklappt in unseren Augen. Das macht das Verständnis und insbesondere den Umstieg aus anderen Systemen auf TYPO3 Enterprise CMS wesentlich einfacher. Damit wird vielleicht auch die internationale Akzeptanz außerhalb von DACH und damit die Verbreitung von TYPO3 größer.

Breadcrumbs zeigen, wo man gerade arbeitet

Zusätzlich zieht sich eine neue Breadcrumb-Navigation durch das Backend. Sie zeigt im Kopfbereich den aktuellen Kontext und bildet den Pfad zur Seite, zum Datensatz oder zum Medium ab. Die einzelnen Ebenen sind direkt anklickbar. Sozusagen neue „Abkürzungen“ wenn man als Redakteur durch den Inhalt springen muss.

Bei kleinen Websites ist das lediglich angenehm, weil alles leicht zu überblicken ist. Bei großen Corporate Websites mit tiefen Seitenstrukturen wird es deutlich relevanter. Der Redakteur sieht nicht nur, welchen Datensatz er geöffnet hat, sondern auch, wo dieser innerhalb der Struktur liegt. Das reduziert unnötige Orientierung im Seitenbaum.

Inhalte bearbeiten, ohne den Seitenkontext zu verlieren

Für uns gehört die neue kontextbezogene Bearbeitung zu den stärksten Änderungen im täglichen Arbeiten, auch wenn sie teilweise eine starke Umgewöhnung für die Redakteure zur Folge hat. Wird ein Inhaltselement aus dem Layout heraus geöffnet, erscheint die Bearbeitung seitlich in einem eingeschobenen Bereich als „Overlay“. Das eigentliche Seitenlayout bleibt dabei im Hintergrund sichtbar und wird sozusagen „nur partiell überdeckt“.

Das klingt zunächst nach einer kleinen Änderung, aber im Alltag macht es aber einen deutlichen Unterschied. Der Redakteur bleibt auf der Seite, sieht weiterhin die Position des Elements und kann nach dem Speichern direkt im gleichen Zusammenhang weiterarbeiten. In unserer bisherigen Nutzung wirkt die Bearbeitung dadurch schneller und flüssiger, ohne dass wir daraus eine technische Aussage über messbare Systemperformance darstellen wollen.

Für umfangreiche Datensätze kann die vollständige Bearbeitungsansicht weiterhin wie gewohnt geöffnet werden. Das ist wichtig, denn der seitliche Bereich hat auch eine Grenze! Bei sehr umfangreichen Inhaltselementen, mit vielen Tabs zur Konfiguration, reicht die verfügbare Overlay-Breite teilweise nicht aus. Die Tabs müssen dann horizontal gescrollt werden, was wir an dieser Stelle ausdrücklich unangenehm finden. Das ist funktional, aber nicht immer komfortabler als die klassische Vollansicht. Zudem sieht oder erahnt man nicht immer, welche Tabs sich denn da noch „verbergen“, weil sie außerhalb des Sichtbereiches sind? Nimmt man dann Extensions wie unsere AI-Act-Extension zur Einstellung der Informationsgrafiken, verschwindet dieser Tab manchmal und man muss ihn erst „hervorholen“, um Einstellungen vorzunehmen. Das könnte langfristig zu Problemen führen, zumindest bei Redakteuren, die Systeme nicht jeden Tag und intensiv pflegen.

Neue Seiten werden nachvollziehbarer angelegt

Auch das Erstellen neuer Seiten wurde überarbeitet. Statt einen neuen Seitendatensatz direkt in einer umfangreichen Eingabemaske anzulegen, führt auf Wunsch ein „Wizard“ durch den Prozess. Position, Seitentyp, notwendige Angaben und Abschluss werden 2Schritt für Schritt“ abgefragt.

Für erfahrene TYPO3-Benutzer ist das kein revolutionärer Unterschied. Für neue Redakteure und für Systeme mit unterschiedlichen Seitentypen ist der Ablauf aber sehr viel verständlicher. Pflichtangaben werden früher sichtbar und die Seite entsteht kontrollierter innerhalb der vorhandenen Struktur. Gerade für Redakteure, die nur gelegentlich neue Seiten anlegen oder Kollegen nur ab und zu vertreten, kann dieser geführte Ablauf einen sehr positiven Unterschied machen.

Mehrsprachigkeit wird im Backend deutlich konsistenter

Mehrsprachige Websites gehören zu den Bereichen, in denen TYPO3 seine Stärken seit Jahren ausspielt. Mit v14 wurde nicht die grundsätzliche Mehrsprachigkeit neu erfunden, das kann TYPO3 schon sehr lange sehr gut als echtes Multilanguage CMS. Verbessert wurde vielmehr, wie Redakteure damit im Backend arbeiten und umgehen können.

Die Sprachauswahl ist über die relevanten Module hinweg vereinheitlicht. In Layout und Datensätzen können mehrere Sprachen gleichzeitig ausgewählt und miteinander verglichen werden. Die Auswahl bleibt beim Wechsel zwischen den Ansichten erhalten. Damit verliert der Redakteur weniger schnell den Sprachkontext, wenn er zwischen Seitenlayout, Datensätzen und Vorschau wechselt.

Auch der Übersetzungsprozess wurde vereinheitlicht. Übersetzungen starten über einen geführten Dialog, der die notwendigen Schritte nacheinander abfragt. Je nach bestehender Struktur bietet TYPO3 die passende Übersetzungsart an und verhindert damit leichter, dass innerhalb derselben Struktur unterschiedliche Übersetzungsmodelle vermischt werden. Auch unsere Translate-Extension wird direkt hier nutzbar verknüpft.

Gerade bei unseren mehrsprachigen Corporate Websites ist dieser Punkt wichtiger als manche neue Einzelfunktion. Wenn eine Installation mehrere Länder, Sprachen und große Seitenbereiche umfasst, entsteht der Zeitverlust selten durch das eigentliche Textfeld. Er entsteht durch Orientierung, Wechsel zwischen Ansichten und die Frage, in welchem Sprachkontext gerade gearbeitet wird. Genau dort setzt v14 sichtbar an. Die Extension für unsere Kunden zur „redaktionellen Freigabe“ als Prozess kann man natürlich weiterhin integrieren, und sie funktioniert wie gehabt. Nichts geht ungeprüft live, wenn man das nicht will.

Auch die interne Suche versteht jetzt Mehrsprachigkeit

Der Seitenbaum kann nun auch durch übersetzte Seitentitel und Navigationstitel suchen, was für uns eines der Super-Argumente ist. Das ist extrem praktisch, wenn ein Redakteur die Seite nur unter dem Namen seiner Arbeitssprache kennt und nicht unter dem Titel der Standardsprache. Also wenn beispielsweise ein Tochterunternehmen in Brasilien seine eigenen übersetzten Seiten pflegen darf, aber die Struktur vom Headquarter vorgegeben wird. Für Redakteure, die nur ein Derivat aus mehr als 10 oder 15 Sprachvarianten pflegen sollen, ist das wirklich sinnvoll.

Treffer werden entsprechend als Übersetzung gekennzeichnet und klar kenntlich gemacht.

Suche und neue Werkzeuge sparen im Alltag zusätzliche Wege

TYPO3 v14 verbessert zusätzlich die beschriebene interne Suche an gleich mehreren Stellen. Besonders hilfreich ist die neue Möglichkeit, eine vollständige Frontend-URL in die Suche des Seitenbaums einzugeben. Wer nur die Adresse einer veröffentlichten Seite kennt, muss die entsprechende Seite damit nicht mehr manuell in einem großen Seitenbaum suchen. Das gilt besonders, wenn es sich um eine Sprachübersetzung handelt deren Original man gar nicht kennt. Dort musste man in Vorgängerversionen dann nach dem Originaltitel suchen (Default-Language Title). Das war nicht nur unkomfortabel, sondern manchmal auch kompliziert, wenn die Standardseite beispielsweise ausgeschaltet (deaktiviert/invisible) war, weil es diese gar nicht in der „Default Language“ sondern nur in der Übersetzung gab.

Auch die globale Suche wurde zusätzlich erweitert und optisch sehr vorteilhaft in der Ergebnisdarstellung überarbeitet. Neben Seiten und Datensätzen lassen sich inzwischen Dateien direkt finden. Dabei können neben dem Dateinamen auch indexierte Metadaten wie Titel, Beschreibung oder Alternativtext berücksichtigt werden. Das spart den Wechsel in die Medienverwaltung, wenn eine konkrete Datei gesucht wird. Das macht vor allem auch bei den Dokumenten Sinn, die öfter mal getauscht oder aktualisiert werden müssen. Zudem schafft es auch an dieser Stelle eine sehr nützliche Brücke zwischen den Sprachen und ggf. speziell benannten und landesabhängigen Elementen.

QR-Codes und Short-URLs direkt im Backend

Neu hinzugekommen sind eigene Funktionen für QR-Codes und Short-URLs. QR-Codes lassen sich direkt im Link Management erzeugen und als PNG oder SVG herunterladen. Damit sind die Zeiten zu Ende, in denen wir als Agentur für den Kunden QR-Codes generieren mussten. Er kann sie jetzt selbst direkt aus dem System herunterladen. Einfach und unkompliziert! Besonders interessant ist, dass der erzeugte QR-Code dauerhaft gleich bleiben kann, während das eigentliche Ziel später geändert wird. Für Messeunterlagen, gedruckte Produktinformationen oder Flyer ist das ein sehr praktischer Ansatz. Hier wurde gelebter Agenturalltag in der Kundenabstimmung in ein brauchbares Konzept überführt. Vielen Dank.

Zusätzlich kann TYPO3 für eine Frontend-Vorschau direkt einen QR-Code anzeigen. Damit lässt sich eine Seite schnell auf einem Smartphone öffnen oder eine Vorschau weitergeben. Gerade bei responsiven Seiten spart das den Umweg, eine lange Vorschau-URL auf ein anderes Gerät zu übertragen. Auch wenn wir das als renommierte TYPO3-Agentur für unsere interne Qualitätssicherung bereits schon seit ca. 2015 umgesetzt haben, wird es jetzt für alle zum Standard gemacht. Ein Cross-Device-Check wird dadurch einfacher und hoffentlich wird damit dann auch die Qualität der Webseiten, die man so auffindet, besser.

Short-URLs werden ebenfalls direkt im Backend verwaltet. Ein Redakteur kann einen kurzen Pfad manuell vergeben oder automatisch erzeugen lassen. Das Ziel bleibt später änderbar. Für Kampagnen, Print und Messekommunikation ist das deutlich angenehmer als mit langen technischen URLs zu arbeiten. Auch das hatten wir bisher individuell über eine eigene Redirects-Extension lösen müssen, jetzt ist es „Bordmittel“.

Berichte zeigen, welche Inhaltselemente wirklich verwendet werden

Der Bereich „Berichte“ enthält außerdem eine neue Inhaltsstatistik. Sie zeigt, welche Inhaltselementtypen in einer Installation vorhanden sind und wie häufig sie tatsächlich verwendet werden. Für den klassischen Redakteur ist das kein tägliches Werkzeug. Für Relaunches, Migrationen und die Bereinigung historisch gewachsener Systeme ist es dagegen sehr hilfreich.

Wenn beispielsweise ein alter Inhaltselementtyp nur noch auf drei Seiten verwendet wird, lässt sich gezielt prüfen, ob er migriert oder entfernt werden kann. Gerade bei Installationen, die über viele Jahre gewachsen sind (z.B. „Continuous Relaunch”), liefert das eine gute Grundlage für technische und redaktionelle Aufräumarbeiten.

Fazit: TYPO3 v14 verändert vor allem die tägliche Bedienung

Der Wechsel von TYPO3 v13 auf v14 ist für Redakteure deutlich sichtbarer als viele frühere Versionssprünge. Die bekannte Grundstruktur bleibt erhalten, aber Benennung, Navigation und Bearbeitung wurden an vielen Stellen neu gedacht. Dadurch müssen erfahrene TYPO3-Benutzer nicht bei null anfangen und neue Benutzer finden Funktionen schneller.

Am stärksten sind aus unserer Sicht nicht QR-Codes oder einzelne neue Module. Entscheidend ist das Zusammenspiel aus klareren Modulnamen, Breadcrumbs, kontextbezogener Bearbeitung, besserer Suche und konsistenterer Mehrsprachigkeit. Das Backend wirkt dadurch im täglichen Einsatz übersichtlicher und in vielen Abläufen flüssiger. Als TYPO3 Gold Partner freuen wir uns besonders, dass mehrere Funktionen, die wir aus unseren Projekten seit Jahren kennen und teilweise individuell mit NE-Extensions umgesetzt haben, inzwischen als Standardfunktionen im TYPO3-Core verfügbar sind.

Der kleine Nachteil der schmaleren Bearbeitungsansicht bei komplexen Inhaltselementen bleibt, aber glücklicherweise werden die Monitore am Arbeitsplatz immer breiter. So viel zum Thema: Nutzen von Widescreen-Auflösungen.

Trotzdem zeigt der direkte Vergleich derselben Installation sehr gut, wohin TYPO3 mit v14 gegangen ist: weniger technische Anmutung, mehr Orientierung und eine Oberfläche, die sich stärker an der tatsächlichen Arbeit und den Prozessen eines Redakteurs orientiert.

Häufige Fragen zum TYPO3-v14-Backend