SITE123 Homepage-Baukasten im Test 2024: Schnell zur eigenen Webseite?

Eine eigene Website, schneller als man bis drei zählen kann: Diese Idee steckt hinter dem Website-Builder SITE123. Ganz so schnell geht es natürlich nicht, doch indem er gestalterische Freiheiten bewusst reduziert, macht der Baukasten von SITE123 die Sache tatsächlich noch etwas unkomplizierter als viele andere Anbieter.

Doch wie einfach ist die Website-Erstellung es wirklich – und findet SITE123 die richtige Balance aus Einfachheit und Flexibilität? Das und mehr lesen Sie in unserem Test.

SITE123 setzt auf intuitive Bedienung statt unbegrenzte Gestaltungsmöglichkeiten: Der Editor liefert vorgefertigte Komponenten, die Sie mal mehr und mal weniger umfangreich bearbeiten können. Ihrer Kreativität werden damit klare Grenzen gesetzt, doch dafür können Sie sich auf eine relativ stressfreie Nutzung verlassen. Manche Einstellungen macht SITE123 aber etwas komplizierter, als sie sein müssten.

Von der Registrierung bis zu den ersten Schritten im Website-Editor sind es bei SITE123 nur wenige Klicks. Zahlungsdaten müssen Sie bei der Registrierung zudem nicht angeben, weil SITE123 einen Gratis-Tarif bereithält (mehr zu den Kosten später).

Im Laufe der Anmeldung müssen Sie die Art der Website festlegen und Ihrem Projekt einen Namen geben. Nach der Eingabe Ihrer Daten und der Namensgebung Ihrer Homepage werden Sie direkt ins Editor-Dashboard weitergeleitet.

Der Anfangs-Look Ihres Templates ist von der gewählten Website-Art abhängig. Diese Standard-Vorlagen sind aber relativ bieder und langweilig. Generell halten wir die Template-Situation bei SITE123 für etwas verwirrend und intransparent.

Der Editor von SITE123, in dem Sie Ihre Website Seite für Seite gestalten, ist selbst für Baukasten-Verhältnisse unkompliziert. Die Funktionen sind im Interface klar aufgeteilt:

Der Editor von SITE123 ist also nicht sonderlich komplex und auch für Einsteiger schnell zu meistern, was aber natürlich vor allem an den strikten Vorgaben und begrenzten Möglichkeiten liegt. Auch die Performance des Editors überzeugt: Alles funktioniert reibungslos und zügig, Verzögerungen oder lange Ladezeiten gibt es innerhalb des Editors praktisch nicht.

SITE123 verzichtet auf intuitive Drag-and-drop-Mechaniken, wie man sie von vielen anderen Homepage-Baukästen kennt. Im Editor sind Sie somit eng an die Vorgaben des Templates gebunden und können Elemente nicht frei verschieben.

Jede Website besteht aus mehreren Seiten, die sich wiederum aus mehreren Abschnitten oder Blöcken (SITE123 bezeichnet jene ebenfalls als Seiten – weil dafür dieselben Regeln gelten und dieselben Vorlagen vorhanden sind) zusammensetzen.

Für Blöcke und Seiten gibt es jeweils einige Vorlagen, auf die wir im nächsten Kapitel näher eingehen. Wichtig zu wissen ist, dass die Struktur der einzelnen Blöcke vorgegeben ist. In der Werkzeugleiste, die links in jedem Abschnitt eingeblendet ist, können Sie das Layout des Blocks ändern, Inhalte wie Bilder bearbeiten, Aspekte wie die Hintergrundfarbe anpassen und Texte per KI generieren.

Unter Einstellungen > Website-Typ können Sie festlegen, ob es sich bei Ihrer Website um einen Onepager oder eine Website mit mehreren Seiten handeln soll. Letztere Option macht SITE123 aber – genau wie die Template-Auswahl – wieder etwas komplizierter, als sie sein müsste.

Wenn Sie eine Website mit mehreren Seiten erstellen und eine neue Seite auf Vorlagen-Basis anlegen, können Sie in jener zunächst keine weiteren Abschnitte hinzufügen. Das liegt daran, dass die „Seite“ zwar als eigene Seite angezeigt wird, aber mit einem entsprechenden Abschnitt auf der Startseite identisch ist. Änderungen, die Sie etwa auf einer „Über uns“-Seite vornehmen, gelten also auch auf dem „Über uns“-Abschnitt auf der Startseite.

