TYPO3

Seiten bearbeiten

Diese Anleitung hilft Ihnen, Seiten und deren Eigenschaften zu bearbeiten und neue Seiten zu erstellen.

Seitenbaum und Menü verstehen

In TYPO3 besteht eine Website aus einzelnen Seiten. Diese Seiten können wiederum Unterseiten enthalten.

Im Backend, also im Bearbeitungsmodus, sehen Sie diese Struktur links als Seitenbaum. Er zeigt, wie die einzelnen Seiten Ihrer Website miteinander verbunden sind.

Im Frontend, also auf der Website, erstellt TYPO3 aus dieser Seitenstruktur automatisch die Navigation.

Seiten der obersten Ebene erscheinen im Menü oben auf Ihrer Website. Wenn Besucher*innen auf einen dieser Menüpunkte klicken, öffnet sich ein Dropdown-Menü mit den zugehörigen Unterseiten.

Horizontalmenü

Das Horizontalmenü kann aus Platzgründen maximal 6 Einträge anzeigen.

Dropdown-Menü

Das Dropdown-Menü kann maximal 3 Unterebenen enthalten. Gemeinsam mit der obersten, im Hauptmenü gelisteten Ebene, stehen Ihnen also insgesamt maximal 4 Menü-Ebenen für den Aufbau Ihrer Webseite zur Verfügung.

Backend Menü vs. Frontend Menü

Hier sehen Sie im Vergleich das TYPO3-Backend (links) mit der Seitenstruktur und das Frontend (rechts) mit der Navigation der Website.

Jede im Backend angelegte Seite entspricht einem Menüpunkt im Frontend:
Hauptseiten werden als Hauptmenüpunkte dargestellt, Unterseiten erscheinen im Dropdown-Menü.

→ Die Struktur und Reihenfolge im Seitenbaum bestimmen somit direkt, wie die Navigation für Besucher*innen aufgebaut ist.

Seite erstellen

Über dem Seitenbaum können Sie verschiedene Seitenarten erstellen. Ziehen Sie dazu das gewünschte Symbol per Drag & Drop an die passende Stelle im Seitenbaum.

  1. Seite: Erstellt eine normale Inhaltsseite. Diese kann im Menü angezeigt und mit Inhaltselementen befüllt werden.
  2. Verweis (interner Link): Leitet auf eine andere Seite innerhalb Ihrer Website weiter. Diese Option ist sinnvoll, wenn Inhalte nur an einer Stelle gepflegt werden sollen.
  3. Link zu externer URL: Verlinkt auf eine externe Website. Besucher*innen verlassen dabei die aktuelle Website.
  4. Ordner: Dient zur Strukturierung im Backend. Ordner sind im Frontend nicht sichtbar und werden z. B. für Datensätze oder Plugins verwendet.
  5. Trennzeichen für Menü: Dient zur Strukturierung im Backend. Ordner sind im Frontend nicht sichtbar und werden z. B. für Datensätze oder Plugins verwendet.

→ Seitentitel und URL stellen Sie unter Seiteneigenschaften im Reiter Allgemein ein

Neue Seiten, Verweise und Ordner...

  • …können Sie direkt nach der Erstellung umbenennen. Möchten Sie den Namen später ändern, klicken Sie im Seitenbaum doppelt auf den Seitennamen und passen ihn an.
  • …sind zunächst deaktiviert bzw. unsichtbar. So können Sie die Seite vor der Veröffentlichung in Ruhe bearbeiten. Über das Kontextmenü im Seitenbaum können Sie die Seite anschließend aktivieren und damit sichtbar machen.

Seite aktivieren, ausschneiden, kopieren oder löschen

Über das Kontextmenü (Schnellzugriff per Rechtsklick) können Sie eine Seite weiter bearbeiten, z. B. aktivieren oder deaktivieren, ausschneiden, kopieren oder löschen.

Hauptmenüpunkt ohne eigene Zielseite erstellen

Wenn ein Hauptmenüpunkt in der Navigation sichtbar bleiben soll, aber keine eigene Inhaltsseite haben soll, können Sie ihn so konfigurieren, dass Besucher*innen nur die darunterliegenden Unterseiten auswählen können. Dies eignet sich besonders für Hauptmenüpunkte ohne eigene Inhalte.

  1. Öffnen Sie die Seiteneigenschaften der gewünschten Seite.
  1. Im Reiter Allgemein wählen Sie beim Feld Typ die Option Verweis aus.
  2. Wählen Sie im Feld Shortcut-Modus die Option Erste Unterseite der aktuellen Seite aus.

Speichern Sie die Änderungen.

Die Seite bleibt dadurch als übergeordneter Menüpunkt in der Navigation sichtbar, kann aber im Dropdown Menü nicht angesteuert werden.

→ Wichtig: Aktualisieren Sie nach der Umstellung die URL der betroffenen Seite. Andernfalls können automatisch erzeugte URL-Bestandteile (z. B. content-seite) bestehen bleiben und zu weniger benutzerfreundlichen Webadressen führen.

