--- title: "Tutorials: Seiten/Navigation in TYPO3 anlegen – Hier ist toujou." url: "https://www.toujou.de/tutorials/seiten-anlegen/" description: "Legen Sie fest, was Ihre Besucher wo finden: Die hierarchische Struktur und Ordnung Ihres Contents beginnt beim erstellen des Seitenbaums." date: 2018-04-03 modified: 2022-09-27 --- # Tutorials: Seiten/Navigation in TYPO3 anlegen – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/tutorials/) 4. [Seiten anlegen](https://www.toujou.de/tutorials/seiten-anlegen/) Arbeiten mit toujou ------------------- **Seiten/Navigation bearbeiten** ================================ In toujou können Sie Ihre Seiten so erstellen, wie Sie es von TYPO3 gewohnt sind. Wir erklären Ihnen die Seitentypen und die Hierarchie-Ebenen Ihrer Navigation. Hier werden noch keine Elemente angelegt, das passiert [an anderer Stelle](https://www.toujou.de/tutorials/seiteninhalte/). [Anleitung](#c1001652) [Video-Tutorials](#c1001650) [Hinweise, Tipps & Tricks](#c1002098) **Verwandte Themen:** [404-Seite in toujou einblenden](https://www.toujou.de/tutorials/seiten-anlegen/404-seite-bearbeiten-einblenden/) [toujou-Footer bearbeiten](https://www.toujou.de/tutorials/seiten-anlegen/footer-in-toujou/) [Produktseiten anlegen](https://www.toujou.de/tutorials/seiten-anlegen/produktseiten/) ![Ein orangefarbener Hintergrund mit einem weißen Dokument, das mehrere horizontale Linien zeigt, symbolisiert Informationen oder Notizen.](https://www.toujou.de/_assets/processed/lqFL7bMVP8qiFF17cRoEvvPOAYHhoWvOwyyPEgVTKC8/q:85/w:400/h:100/fn:Y3NtX3R5cG8zX3BhZ2VfN2UzMzZjNDlmZg:t/cb:6041adaca0d0c02bb31f1b68a6b93a038ebe8473/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvdHlwbzNfcGFnZS5wbmc) ### Ihr Seitenaufbau Links in der Menüleiste des Backends finden Sie das orange Icon *Seite*. Mit einem Klick beginnt die TYPO3-typische Seitenerstellung und Strukturiertung der Website. --- Schritt für Schritt ------------------- Die Arbeit im Backend Ihrer toujou-Installation unterliegt den gängigen TYPO3-Standards. An dieser Stelle erfahren Sie, wie sich die Konfiguration bei Inbetriebnahme im Backend darstellt und wo sie gegebenenfalls von anderen TYPO3-Installationen abweicht. Alle Details zu den im folgenden genannten Bearbeitungsschritten werden Ihnen in den [Video-Tutorials](#c1001650) erläutert. [ ![](https://www.toujou.de/_assets/processed/UBvyYismHNT849DHxzPkvuNeghPK6kQyXIUNuauNvy4/q:85/c:1920:1078.6516853933:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzFfdWViZXJzaWNodF9kZXJfZWludHJhZWdlX3Y5X0ZlYl8yMF8zYmMxMmIyMjYz:t/cb:671d17a97e2adfc4905bf0718751f895793b81dd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vMV91ZWJlcnNpY2h0X2Rlcl9laW50cmFlZ2VfdjlfRmViXzIwLnBuZw) ](https://www.toujou.de/_assets/processed/upL1b-CoNuNY4Vb3HfVMbv-MithXRPguejRU-15m_bU/q:85/w:1024/h:640/fn:Y3NtXzFfdWViZXJzaWNodF9kZXJfZWludHJhZWdlX3Y5X0ZlYl8yMF8xYTkwMWEwN2Vk:t/cb:671d17a97e2adfc4905bf0718751f895793b81dd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vMV91ZWJlcnNpY2h0X2Rlcl9laW50cmFlZ2VfdjlfRmViXzIwLnBuZw) ### Übersicht der Einträge - Mit Klick auf das Icon *Seite* in der Modulübersicht öffnet sich stets der Seitenbaum Ihrer Website. - Links über dem Seitenbaum finden Sie das Seiten-Icon mit einem +-Zeichen vor, um einen neuen Seitentyp anzulegen. - Ihnen stehen vorkonfiguriert die Seitentypen *Landing Page*, *Content Page*, *Portfolio/Overview Page*, *Product Page*, *Event Page, Blogbeitrag*, *Ordner*, *Verweis, Link zu externer URL* und*Trennzeichen für Menü* zur Verfügung. [ ![](https://www.toujou.de/_assets/processed/djrsY454YaEok80rYH0t30y4gpn42HcPQFtZUMm5R58/q:85/c:1920:1078.6516853933:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzJfc2VpdGVudHlwZW5fdjlfRmViXzIwX2E0NTg0YzA4Nzg:t/cb:75bffcd8e7fbabd65081b71f853991d51812a57e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vMl9zZWl0ZW50eXBlbl92OV9GZWJfMjAucG5n) ](https://www.toujou.de/_assets/processed/OcagwX4mwXvdtYNahoIGsQgDlOZSzdZiJPuNzFjIDpY/q:85/w:1024/h:640/fn:Y3NtXzJfc2VpdGVudHlwZW5fdjlfRmViXzIwX2JkZmVmNWNjYzM:t/cb:75bffcd8e7fbabd65081b71f853991d51812a57e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vMl9zZWl0ZW50eXBlbl92OV9GZWJfMjAucG5n) ### Seitentypen/Icon-Erläuterung - ***Haustür** =* »Landing Page«: Inhaltsseite für übergeordnete Strukturierung - ***schwarzes Dokument** =* »Content Page«: einfache Inhaltsseite - ***Kachelraster*** = »Portfolio/Overview Page«: vorkonfigurierte Übersichtseite für Ihr Portfolio bzw. Ihre Produkte - ***Würfel** =* »[Product Page](https://www.toujou.de/service/elementbibliothek/widgets/product-grid/)«: Inhaltsseite zur detallierten Produktpräsentation - ***Eintrittskarte*** = »[Event Page](https://www.toujou.de/tutorials/seiten-anlegen/events/)«: Terminansichtsseite - **Haus** = »[Local Business Page](https://www.toujou.de/tutorials/seiten-anlegen/local-business-page-in-toujou/)«: Locationansichtsseite - ***Zeitung** =* »[Blogbeitrag](https://www.toujou.de/tutorials/blog-administration/)«: Inhaltsseite für die Erstellung von Artikeln - ***Ordner** =* »Ordner«: Zur Strukturierung von Inhaltsseiten und Objekten - ***Dokument mit Pfeil** =* »Verweis«: Shortcut zur Verlinkung auf eine eigene Unterseite - ***Kette*** = »Link zu externer URL«: Shortcut zur Verlinkung auf eine andere Webseite - ***Trennlinie** =* »Trennzeichen für Menü«: zur Strukturierung der Inhalte im Backend [ ![](https://www.toujou.de/_assets/processed/_th_LbSKJZf5VuokEtsU3cHNZAT6eDegkvzqiS9sx4Q/q:85/c:1440:808.98876404494:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzNfc3RydWt0dXJfdjlfNDI3YWYzOTRkMA:t/cb:25ef1efa113d2e49c7c322288ae58d4d5b7564d7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vM19zdHJ1a3R1cl92OS5wbmc) ](https://www.toujou.de/_assets/processed/CmttTDwOsFPTsx7kkBxfL9vsJbNmO9XIXnbSaSOGxMg/q:85/w:1024/h:640/fn:Y3NtXzNfc3RydWt0dXJfdjlfN2Y0NWRmMThkZg:t/cb:25ef1efa113d2e49c7c322288ae58d4d5b7564d7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vM19zdHJ1a3R1cl92OS5wbmc) ### Navigation/Seitenbaum-Ebenen - In toujou finden Sie vorkonfiguriert vier Landing Pages (i.d.R.: *Wer, Wie, Was, Blog*) vor, die die **erste Ebene** Ihres Seitenbaums unterhalb der Seite *Home* (= Startseite, im Wortsinn: »Homepage«) abbilden. - Diese erste Ebene wird im Frontend als **Navigationsmenü** angezeigt. Jede weitere Seite, die dieser Ebene unterhalb hinzugefügt wird, reiht sich rechts neben die vorhandenen Navigationspunkte ein. - Sie sind frei, die in toujou vorkonfigurierten Seiten neu zu benennen, zu löschen, auszublenden und/oder neue Seiten der ersten Ebene anzulegen ([Video](#c1006670)). - Der ersten Ebene können weitere hierarchisch parallele sowie untergeordnete Unterebenen hinzugefügt werden. - Mittels Mouseover werden im Frontend – unabhängig von der Anzahl der Unterebenen – in toujou **maximal drei Ebenen** angezeigt. [ ![](https://www.toujou.de/_assets/processed/BIH3iDgS_xfgAlm22JRQPUwQGjxFJFVZee1AdFOhlPo/q:85/c:1920:1078.6516853933:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX1NlaXRlbl9hbmxlZ2VuX0FyYmVpdGVuX21pdF9kZW1fc2VpdGVuYmF1bV90eXBvM19hN2VkZDQ5MTIy:t/cb:909a5d67a8b7d4d376eca25120b9e814514d0e8e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvU2VpdGVuX2FubGVnZW5fQXJiZWl0ZW5fbWl0X2RlbV9zZWl0ZW5iYXVtX3R5cG8zLnBuZw) ](https://www.toujou.de/_assets/processed/pulLijgvY8jJ9a5ZmlfgQHTnCEbcwbFkBR5jXAjoIxA/q:85/w:1024/h:576/fn:Y3NtX1NlaXRlbl9hbmxlZ2VuX0FyYmVpdGVuX21pdF9kZW1fc2VpdGVuYmF1bV90eXBvM19jNDg3NDFiNmI3:t/cb:909a5d67a8b7d4d376eca25120b9e814514d0e8e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvU2VpdGVuX2FubGVnZW5fQXJiZWl0ZW5fbWl0X2RlbV9zZWl0ZW5iYXVtX3R5cG8zLnBuZw) ### Seiten aktivieren, kopieren und löschen - Über den TYPO3-Seitenbaum können Sie in toujou einzelne Seiten aktivieren, deaktivieren, kopieren, ausschneiden, einfügen und löschen. - Wählen Sie per Mausklick auf das **Icon** der gewünschten Seite. Es erscheint ein Pop-Up-Menü mit verschiedenen Befehlen. Wählen Sie die entsprechende Option. - Sollten Sie eine Seite ausschneiden oder kopieren, müssen Sie anschließend noch die Seite an der gewünschte Stelle einfügen. »Einfügen nach« platziert die Seite auf der gleichen Hierarchieebene wie die angeklickte Seite. »Einfügen in« platziert die Seite eine Hierarchieebene tiefer. - Weitere Informationen zum Arbeiten mit dem Seitenbaum finden Sie auch im Video »[Arbeiten mit dem Seitenbaum in TYPO3](#c1006670)«. --- Video-Tutorials via jweiland.net ---------------------------------- Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### Seitenverwaltung in toujou Für toujou-Kund\*innen geeignet: Lernen Sie Seiten in toujou anzulegen, umzubenennen und zu löschen. **Laufzeit**: 13'15" Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### Seitentypen & -struktur in TYPO3 Lernen Sie die Struktur des Seitenbaums, Icons und ihre Bedeutung sowie die Kontextmenüs kennen. [Themen und Zeitmarken](https://www.toujou.de/tutorials/seiten-anlegen/seitentypen-struktur/) **Laufzeit**: 12'48" [Video bei jweiland.net aufrufen ↗](https://jweiland.net/video-anleitungen/typo3/typo3-9-fuer-redakteure.html#c6752) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### Arbeiten mit dem Seitenbaum in TYPO3 Seiten anlegen, verschieben, kopieren oder löschen sowie weitere Funktionen. [Themen und Zeitmarken](https://www.toujou.de/tutorials/seiten-anlegen/arbeiten-mit-dem-seitenbaum/) **Laufzeit**: 13'03" [Video bei jweiland.net aufrufen ↗](https://jweiland.net/video-anleitungen/typo3/typo3-9-fuer-redakteure.html#c6752) --- Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. Eine gute Website zeichnet sich durch logische Strukturen und eine instinktive Navigation aus. Entscheiden Sie bereits bei der redaktionellen Konzeption Ihrer Homepage, welche Themen, Sektionen und/oder Rubriken wie gruppiert und gewichtet werden sollten. Diese Entscheidungen werden auch von Suchmaschinen gelesen und interpretiert. Achten Sie dementsprechend auch auf die mögliche Verwendung hilfreicher Keywords in der Navigation. Gleiches gilt für Ihre Service-Navigation: Welche Informationen sind beispielsweise im Footer Ihrer Website besser aufgehoben? Stichworte hierzu sind z.B. Impressum und Datenschutz. Haben Sie eine neue Seite angelegt und die Neuerungen werden noch nicht angezeigt? Oder die Seite wird noch überhaupt nicht angelegt? Versuchen Sie es mit dem Leeren des Seitencaches. So wird die neueste Version der Seite direkt geladen. --- Verknüpfte Elemente ------------------- Elemente aus der [toujou-Elementbibliothek](https://www.toujou.de/service/elementbibliothek/), die mit diesen Einstellungen in Verbindung stehen. [Text Elements (mit Medien)](https://www.toujou.de/service/elementbibliothek/text-elements/#c1000557) [Teaser Elements](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Blockquote Elements (mit Bild)](https://www.toujou.de/service/elementbibliothek/blockquote-elements/#c1000685) [Cards](https://www.toujou.de/service/elementbibliothek/card-elements/) [Media](https://www.toujou.de/service/elementbibliothek/media-elements/) [Map Image](https://www.toujou.de/service/elementbibliothek/map-elements/#c1001409) [Combined Elements (mit Medien)](https://www.toujou.de/service/elementbibliothek/combined-elements/#c1001299) [Alle Elemente im Überblick](https://www.toujou.de/service/elementbibliothek/#c1001362) [Alle Tutorials im Überblick](https://www.toujou.de/tutorials/#c1001602) --- [ ![Website-Vorlagen für verschiedene Branchen](https://www.toujou.de/_assets/processed/jkDyPijbF4gDmMkzxd3MPG8oBAfAyHQ4LoqjH-ZHv8c/q:85/c:2754:1700:fp:0.5:0.5/rt:force/w:608/h:375/fn:Y3NtX1RlbXBsYXRlX092ZXJ2aWV3X25ldV8yMDIyXzllZGJiN2UwMDk:t/cb:b62d1a62d7fcde2e49e32c2d4fdb8799c6326f5a/bG9jYWw6L2ZpbGVhZG1pbi9UZW1wbGF0ZV9PdmVydmlld19uZXVfMjAyMi5wbmc) ](https://www.toujou.de/typo3-demo/#c1006221) Schnell gestalten und bequem verwalten -------------------------------------- Testen Sie in einer kostenlosen und unverbindlichen Demo alle Möglichkeiten mit toujou. Wählen Sie aus zahlreichen [Website-Vorlagen](https://www.toujou.de/templates/#c1009307) für unterschiedliche Branchen oder erstellen Sie Ihre professionelle Firmenwebsite von Grund auf selbst. [Direkt loslegen](https://www.toujou.de/typo3-demo/#c1006221) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)