Um neue Abschnitte hinzufügen zu können, müssen Sie die Seite in den Seiteneinstellungen in eine „Seite mit mehreren Abschnitten“ umwandeln – oder gleich im Dropdown-Menü bei der Seitenerstellung eine „Seite mit mehreren Abschnitten hinzufügen“.

Was das Ganze soll, verstehen wir nicht so recht – und wieder einmal könnten Nutzer eine wichtige Funktion des Baukastens übersehen, weil SITE123 sie nicht gut genug erklärt.

Insgesamt kamen wir mit dem Editor von SITE123 gut zurecht: Das Interface ist sauber, flott und schlüssig strukturiert, auch wenn es visuell etwas altbacken wirkt. Warum SITE123 seine Templates versteckt und die Erstauswahl auf ein paar wenige Standardvorlagen beschränkt, ist uns aber schleierhaft.

SITE123 begeistert weder mit sonderlich beeindruckenden Vorlagen, noch haben Sie die Möglichkeit, jene umfangreich anzupassen. Die verfügbaren Designs und Design-Werkzeuge sind funktional – nicht mehr und nicht weniger.

Die Template-Situation ist bei SITE123, wie bereits erklärt, etwas unklar. Es gibt zwei Wege, eine Designvorlage als Grundlage für Ihre Website auszuwählen, mit unterschiedlichen Template-Sortimenten:

Spektakuläre Vorlagen sollten Sie sich bei keiner Methode erwarten: Die SITE123-Templates sind schlicht, sauber und funktional, aber ziemlich generisch. Interaktive Elemente, Animationen oder Möglichkeiten, Inhalte wirklich dynamisch zu präsentieren, gibt es kaum.

Die Templates sind also zweckdienlich und vor allem für kleinere Unternehmens-Websites, Hobby-Homepages oder Blogs geeignet. Wenn Sie eine visuell eindrucksvolle Website erstellen möchten, machen Sie um SITE123 besser einen Bogen.

Die globalen Design-Einstellungen erreichen Sie im Design-Menü. Änderungen, die Sie hier vornehmen, werden automatisch auf der gesamten Website angewendet.

Hier können Sie Einstellungen in fünf Kategorien vornehmen: Farben, Schriftarten, Header, Fußzeile und Website-Struktur:

Die globalen Design-Optionen sind insgesamt also recht begrenzt. Detaillierte Einstellungen für Buttons, Animationen, Übergänge und andere Aspekte gibt es beispielsweise nicht. Die Farb- und Font-Optionen sind dafür im Vergleich zu ähnlich limitierten Schnellstarter-Baukästen – etwa bei IONOS oder Jimdo – recht umfangreich.

Dann haben Sie noch ein paar Möglichkeiten, das Design direkt in den Abschnittsoptionen anzupassen. Hier können Sie unterschiedliche Layouts für jede Sektion auswählen.

Manchmal ist es möglich, gewisse globale Einstellungen zu überschreiben – etwa die Schriftart für einen bestimmen Text anzupassen. Bei anderen Einstellungen, beispielsweise der Hintergrundfarbe, sind Sie auf die Standardoptionen angewiesen.

Durch die begrenzten Design-Optionen und fehlendes Drag-and-drop wird der Look Ihrer Website also primär durch das gewählte Template, vordefinierte Layouts und die Vorlagen der Abschnitte und Seiten bestimmt. Sehen wir uns Letztere noch einmal genauer an.

Was Seiten- und Abschnitts-Templates angeht, ist SITE123 ziemlich gut aufgestellt. Für die meisten Standard-Funktionen gibt es eine entsprechende Vorlage, die Sie nur noch mit Ihren Inhalten füllen müssen.

Die Templates sind übersichtlich in Kategorien eingeteilt und für alle Abschnitte sind mehrere Optionen und Layouts verfügbar.

Hier sehen Sie noch einmal einen Vergleich der angebotenen Seiten- und Abschnittsvorlagen:

Auf Elemente-Ebene ist der SITE123-Baukasten wie erwähnt nicht sonderlich flexibel. Die Seitenerstellung erfolgt abschnittsweise, also können Sie Elemente wie Bilder oder Texte nicht individuell platzieren.

