Wix Harmony Tutorial: Erste Website bauen und veröffentlichen

Dieser Walkthrough führt dich von einer leeren Wix-Harmony-Site zu etwas Publishbarem: einer einfachen Brochure-Homepage (und vielleicht einer Extra-Seite), die du mit Aria angestoßen, selbst editiert, auf Mobile geprüft und live gestellt hast.

Für dieses Tutorial brauchst du kein CMS. Wenn du Verzeichnisse oder durchsuchbare Listen willst, nutze den Wix-CMS-Guide.

Was du am Ende hast

Eine kleine Business-Site mit:

• klarem Homepage-Hero und ein paar echten Abschnitten
• deinen eigenen Texten und Bildern (kein Platzhalter-KI-Copy)
• einer zweiten Seite, falls About oder Services nötig sind
• ausgefüllten Basis-SEO-Titeln
• einer veröffentlichten URL, die du im privaten Browserfenster öffnen kannst

Schritt 0 — Site anlegen

Option A — Kostenloser Starter von uns

1. Öffne den kostenlosen Starter-Flow.
2. Gib die E-Mail-Adresse deines Wix-Kontos ein.
3. Erstelle die Site und nimm die Co-Owner-Einladung per E-Mail an.
4. Öffne die Site in Harmony.

Option B — In Wix anlegen

Über dein Wix-Konto eine neue Site erstellen und Harmony wählen, wenn danach gefragt wird.

Zur Erinnerung: Eine Harmony-Site bleibt auf Harmony. Du kannst sie später nicht in den klassischen Editor oder Studio umwandeln.

Schritt 1 — Aria um eine erste Homepage bitten (nicht das ganze Business)

Öffne Ask Aria und beschreibe eine Seite, nicht zwölf. Enthalten sollte:

• für wen die Site ist
• was du verkaufst oder anbietest
• der Ton (ruhig, bold, freundlich, formell)
• die gewünschten Abschnitte (z. B. Hero, drei Services, kurzes About, Kontakt)

Beispiel:

Build a calm homepage for a residential plumber in Austin. Homeowners who need fast repairs. Sections: hero with a clear “call now” button, three services (drain cleaning, water heaters, leak repair), three short trust points, and a simple contact strip with phone. Minimal layout, no fake customer photos.

Generieren und warten, bis die Canvas sich beruhigt. Das Ergebnis als Entwurf behandeln.

Mehr Prompt-Muster: Bessere Harmony-Prompts.

Schritt 2 — Wirklich editieren

Dieser Schritt macht aus einem KI-Entwurf eine echte Site.

1. Ersetze jede Platzhalter-Telefonnummer, Stadt und Behauptung durch Fakten, hinter denen du stehst.
2. Tausche Stock-Bilder gegen eigene Arbeitsfotos oder Markenbilder.
3. Lösche Abschnitte, die du nicht pflegen wirst. Eine kürzere, ehrliche Seite schlägt eine lange, generische.
4. Prüfe, ob Navigationslabels zu den Seiten passen, die du behältst.
5. Wenn Aria Testimonials, Lizenzen oder Awards erfindet, die du nicht hast—entfernen.

Schritt 3 — Zweite Seite hinzufügen (optional, aber nützlich)

Die meisten Brochure-Sites brauchen mindestens Home + About oder Services.

1. Seite erstellen oder duplizieren.
2. Header und Abstands-Rhythmus konsistent zu Home halten.
3. Beide Seiten im Site-Menü verlinken.
4. Aria erneut für die neue Seite prompten oder manuell bauen—was für dich schneller ist.

Schritt 4 — Mobile prüfen, bevor du feierst

Harmony-Layouts passen sich automatisch an, aber Mobile braucht trotzdem ein menschliches Auge.

1. Zur Mobile-Ansicht wechseln.
2. Überdimensionierte Überschriften, enge Buttons und große Leerräume korrigieren.
3. Elemente ausblenden, die nur auf Desktop Sinn ergeben, wenn sie stören.
4. Das Menü einmal tippen, als wärst du Besucher auf dem Phone.

Schritt 5 — Das Grundlegende ausfüllen, das Google interessiert

Vor dem Publish:

1. Einzigartigen SEO-Titel und Meta-Description für Home setzen.
2. Eine klare H1 behalten, die zum Seitenthema passt.
3. Alt-Text auf den wichtigsten Bildern ergänzen.

Vollständigere Checkliste: Harmony-SEO-Checkliste.

Schritt 6 — Publishen und Smoke-Test

1. Desktop und Mobile previewen.
2. Publishen.
3. Live-URL im privaten Fenster öffnen und jeden Menüpunkt einmal anklicken.

Was als Nächstes

Verwandt

• Wix Harmony Guide
• Kostenlose Starter-Site
• Wix-Überblick zu Harmony