Deaktivierte Seiten auf einer Live-Website ansehen

Auch auf einer bereits veröffentlichten Website können Sie deaktivierte Seiten über die Vorschau ansehen.

  1. Öffnen Sie das TYPO3-Backend Ihrer Live-Website, indem Sie /typo3 an die URL anhängen. Für den TYPO3 Guide lautet die Adresse beispielsweise: https://typo3.univie.ac.at/typo3
  2. Melden Sie sich an und wählen Sie im Seitenbaum die gewünschte deaktivierte Seite aus.
  3. Klicken Sie auf Vorschau, um die Seite anzusehen.

Die Seite bleibt dabei deaktiviert und ist für Besucher*innen der Website weiterhin nicht sichtbar.

Seiteneigenschaften bearbeiten

Um die Eigenschaften bzw. Einstellungen einer Seite zu bearbeiten, wählen Sie im Kontextmenü der Seite den Eintrag Bearbeiten. Alternativ können Sie die Seite öffnen und oben auf die Schaltfläche Seiteneigenschaften bearbeiten klicken.

In den Seiteneigenschaften der Startseite finden Sie folgende Reiter:

Allgemein | SEO | Soziale Medien | Ressourcen | Zugriff 

Reiter Allgemein - Seitentitel und URL anpassen

Hier können Sie grundlegende Einstellungen der Seite bearbeiten:

  1. Typ: Wählen Sie aus, ob es sich bei der Seite um eine normale Seite, einen internen Link (Verweis), einen externen Link, einen Ordner oder ein Trennzeichen für Menü handeln soll.
  2. Seitentitel: Passen Sie den Titel der Seite an. Der Seitentitel wird automatisch als H1 ausgegeben und ist aus Gründen der digitalen Barrierefreiheit verpflichtend.
  3. URL-Segment: Legen Sie fest, wie die URL der Seite lautet oder aktualisieren Sie die URL per Klick auf die zwei kreisenden Pfeile. Wichtig: Wenn die Seite bereits online ist, sollte das URL-Segment nicht mehr geändert werden, da sich dadurch die Adresse der Seite verändert.
  4. Alternativer Navigationstitel: Tragen Sie hier einen Titel ein, der anstelle des normalen Seitentitels im Menü angezeigt wird.

Reiter SEO

Hier legen Sie fest, wie Suchmaschinen mit dieser Seite umgehen sollen.

  1. Titel für Suchmaschinen: Kurzer Titel für die Suchergebnisse (ca. 55–60 Zeichen).
  2. Beschreibung (für Suchmaschinen): Beschreibung des Seiteninhalts für die Suchergebnisse (ca. 118–165 Zeichen).
  3. Robot-Anweisungen
    1. Index dieser Seite: Diese Seite darf von Suchmaschinen in den Suchergebnissen angezeigt werden.
    2. Dieser Seite folgen: Der Webcrawler darf anderen Links auf dieser Seite folgen.

Reiter Soziale Medien

Hier legen Sie fest, wie die Seite beim Teilen in sozialen Netzwerken dargestellt wird. Sie können für Facebook und X jeweils Titel, Beschreibung und ein Bild hinzufügen, das in der Vorschau angezeigt wird.

  1. Open-Graph (Facebook)
  1. X / Twitter Cards
  1. Kartentyp, der angezeigt werden soll
    1. Karte “Zusammenfassung”: zeigt Titel, Beschreibung und ein kleines Vorschaubild
    2. Karte “Zusammenfassung mit großem Bild": zeigt Titel, Beschreibung und ein großes Vorschaubild über die ganze Breite.

Reiter Ressourcen (Header für Unterseiten einstellen)

  1. Media: Unter „Neue Relation erstellen“ können Sie ein Bild oder Video hinzufügen.
  2. Schatten: Optional können Sie dem Headerbild einen Schatten hinzufügen. Der Schatten wird rechts und unterhalb des Bildes angezeigt. Wählen Sie dafür eine der sieben Akzentfarben aus.

Reiter Zugriff

  1. Sichtbarkeit
    1. Seite sichtbar: Legen Sie fest, ob die Seite für Besucher*innen der Website sichtbar ist oder nicht.
    2. Seite in Menüs aktiviert: Legen Sie fest, ob die Seite im Menü angezeigt wird oder nicht.
  2. Veröffentlichungsdatum: Legen Sie fest, ab wann eine Seite online sichtbar ist.
  3. Ablaufdatum: Legen Sie fest, bis wann die Seite online sichtbar bleibt - danach wird sie automatisch ausgeblendet.
  4. Zugriffsrechte für Benutzergruppen: Hier legen Sie fest, welche Benutzergruppen die Seite sehen dürfen. Wird eine Gruppe ausgewählt, ist die Seite nur für angemeldete Nutzer*innen dieser Gruppe sichtbar. Besucher*innen ohne entsprechende Berechtigung können die Seite nicht aufrufen.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?