Für unseren Elemente-Vergleich haben wir deshalb nur die Elemente berücksichtigt, für die eine entsprechende Abschnittsvorlage vorhanden ist:

SITE123 überzeugt grundsätzlich mit einem großen Funktionsumfang und soliden Blogging- und E-Commerce-Features, wobei viele nützliche Funktionen hinter Bezahlschranken verborgen sind.

Für Blogger ist SITE123 einen Blick wert, denn die Blogging-Plattform ist recht umfangreich. Zunächst müssen Sie Ihrer Website eine Blog-Seite hinzufügen, wobei Sie unterschiedliche Layouts für die Darstellung Ihrer Blogbeiträge auswählen können:

Zur eigentlichen Verwaltung Ihres Blogs gelangen Sie dann mit einem Klick auf den Button „Bearbeiten“ auf einer Blogseite. Hier können Sie neue Artikel anlegen, veröffentlichen und für die Zukunft vorausplanen.

Auch im Blog-Editor von SITE123 erwartet Sie keine völlige Drag-and-drop-Freiheit, doch die Formatierungsoptionen sind für einfache Blogs ausreichend. Sie können Bilder, Texte, Überschriften, Videos, Tabellen, Trennlinien, Listen und Code-Auszüge hinzufügen, benutzerdefiniertes HTML wird ebenfalls unterstützt.

SITE123 unterstützt sowohl Kategorien als auch Tags, was die Verwaltung umfangreicher Blogs mit einem großen Artikel-Archiv erleichtert. Zudem können Sie Autoren mit Kurz-Bio hinzufügen.

Auch Kommentare sind möglich: SITE123 stellt dafür eine interne Funktion bereit, doch auch die Einbindung von Kommentaren via Facebook oder Disqus ist möglich. Ein paar Besucher-Statistiken stellt SITE123 für Ihren Blog ebenfalls zusammen.

Relativ neu ist die KI-Funktion der Blog-Plattform: Das TextAI-Tool generiert Blogbeiträge basierend auf Prompts und Keywords automatisch. Dafür werden – pro Wort – KI-Credits verbraucht. Wie viele davon verfügbar sind, ist vom Tarif abhängig. Die Ergebnisse sind (für aktuelle KI-Verhältnisse) typisch. Wer wirklich systematisch mit KI-Hilfe schreibt, dürfte aber eine externe Lösung mit mehr Funktionen bevorzugen, denn die Optionen sind recht grundlegend.

In den SEO-Einstellungen im Seitenmenü können den Titel und die Beschreibung jeder Seite bearbeiten und Keyword- und Bild-Meta-Tags hinzufügen. Hier ist es auch möglich, einzelne Seiten in Suchmaschinen auszublenden, also mit dem nodinex-Meta-Tag zu versehen – eine Funktion, die nicht alle Baukästen bieten. 301-Weiterleitungen werden auch unterstützt.

Nicht ideal ist, dass die URL automatisch basierend auf dem Seitennamen generiert wird. Sie müssen also den Seitennamen bearbeiten, um die URL anzupassen.

Zudem fehlen einige erweiterte Funktionen. Eine Bearbeitung der auf dem Server gespeicherten Datendateien ist etwa nicht möglich. Sie können also die robots.txt nicht editieren. Auch das Hinzufügen strukturierter Daten ist nicht möglich.

Nett ist der SEO-Berater, den Sie im Verwaltungs-Bereich Ihres Website-Projekts unter „Einstellungen“ finden. Hier können Sie schnell zu wichtigen SEO-Funktionen springen und einen Seiten-Audit durchführen, der Sie über mögliche SEO-Probleme informiert.

Hier sehen Sie die SEO-Funktionen von SITE123 im Vergleich:

Mehrsprachigkeit ist bei SITE123 recht gut gelöst, aber hinter einer Bezahlschranke. Ab dem PROFESSIONAL-Tarif können Sie unter Einstellungen > Website-Sprachen mit wenigen Klicks eine neue Sprache hinzufügen. Die Inhalte Ihrer Website werden automatisch übersetzt, wobei Sie Texte auch manuell bearbeiten können.

Besucher Ihrer Website können dann über ein Sprachenmenü die Sprache wechseln. Bei der Darstellung des Menüs haben Sie wie gewohnt wenig Mitspracherecht – doch wenigstens sind mehrsprachige Websites überhaupt ohne Umwege möglich, was bei Baukästen leider noch nicht zum Standard geworden ist.

Auch die E-Commerce-Plattform von SITE123 kann überzeugen. Wieder müssen Sie den Shop erst als eigene Seite hinzufügen; die Shop-Verwaltung findet dann in einem separaten Unterbereich statt.

Die Produktverwaltung ist intuitiv und flexibel. Sie können physische und digitale Produkte anbieten (Letztere aber erst ab dem GOLD-Tarif) und jene in Kategorien und Unterkategorien unterteilen.

Erweiterte Produktfunktionen und -einstellungen erreichen Sie in den Tabs über der Produktinformation. Hier können Sie beispielsweise unter „Optionen“ Produktvarianten, also etwa unterschiedliche Größen und Farben für das ausgewählte Produkt, hinzufügen.

Jene können auf unterschiedliche Weise dargestellt werden: beispielsweise als Liste, Button oder Kontrollkästchen. Vorlagen für gängige Optionen gibt es ebenfalls. Insgesamt ist die Varianten-Verwaltung wirklich geradlinig und benutzerfreundlich. Viele Funktionen – etwa die manuelle Verwaltung der Varianten – sind aber an höhere Tarife gebunden.

SITE123 hat noch viele weitere E-Commerce-Funktionen:

SITE123 ist flexibel und funktionsreich genug für kleine und mittelgroße Online-Shops. Die Darstellung Ihrer Shop-Inhalte läuft jedoch, wie bei SITE123 gewohnt, auf vorgegebenen Bahnen ab. Sie können vorgefertigte Layouts für Ihre Shop-Seite auswählen und im „Startseite“-Menü in der Shop-Verwaltung festlegen, welche Abschnitte an welcher Stelle angezeigt werden sollen.

Schade ist zudem, dass relativ viele nützliche Funktionen erst in den höheren Tarifen freigeschaltet werden. Erweiterte Produkt- und Services-Kategorien – beispielsweise Kurse, Abos oder Mitgliedschaften – werden zudem nicht unterstützt.

Hier sehen Sie die E-Commerce-Features von SITE123 im Vergleich:

Natürlich bietet SITE123 noch viele weitere Features – folgende beispielsweise:

Hier sehen Sie noch einmal eine Übersicht der erweiterten Funktionen von SITE123:

Im Support-Center von SITE123 finden Sie eine große Auswahl an Hilfeartikeln und Anleitungen. Die meisten davon sind recht kurz, veranschaulichen wichtige Funktionen und Einstellungen aber mit Screenshots und GIFs. Eine Suchfunktion ist natürlich auch integriert. Für viele unserer Fragen fanden wir im Hilfezentrum also schnell auf einige Faust Antworten.

Lobenswert ist der Direktsupport, denn jener war in unserer Erfahrung ziemlich zuverlässig. Wo andere Anbieter direkte Kontaktmöglichkeiten so gut es geht verstecken, ist bei SITE123 stets ein Chat-Button eingeblendet, in dem Sie mit nur zwei Klicks eine Nachricht an den Support schicken können.

Jene wurde bei uns auch meist schon nach wenigen Minuten beantwortet – und zwar nicht von einem Bot, sondern echten Mitarbeitenden. Anfänger, an die sich das Angebot des Baukastens ohnehin richtet, werden sicher zu schätzen wissen, dass Unterstützung immer nur ein paar Klicks entfernt ist und man dafür das aktuelle Fenster gar nicht verlassen muss.

Die Preisstruktur von SITE123 ist leider etwas intransparent. Sucht man auf der Website nach den Preisen, findet man zunächst nur zwei Optionen: Kostenlos und Premium. Auch wer versucht, vom Dashboard aus upzugraden, sieht nicht immer alle Tarife gelistet – und die Tarifinformationen in den Support-Artikeln sind manchmal widersprüchlich.

Tatsächlich gibt es nämlich (neben dem Gratis-Tarif) fünf Standard-Premium-Pläne: Basic, Advanced, Professional, Gold und Platinum.

Die Tarife unterscheiden sich beispielsweise bei Ressourcen wie dem Speicher (3, 10, 35, 50, 100 GB) oder der Bandbreite (3, 10, 35, 50, 100 GB). Doch auch der Funktionsumfang ist stark tarifabhängig: E-Commerce-Features und Mehrsprachigkeit werden etwa erst ab Professional unterstützt, erweiterte Shop-Funktionen wie Multi-Währung, Rabatte oder Bewertungen erst ab Gold.

In allen kostenpflichtigen Tarifen, die sich zu absteigenden Preisen für 3, 12, 24, 36, 60 oder 120 Monate abschließen lassen, erhalten Sie zudem eine kostenlose Domain für ein Jahr.

Eine Übersicht der aktuellen Tarife von SITE123 finden Sie hier:

Wie schlägt sich SITE123 preislich im Vergleich zu anderen Anbietern? Weil ein direkter Vergleich schwierig ist, schließlich unterscheiden sich die Tarife der einzelnen Anbieter dafür zu stark, sehen wir uns die jährlichen Praxiskosten für zwei konkrete Szenarien an:

Preisvergleich 1: Einfache Webseite, werbefrei, eigene Domain möglich

SITE123 liegt mit dem günstigsten Basic-Tarif preislich im Mittelfeld:

Preisvergleich 2: Online-Shop, werbefrei, eigene Domain möglich

Verhältnismäßig teurer ist SITE123 bei einem Vergleich der E-Commerce-Tarife: Der Professional-Plan zählt zu den teuersten auf dem Markt.

Eine kostenlose Testversion der Premium-Tarife gibt es nicht, dafür können Sie die Grundfunktionen von SITE123 mit der kostenlosen Version ausgiebig testen. Wenn Sie nach dem Kauf nicht zufrieden sind, können Sie 14 Tage lang Ihr Geld zurückfordern.

Wie so viele Website-Builder für Anfänger verzichtet SITE123 bewusst auf umfangreiche Gestaltungsmöglichkeiten, um die Erstellung einfacher Websites so unkompliziert wie möglich zu gestalten.

In mancher Hinsicht gelingt das: Der Editor ist intuitiv und ermöglicht die Erstellung funktionaler Websites mit nur wenigen Klicks. Die Auswahl an Seiten- und Abschnittsvorlagen ist absolut solide, dasselbe gilt für die Blog- und E-Commerce-Features. SITE123 unterstützt somit viele unterschiedliche Website-Typen.

Die Schattenseiten der anfängerfreundlichen Herangehensweise liegen aber auf der Hand: Wirklich individuelle Websites sind mit SITE123 nicht möglich, weil sich die vorgegebenen Templates und Layouts kaum bearbeiten lassen. Das wäre nicht so schlimm, wenn die Vorlagen optisch etwas ansprechender wären. Zudem wirkt der Baukasten etwas in die Jahre gekommen und hat manche Funktionen, etwa die Erstellung mehrseitiger Websites, unnötig umständlich implementiert.

SITE123 ist somit einen Blick wert, wenn Sie einen einfachen Baukasten mit gutem Support für simple Website-Projekte suchen, die keine Design-Preise gewinnen müssen. Auch in diesem Bereich gibt es aber Baukästen mit einem besseren Preis-Leistungs-Verhältnis – denn SITE123 ist vergleichsweise teuer und hat viele wichtige Funktionen, besonders im E-Commerce-Bereich, an höhere Tarife gekoppelt.

Wir haben eine Testseite mit dem Baukasten von SITE123 erstellt, die Sie hier begutachten können: SITE123-Testeite

Für alle Baukästen aus unserem Vergleich erstellen wir eine Testseite mit denselben Inhalten: Eine Startseite mit Hero-, Über mich-, Services-, Testimonial-, Preis- und FAQ-Bereich, eine Portfolio-Seite, einen Blog und eine Kontaktseite.

Erfreulicherweise hat SITE123 für alle unsere Beispiel-Inhalte passende Abschnittsvorlagen parat, improvisieren mussten wir also nicht. Das Resultat ist zwar etwas langweilig, aber angesichts der geringen Zeit, die wir dafür aufwenden mussten, sind wir zufrieden.

Was halten SITE123-Kunden vom Baukasten? Wir haben uns in den Bewertungsportalen umgehört und wiederkehrendes Feedback zusammengestellt:

SITE123 ist vielleicht doch nicht der optimale Baukasten für Ihr Website-Projekt? Hier sind einige Alternativen, die einen Blick wert sind:

Die besten Alternativen zu SITE123 finden Sie hier: