Website-Erscheinungsbild anpassen

Hier legst du fest, wie deine Website aussieht: Farben, Schriftarten, Logos und die Menüstruktur. Du kannst auch SEO-Einstellungen pro Seite vornehmen und mit einem KI-Assistenten automatisch ein Farbschema generieren lassen.

Voraussetzungen

Du brauchst eine Website, die bereits angelegt ist.

So gehst du vor

1. Öffne die Einstellungen einer Seite deiner Website. Ein Fenster mit drei Registerkarten öffnet sich: Seiteneinstellungen, Globale Einstellungen und Design.

2. Wähle die Registerkarte Seiteneinstellungen, um die aktuelle Seite anzupassen:

   • Adresse: Der URL-Pfad dieser Seite (die Startseite lässt sich nicht ändern).
   • Meta Title: Der Titel, den Suchmaschinen in ihren Ergebnissen anzeigen – kurz und aussagekräftig.
   • Meta Description: Eine kurze Zusammenfassung der Seite, die unter dem Titel in den Suchergebnissen erscheint.

   Unter den Feldern siehst du eine Vorschau, wie deine Seite in Google aussehen wird. Passe die Texte so lange an, bis die Vorschau dir gefällt.

3. Um eine Seite zu löschen, scrolle in der Registerkarte Seiteneinstellungen nach unten zum Bereich Gefährliche Operationen und klicke auf Diese Seite löschen. Du wirst um Bestätigung gebeten.

4. Wechsle zur Registerkarte Globale Einstellungen, um Einstellungen vorzunehmen, die auf alle Seiten wirken:

   • Menü Variante: Wähle aus, wie dein Navigationsmenü aufgebaut sein soll.
   • Website Logo: Lade dein Firmenlogo hoch.
   • Navigation Logo: Lade ein kleineres Logo für die Navigationsleiste hoch.
   • Favicon: Lade das kleine Icon hoch, das im Browser-Reiter erscheint.
   • Globaler HTML Code: Wenn du eigene HTML oder JavaScript einbinden möchtest (z.B. für Tracking), trage es hier ein. Dies wird auf allen Seiten geladen.
   • Google Analytics ID: Trage deine Google-Analytics-Kennung ein, um Website-Besuche zu verfolgen.
   • Markenname der Website: Der Name, unter dem deine Website in Suchmaschinen auftaucht. Wenn du nichts einträgst, wird der Name deines Betriebs verwendet.

5. Öffne die Registerkarte Design, um Farben, Schriftarten und das Gesamtaussehen zu gestalten:

   KI-Design-Assistent:

   • Beschreibe deine Marke oder deinen gewünschten Stil in das Textfeld.
   • Klicke auf Theme generieren. Die KI erstellt automatisch ein passendes Farbschema für dich.

   Einstellungen:

   • Hier findest du eine Reihe von Schaltern für optionale Design-Features. Aktiviere oder deaktiviere sie nach Bedarf.

   Schriftarten:

   • Schriftfamilie: Wähle die Grundschrift für deine Website aus.
   • Darunter kannst du weitere Schrift-Einstellungen anpassen. Stelle sie nach Belieben ein; klicke auf das Pfeil-Symbol, um auf den Standardwert zurückzusetzen.

   Farben:

   • Klicke auf jeden Farbblock, um die entsprechende Farbe zu ändern.
   • Klicke auf das Pfeil-Symbol neben einer Farbe, um sie auf ihren Standardwert zurückzusetzen.

   Eigenes CSS:

   • Wenn du fortgeschrittener bist: Trage hier Custom-CSS-Code ein, um das Design noch feiner anzupassen. Änderungen werden sofort in der Vorschau sichtbar.

6. Klicke unten auf Speichern, um alle Änderungen zu übernehmen.

Aufbau der Seite

Das Einstellungsfenster ist in drei Registerkarten unterteilt:

• Seiteneinstellungen: Adresse und SEO-Metadaten für die aktuelle Seite.
• Globale Einstellungen: Menülayout, Logos, Branding und Tracking – diese Einstellungen gelten für alle Seiten deiner Website.
• Design: Farben, Schriftarten, Design-Optionen und Custom-CSS für das Gesamtaussehen.

Jeder Bereich kann auf- und zugeklappt werden – klicke auf die Überschrift, um ihn zu erweitern oder zu verbergen.

Was danach passiert

Deine Einstellungen werden gespeichert und wirken sich sofort auf die Website aus. SEO-Metadaten werden beim nächsten Indexieren durch Suchmaschinen berücksichtigt. Design-Änderungen sind sofort sichtbar, wenn du deine Website aufrufst.

Für weitergehende Gestaltung einzelner Bausteine siehe Block auf einer Seite einrichten (Blockkatalog). Informationen zu Suchmaschinenoptimierung findest du unter Website-SEO.

Tipps und Hinweise

• KI-Theme nutzen: Der KI-Assistent erspart dir Zeit bei der Farbwahl. Je präziser deine Beschreibung, desto besser das Ergebnis.
• Logo-Größen: Das Website-Logo kann bis zu 1024 × 1024 Pixel groß sein, während das Navigation-Logo nicht größer als 512 × 512 Pixel sein sollte.
• Meta-Beschreibung: Halte die Meta Description unter 160 Zeichen, sonst wird sie in Suchergebnissen abgeschnitten.
• Favicon: Ein Favicon sollte quadratisch sein und maximal 256 × 256 Pixel groß.
• CSS-Code: Schreib dein Custom-CSS vorsichtig. Ein Fehler kann das Design durcheinanderbringen. Nutze dann das Pfeil-Symbol neben den Farben und Schriftarten, um auf Standard zurückzusetzen.