Seiten und das Menü

Modul 4: Seiten, Aussehen und Funktionen · Lesezeit: 7 Minuten

Lernziel: Nach dieser Lektion können Sie Seiten hinzufügen, umbenennen, verschieben und löschen sowie das Menü mit einem Untermenü und eigenen Links gestalten. Außerdem wissen Sie, was mit alten Adressen, der Kontaktseite und der Fehlerseite geschieht.

Kernbegriffe: Seite, Adresse (Slug), Startseite, Menü, Untermenü, Zwischenüberschrift, eigener Link, Fußzeilenlinks, Kontaktseite, Fehlerseite (404), Weiterleitung

Warum der Aufbau Ihrer Website wichtig ist

Ein Besucher entscheidet in wenigen Sekunden, ob er findet, was er sucht, und das geschieht über das Menü. Fehlt "Kontakt" im Menü oder heißt eine Seite "Info", obwohl darauf Preise stehen, dann springt er ab. Auch Suchmaschinen lesen Ihr Menü, um zu erkennen, welche Seiten wichtig sind.

Schildersbedrijf Example beginnt mit einer ersten Version, die die KI erstellt hat: Home, Leistungen, Über uns und Kontakt. Nach der Durchsicht (Lektion 2.4) möchte der Maler zwei Dinge ändern: eine eigene Seite "Arbeitsweise" mit den Schritten vom Angebot bis zur Übergabe und unter Leistungen zwei Seiten für Innen- und Außenanstrich. Das erledigt er in zwei Panels: Seiten und Menü. Beide sind kostenlos: Seiten und Menü zu verwalten kostet keine Bearbeitungen.

Das Panel Seiten

Sie öffnen das Panel über Seiten in der Leiste links oder über den Seitenwechsler oben rechts im Chatpanel. Sie sehen alle Seiten Ihrer Website. Klicken Sie auf eine Seite, um sie in der Vorschau zu öffnen und zu bearbeiten.

Was Sie hier tun:

• Seite hinzufügen: Sie geben nur einen Namen ein. Die neue Seite erhält eine Überschrift und einen Textblock mit einem Hilfstext ("Beschreiben Sie hier, worum es auf dieser Seite geht."). Bitten Sie danach die KI im Chat, die Seite zu füllen, oder schreiben Sie den Text selbst (Lektion 3.2). Die Seite erscheint automatisch im Menü, wenn dort Platz ist, und in der Fußzeilenspalte mit den Seitenlinks.
• Seite bearbeiten: Pro Seite ändern Sie den Namen und die Adresse und klicken auf Speichern.
• Nach oben und Nach unten: die Reihenfolge der Seiten. Das Menü und die Fußzeilenspalte mit den Seitenlinks folgen dieser Reihenfolge.
• Löschen: Der Builder fragt zuerst, ob Sie sicher sind, und zeigt an, wie viele Links auf Ihrer Website auf diese Seite verweisen (im Menü, in der Fußzeile oder in Buttons). Diese Links entfernt er gleich mit, sodass keine toten Links zurückbleiben. Eine gelöschte Seite können Sie über Versionen wiederherstellen (Lektion 3.5).

Die Startseite ist etwas Besonderes: Sie können sie nicht löschen oder verschieben, und ihre Adresse ist immer die Hauptadresse Ihrer Website. Eine Website hat höchstens 30 Seiten.

Sie können eine neue Seite auch im Chat anfordern ("Erstellen Sie eine Seite Arbeitsweise mit vier Schritten vom Angebot bis zur Übergabe"). Dann erstellt die KI sie direkt mit Inhalt. Das ist eine Anweisung an die KI und kostet 2 Bearbeitungen, weil eine Seite hinzukommt (Lektion 1.2). Über Seite hinzufügen ist es kostenlos, aber dann füllen Sie die Seite anschließend selbst oder mit einer separaten Anweisung.

Stolperfalle: Der Hilfstext auf einer neuen Seite ist Beispielinhalt. Vergessen Sie ihn, dann steht online "Doppelklicken Sie auf diesen Text, um ihn selbst zu schreiben". Prüfen Sie jede neue Seite, bevor Sie veröffentlichen.

Name und Adresse: was passiert, wenn Sie sie ändern

Jede Seite hat einen Namen und eine Adresse. Der Name ist das, was Besucher im Menü und in der Überschrift sehen. Die Adresse (im Fachjargon der Slug) ist das letzte Stück in der Adresszeile des Browsers: Bei www.example.com/arbeitsweise/ ist das arbeitsweise. Verwenden Sie kurze, gewöhnliche Wörter mit Bindestrichen, ohne Großbuchstaben oder Satzzeichen.

Ändern Sie den Namen, dann erhalten Menüpunkte und Fußzeilenlinks mit dem alten Namen automatisch den neuen Namen. Ein Menüpunkt mit einem eigenen Menütext behält diesen Text.

Ändern Sie die Adresse, dann funktionieren die Links innerhalb Ihrer eigenen Website weiterhin: Menü, Fußzeile und Ihre Buttons verweisen auf die Seite selbst, nicht auf die alte Adresse. Die alte Adresse verschwindet jedoch. Beim nächsten Veröffentlichen entfernt der Builder die Dateien, die nicht mehr zur Website gehören, sodass eine umbenannte Seite keine alte Adresse zurücklässt. Es wird keine Weiterleitung (ein automatischer Verweis von der alten auf die neue Adresse) eingerichtet. Wer die alte Adresse aufruft, zum Beispiel über einen Link in einer alten E-Mail, auf Facebook oder in den Suchergebnissen von Google, landet auf der Fehlerseite.

Google empfiehlt, bei einer geänderten Adresse die alte Adresse dauerhaft auf die neue weiterzuleiten. Das macht der Builder also nicht. Was bedeutet das für Sie?

• Wählen Sie Ihre Adressen sorgfältig, bevor Sie Ihre Website teilen oder bei Google anmelden (Lektion 6.2).
• Muss eine Adresse später doch geändert werden, passen Sie an, was Sie selbst in der Hand haben: Links in Ihrer E-Mail-Signatur, Ihrem Unternehmensprofil und Ihren Social-Media-Profilen. Google findet die neue Adresse über Ihre Sitemap, aber die alte Adresse kann eine Zeit lang Fehlermeldungen liefern.
• Haben Sie ein Paket, dann liegt Ihre Website als Dateien in Ihrem Hostingpaket, und dort ist eine Weiterleitung mit einer Regel auf Hostingebene möglich. Das liegt außerhalb des Builders und ist für Fortgeschrittene.

Die Fehlerseite

Bei jeder Veröffentlichung erstellt der Builder selbst eine Fehlerseite (im Fachjargon die 404-Seite, nach dem Fehlercode, den der Webserver dann ausgibt): in Ihrem Design, mit Menü und Fußzeile, der Überschrift "Diese Seite gibt es nicht" und dem Button "Zur Startseite". Suchmaschinen nehmen sie nicht auf. Sehen Sie sie sich einmal an: Tippen Sie hinter die Adresse Ihrer Website einen nicht vorhandenen Pfad, etwa /gibt-es-nicht/.

Das Panel Menü

Unter Menü gestalten Sie das Menü. Ziehen Sie Seiten, um die Reihenfolge zu ändern. Ziehen Sie eine Seite direkt auf eine andere, dann wird sie zu deren Untermenü. So setzt Schildersbedrijf Example "Innenanstrich" und "Außenanstrich" unter "Leistungen". Klicken Sie auf Menü speichern, um es festzuhalten; solange das nicht geschehen ist, steht dort "Menü noch nicht gespeichert".

Außerdem können Sie:

