Was ist eine Stagingsite – wann brauchst Du eine und wie richtest Du sie ein

Bevor Du große Updates an Deiner Website fährst, solltest Du eine Stagingsite einrichten. Was diese Testumgebung ist und wie Du sie einsetzt, erfährst Du hier.

Wenn Du an Deiner Website arbeitest, kennst Du das vielleicht: Du willst „nur kurz“ etwas ändern – und plötzlich ist das Layout kaputt, ein Plugin macht Probleme oder die Seite ist kurzzeitig nicht erreichbar.

Gerade bei größeren Updates wie einer neuen WordPressversion, umfangreichen Pluginupdates oder einem Relaunch ist es sehr zu empfehlen, die Änderungen quasi erst einmal zu testen, bervor sie live gehen.

Genau hier kommt eine Stagingseite in Spiel. Sie ist eine exakte Kopie Deine bestehenden Website, nur eben nicht öffentlich sichtbar. Wie der Name schon vermuten lässt, ist sie eine Art Spielwiese, an der Du Dich ausprobieren kannst:

• Deine live Website = Deine aktuelle Bühne (für Deine Besucher:innen sichtbar)
• Deine Stagingsite = Deine Testumgebung (nur für Dich & Dein Team sichtbar)

Auf dieser Kopie kannst Du technische Änderungen und deren Auswirkungen prüfen, neue Designs testen, Inhalte umbauen, … alles ohne Risiko für Deine echte Website.

Wenn alles funktioniert bzw. Du herausgefunden hast, wo es Probleme geben kann und wie Du diese behebst, übernimmst Du die Änderungen auch auf Deiner live Website, ganz nach dem Motto: Lieber einmal zu viel testen als eine kaputte live Seite riskieren.

So funktioniert eine Stagingsite technisch

Die Idee ist simpel: Du erstellst eine Kopie Deiner Website auf einer Subdomain, zum Beispiel:

• staging.deinewebsite.de
• dev.deinewebsite.de
• test.deinewebsite.de

Diese Subdomain liegt auf demselben Server, ist aber ein eigener Bereich (Du kannst es Dir vorstellen, wie verschiedene Wohnungen in einem Haus).

Schritt für Schritt: Stagingsite mit Subdomain einrichten

Hier zeige ich Dir eine einfache Methode mit WordPress und dem kostenlosen Plugin Duplicator.

Schritt 1: Subdomain für die Testumgebung anlegen

Gehe in Dein Hosting-Backend (z. B. bei Deinem Hoster All-Inkl, Alfahosting … ).

1. Öffne den Bereich „Domains“ oder „Subdomains“
2. Lege eine neue Subdomain an, z. B.:
   • staging.deinedomain.de
3. In der Regel wird dazu auch ein neuer (leerer) Ordner auf dem Server angelegt

Du kannst auch auf einen bereits bestehenden Ordner verweisen, wichtig ist aber dass in diesem Ordner noch keine WordPress-Installation liegt. Das heißt, wenn Du bereits eine Stagingseite hast und die Subdomain für einen neuen Test weiternutzen möchtest, musst Du erst die Daten in dem Ordner löschen.

Schritt 2: Datenbank anlegen

Deine WordPress Website besteht quasi aus zwei Teilen, den eigentlichen Daten (wie die Möbel in einer Wohnung) auf dem Server und der Datenbank (der Info für Deine Umzugshelfer, welche Möbel in welchem Zimmer wo stehen sollen).

Gehe in Dein Hosting-Backend (z. B. bei Deinem Hoster All-Inkl, Alfahosting … ).

1. Öffne den Bereich „Datenbanken“ oder „MySQL-Datenbanken“
2. Klicke auf „Neue Datenbank erstellen“
3. Vergib einen Namen für die Datenbank (z. B. staging_db)
4. Lege einen Datenbankbenutzer:in an (falls nötig)
5. Vergib ein sicheres Passwort

Notiere Dir unbedingt:

• Datenbankname
• Benutzername
• Passwort
• Datenbankhost (oft, aber nicht immer „localhost“)

Diese Daten brauchst Du gleich. Die Wohnung ist damit „bezugsbereit“.

Schritt 3: Kopie Deiner Website erstellen

Ich nutze dazu gerne des Plugin „Duplicator“. Es macht gleichzeitig eine Kopie der Serverdaten wie der Datenbank.

Auf Deiner Live-Website (nachdem Du das Plugin installiert und aktiviert hast):

1. Gehe zu „Duplicator → Packages“
2. Klicke auf „Create New“
3. Folge dem Assistenten
4. Erstelle ein vollständiges Paket Deiner Website

Am Ende erhältst Du zwei Dateien, die Installer-Datei (installer.php) und die Archiv-Datei (zip). Diese beiden Dateien lädst Du runter.

Schritt 4: Dateien auf die Subdomain hochladen

1. Verbinde Dich per FTP oder Dateimanager mit Deinem Server
2. Öffne den Ordner der Subdomain
3. Lade beide Dateien dort hoch:
   • installer.php
   • ZIP-Datei

Schritt 5: Installation starten

Öffne im Browser die URL Deiner Subdomain mit dem Anhang /installer.php (wenn die Installerdatei anders heißt, musst Du diesen Namen angeben), ungefähr so:

staging.deinedomain.de/installer.php

Dann startet der Installationsprozess.

1. Datenbank angeben (die Infos der Datenbank von oben)
2. Installation starten
3. Domain wird automatisch angepasst

Nachdem die Installation geklappt hat, kannst Du Dich mit Deinen Logindaten Deiner eigentlichen Website einloggen; Deine Website ist damit als 1:1 Kopie auf der Subdomain verfügbar.

Schritt 6: Zugriff schützen (wichtig!)

Deine Stagingsite sollte nicht öffentlich einsehbar sein, damit Du in Ruhe testen kannst – und auch Suchmaschinen wie Google & Co nicht verwirrt werden, wenn Deine Inhalte jetzt doppelt vorhanden sind.

Dazu hast Du verschiedene Möglichkeiten:

• Passwortschutz über Hosting
• Plugin für „Maintenance Mode“ (wenn Du Elementor Pro nutzt, kannst Du das direkt unter Elementor > Werkzeuge > Maitenance Mode mit einer eigenen Vorlage einstellen)
• Zugriffsbeschränkung per .htaccess

Schritt 7: Updates fahren und Änderungen auf der Statgingsite testen

Jetzt kannst Du auf Deiner Stagingseite nach Lust und Laune testen, alle Updates fahren und Änderungen testen.

Brauchst Du für diese Testumgebung eigene bzw. zusätzliche Lizenzen?

Eine WordPressinstallation auf einer Subdomain gilt allgemein als eigene Website, entsprechend bräuchtest Du für jedes Premiumplugins (also Plugins, die Du bezahlst) eine eigene Lizenz.

Weil eine Stagingseite aber nur temporär zum Testen genutzt wird, erlauben viele Pluginanbieter (leider nicht alle), die Nutzung auf einer Staging- oder Entwicklungsumgebung ohne zusätzliche Lizenz.

Typische Bedingungen sind:

• Die Domain ist klar als Staging erkennbar (z. B. „staging.“ oder „dev.“)
• Die Seite ist nicht öffentlich produktiv genutzt
• Kein kommerzieller Betrieb

Im Zweifel lohnt sich ein Blick in die Lizenzbedingungen des jeweiligen Plugins. Elementor Pro erlaubt die Nutzung auf einer entsprechenden Testumgebung ohne zusätzliche Lizenz unter bestimmten Bedingungen.

Was machst Du nach dem Test auf der Stagingumgebung?

Du hast alle Updates gefahren, alle Änderungen eingepflegt und alle technischen Probleme behoben. Herzlichen Glückwunsch – das war die halbe Miete. Jetzt musst Du die Änderungen noch sauber auf Deine live Seite übertragen 😊

Dazu empfehle ich Dir folgende zwei Wege;

Variante 1: Änderungen manuell übertragen (für kleinere Anpassungen)

Der einfachste Weg für kleine Änderungen, wie Text- oder kleinere Designanpassungen, Pluginupdates, etc.

1. Öffne Deine Stagingsite
2. Öffne parallel Deine live Seite
3. Übertrage die Änderungen Schritt für Schritt

Vorteil: Du hast kein Risiko, etwas „kaputt zu überschreiben“.
Nachteil: Es dauert bei vielen Änderungen länger.

Variante 2: Staging komplett auf die Live Domain übertragen (für große Änderungen)

Wenn Du größere Änderungen vorgenommen hast, wie zum Beispiel ein Relaunch Deiner Website ist es einfacher, Du ersetzt Deine live Seite durch die fertige Stagingversion.

So gehst Du vor:

1. Backup der Live-Seite erstellen (sicher ist sicher)
2. Auf der Stagingsite: Neues Paket mit Duplicator erstellen
3. Dateien wieder herunterladen (Installer + ZIP)
4. Auf den Server der live Seite hochladen (bestehende Dateien ersetzen)
5. Neue Datenbank anlegen oder dann bestehende überschreiben
6. installer.php aufrufen
7. Installation durchführen

Deine live Seite ist jetzt exakt wie Deine getestete Stagingsite.
Wichtig zu wissen: Dabei wird die bestehende live Seite komplett überschrieben (deshalb Backup, Backup, Backup).

Der Vollständigkeit halber: Es gibt noch weitere Möglichkeiten (zum Beispiel nur Datenbank bzw. Teile zu übertragen oder die live Domain auf den Ordner der Subdomain umzuleiten und alle Links in der Datenbank auszutauschen), aber diese sind eher etwas für Fortgeschrittene.

Ganz wichtig: Checkliste vor dem Livegang

Nach der Stagingseite kommt der wichtigste Schritt: Kontrolliert live gehen statt einfach hoffen, dass alles passt. Bevor Du Deine Änderungen live schaltest, gehe folgende Checkliste durch:

• ✅ Backup erstellen
• ✅ Links testen (keine StagingURLs mehr)
• ✅ Werden die Bilder korrekt geladen
• ✅ Funktionieren die Formulare
• ✅ Ist Tracking / Analytics aktiv
• ✅ Caching leeren

Typischer Denkfehler

Viele denken: „Ich habe doch alles auf der Stagingseite gemacht – das ist jetzt automatisch live.“ Leider nein. Die Stagingsite ist komplett getrennt von Deiner live Website. Du musst Dich aktiv entscheiden, wie Du die Änderungen überträgst.

Und nun?

Du hast alle Änderungen übertragen, alle Tests haben geklappt und Deine live Website ist up-to-date? Herzlichen Glückwunsch, dann kannst Du Deine Stagingseite jetzt wieder platt machen (Daten auf dem Server sowie die extra angelegte Datenbank löschen oder leeren). So steht die Subdomain bereit, um für den nächsten Text mit der aktuellsten Version Deiner live Website befüllt zu werden.

Tool Empfehlungen

• Duplicator
• Elementor Pro*

*Affiliate Link. Dir entstehen bei einem Kauf keine zusätzlichen Kosten, ich erhalte aber eventuell eine kleine Provision, die ich direkt in mein Galão-Projekt investiere.

Unterstützung gesucht?

Du kommst auch anhand meiner Tipps alleine nicht weiter und brauchst professionelle Hilfe? Hier kannst Du Dir eine Power Session mit mir buchen und wir gehen das Problem gemeinsam an 💪