• einen Eigener Link hinzufügen: eine Webadresse (https://...), eine Telefonnummer (tel:0612345678 als Beispiel), eine E-Mail-Adresse (mailto:...), einen Pfad auf Ihrer Website (/arbeitsweise/) oder einen Anker zu einem Abschnitt (#angebot);
• eine Zwischenüberschrift hinzufügen: eine nicht anklickbare Überschrift, unter die Sie Einträge ziehen. Eine Zwischenüberschrift ohne Einträge darunter entfällt beim Speichern;
• jedem Eintrag einen eigenen Menütext geben. Lassen Sie ihn leer, gilt der Seitenname;
• eine Seite Aus dem Menü entfernen. Sie steht dann unter Nicht im Menü: Die Seite existiert weiterhin, aber nur wer die Adresse kennt oder einem Link folgt, gelangt dorthin.

Eine Menüliste hat höchstens 8 Einträge, ein Untermenü ebenfalls. Ist das Menü voll, wird eine neue Seite nicht automatisch aufgenommen; Sie sehen dann einen Hinweis und fügen sie selbst ein oder gruppieren Seiten in einem Untermenü.

Das Layout des Menüs (die Form der Leiste) wählen Sie nicht hier, sondern unter Design (Lektion 4.2). Der Inhalt bleibt dabei gleich.

Stolperfalle: Seiten, die nicht ins Menü gehören, wie Ihre Datenschutzerklärung oder eine Dankeseite nach dem Formular, setzen Sie unter Nicht im Menü. Ein Link zu Ihrer Datenschutzerklärung gehört aber in die Fußzeile (Lektion 7.1).

Eine gute Kontaktseite

Fast jede Website braucht eine Kontaktseite. Besucher erwarten sie rechts im Menü oder als letzten Eintrag. Darauf gehören:

• Ihr Firmenname, Ihre Adresse (wenn Besucher vorbeikommen dürfen), Telefonnummer und E-Mail-Adresse;
• das Kontaktformular (Lektion 4.3);
• gegebenenfalls Öffnungszeiten oder Erreichbarkeit und eine Karte.

Im Builder machen Sie das mit dem Abschnitt Kontakt (über Blöcke oder die Auswahl bei Abschnitt hinzufügen, Lektion 3.4). Er zeigt Adresse, Telefon, E-Mail, Öffnungszeiten und gegebenenfalls das Formular. Achtung: In der ersten Version stehen oft Beispieldaten, etwa eine erfundene Telefonnummer. Ersetzen Sie diese (Lektion 2.4).

Eindeutige Titel

Ohne eigenen Titel im Panel SEO bildet der Builder den Titel im Browsertab und bei Google aus dem Seitennamen und dem Namen Ihrer Website, zum Beispiel "Arbeitsweise | Schildersbedrijf Example"; die Startseite erhält den Namen Ihrer Website. Zwei Seiten mit demselben Namen erhalten also denselben Titel. Geben Sie jeder Seite einen eigenen Namen; bessere Titel schreiben Sie in Lektion 6.1.

Im Builder: so gehen Sie vor

1. Öffnen Sie Seiten und klicken Sie auf Seite hinzufügen. Geben Sie "Arbeitsweise" ein und klicken Sie auf Hinzufügen.
2. Füllen Sie die Seite über den Chat oder schreiben Sie selbst; ersetzen Sie den Hilfstext.
3. Prüfen Sie unter Seite bearbeiten die Adresse (arbeitsweise) und klicken Sie auf Speichern.
4. Öffnen Sie Menü. Ziehen Sie "Arbeitsweise" an die Stelle zwischen Leistungen und Kontakt. Ziehen Sie die Leistungsseiten auf "Leistungen", um ein Untermenü zu erstellen.
5. Klicken Sie auf Menü speichern und sehen Sie sich das Menü in der Vorschau an, auch unter Mobil.
6. Stellen Sie Ihre Website erneut online (Lektion 5.1) und klicken Sie selbst alle Menülinks durch.

Zusammenfassung

• Unter Seiten fügen Sie Seiten hinzu und ändern Name, Adresse und Reihenfolge; Löschen ist möglich, Wiederherstellen über Versionen.
• Interne Links folgen einer neuen Adresse, aber die alte Adresse verschwindet ohne Weiterleitung: Wählen Sie Ihre Adressen, bevor Sie Ihre Website teilen.
• Unter Menü ziehen Sie Reihenfolge und Untermenüs, fügen eigene Links und Zwischenüberschriften hinzu und klicken auf Menü speichern; höchstens 8 Einträge pro Liste.
• Die Fehlerseite erstellt der Builder selbst, in Ihrem Design und mit einem Button zur Startseite.
• Eine Kontaktseite mit echten Daten und eindeutige Seitennamen gehören zu jeder Website.

Quiz

Aufgabe

Aufgabe A4.1: Ihre Seiten und Ihr Menü. Sorgen Sie dafür, dass Ihre Website mindestens drei Seiten im Menü hat, darunter eine Kontaktseite mit Ihren echten Kontaktdaten, dass jede Seite einen eigenen Namen hat und dass Sie die Website erneut online gestellt haben. Geben Sie danach die Webadresse Ihrer AI Builder-Website ein (Ihre kostenlose Adresse, etwa schildersbedrijf-example-123.weboke.site, oder Ihre eigene Domain). Das Programm öffnet Ihre Startseite so, wie ein Besucher es tut, und prüft: Stehen mindestens drei Seiten im Menü, funktioniert jeder Menülink (die Seite existiert und liefert keine Fehlermeldung), gibt es eine Kontaktseite, und hat jede Seite einen eigenen Titel? Sie sehen pro Punkt Grün, Orange oder Rot. Wählen Sie unter Design das Menülayout Minimal, dann stehen die Seitenlinks nur in der Fußzeile; verwenden Sie für diese Aufgabe ein Layout mit den Links in der Menüleiste.

Weiterführende Links

• Kostenloser WordPress-Kurs 4.3: Menüs und Navigation
• Kostenloser Kurs Online gefunden werden 7.4: Interne Links und der Aufbau Ihrer Website
• Kostenloser Kurs Online gefunden werden 8.3: Umziehen oder erneuern, ohne Ihre Auffindbarkeit zu verlieren
• Site moves with URL changes (Google Search Central, Englisch): https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes