Statische Webseite hosten: schnell, sicher und günstig
Eine statische Webseite besteht aus fertigen Dateien: HTML für den Inhalt, CSS für die Gestaltung, dazu Bilder und vielleicht ein wenig JavaScript. Beim Aufruf schickt der Server diese Dateien einfach an den Browser. Es läuft keine Datenbank und keine Programmiersprache wie PHP, und es gibt keine Plugins, die gepflegt werden müssen.
Das macht solche Seiten schnell, sicher und günstig im Betrieb. Für eine Visitenkarte, eine Praxisseite oder eine Projektseite ist eine statische Webseite oft die bessere Wahl als ein großes System. Für einen Shop oder eine Seite, die viele Menschen ohne Technikkenntnisse pflegen, passt sie weniger.
Statisch und dynamisch im Vergleich
Der Unterschied zeigt sich bei jedem einzelnen Aufruf.
Eine dynamische Seite baut ihre Inhalte bei jedem Besuch neu zusammen. Das ist flexibel, kostet aber Rechenzeit und bietet Angriffsfläche: Jedes Plugin und jede Datenbankabfrage kann eine Lücke haben. Eine statische Webseite hat diese Schritte schon vorher erledigt. Der Server liefert nur noch aus, was fertig daliegt.
Die Vorteile
Die Stärken ergeben sich direkt aus dem einfachen Aufbau.
- Tempo: Fertige Dateien gehören zum Schnellsten, was ein Server ausliefern kann. Mehr zur Ladezeit steht unter Ladezeit verbessern.
- Sicherheit: Ohne Datenbank und Plugins fallen die häufigsten Einfallstore weg.
- Kaum Pflege: Es gibt keine Updates auf dem Server einzuspielen, keine PHP-Version zu wechseln.
- Günstig: Schon das kleinste Paket reicht, eine Datenbank wird nicht gebraucht.
- Einfache Sicherung: Die ganze Seite ist ein Ordner mit Dateien. Eine Kopie davon ist das Backup.
- Belastbar: Plötzlich viele Besucher bringen eine statische Webseite selten aus dem Tritt.
- Sparsam: Ohne Datenbank und PHP braucht ein Aufruf nur einen Bruchteil der Rechenzeit. Das spart Strom beim Hoster.
Die Grenzen
Was eine dynamische Seite nebenbei kann, braucht bei einer statischen Seite eine eigene Lösung.
Formulare brauchen etwas, das die Eingaben verarbeitet. Auf einem normalen Webspace genügt dafür ein kleines PHP-Skript, das die Nachricht per Mail weiterschickt. Alternativ gibt es externe Formulardienste, die dann aber Daten Ihrer Besucher erhalten. Worauf Sie dabei achten müssen, erklärt Kontaktformular DSGVO.
Inhalte ändern ist weniger bequem als in einem Redaktionssystem. Sie bearbeiten Dateien und laden sie neu hoch. Für eine Person mit etwas Technikverständnis ist das kein Problem. Für ein Team, in dem viele ohne Vorkenntnisse Texte einstellen sollen, eher schon.
Kommentare, Suche, Shop und Mitgliederbereiche sind ohne Datenbank nur über Umwege oder externe Dienste möglich. Wer so etwas braucht, ist mit einem dynamischen System meist besser bedient. Wer nur wenige Produkte verkauft, kann Kaufknöpfe eines Zahlungsdienstes einbinden. Bestellung und Zahlung laufen dann über diesen Dienst, und der gehört in die Datenschutzerklärung.
Für welche Projekte eine statische Webseite passt
Die Faustregel: Je seltener sich Inhalte ändern und je weniger Besucher selbst etwas eingeben, desto besser passt statisch.
Viele kleine Firmen- und Vereinsseiten ändern sich nur wenige Male im Jahr. Sie laufen auf einem großen System, das ständig Updates braucht, obwohl es kaum etwas zu tun hat. Hier lohnt der Gedanke an eine statische Lösung besonders. Dasselbe gilt für die Seite zu einem Spieleserver mit Regeln, Mod-Liste und einer Anleitung zum Verbinden. Für eine einfache private Seite gilt das genauso, wie unter private Homepage beschrieben.
So entsteht eine statische Webseite
Es gibt drei Wege: von Hand, mit einem Generator oder als Export aus einem anderen System.
Von Hand schreiben Sie HTML und CSS selbst. Für ein paar Seiten ist das gut machbar, bei vielen Seiten wird die Pflege von Menü und Fußzeile mühsam.
Mit einem Generator schreiben Sie Inhalte in einfachen Textdateien, oft im Format Markdown. Das ist eine schlichte Schreibweise, bei der etwa ein # am Zeilenanfang eine Überschrift markiert.
Das Programm setzt daraus mit einer Vorlage die fertigen Seiten zusammen, samt Menü, Übersichten und Sitemap. Titel und Beschreibung für Google tragen Sie dabei für jede Seite oben in der Textdatei ein.
Bekannte Generatoren sind Hugo, Jekyll und Eleventy. Hochgeladen wird nur der fertige Ausgabeordner, bei Hugo etwa public, bei Jekyll und Eleventy _site. Für einen Blog ist das eine schlanke Alternative zu WordPress, wie der Vergleich unter Blog hosten zeigt.
Als Export lassen sich auch WordPress-Seiten in statische Dateien umwandeln. Plugins dafür erzeugen eine Kopie der Seite, die Sie hochladen. WordPress läuft dann nur noch intern zum Bearbeiten. Prüfen Sie nach dem Export Formulare, Suche und Kommentare. Diese Funktionen brauchen den Server und fehlen in der statischen Kopie.
Statische Webseite hosten
Jeder normale Webspace kann eine statische Webseite ausliefern. Sie laden die Dateien in den Webordner, und die Seite ist online.
Zum Hochladen genügt ein SFTP-Programm. Komfortabler ist es, wenn der Hoster Git unterstützt. Plesk bietet dafür zum Beispiel eine Erweiterung, die neue Fassungen automatisch aus einem Repository holt. So heißt der Speicherort, in dem Git alle Fassungen Ihrer Dateien verwaltet.
Einige Plattformen sind auf statische Seiten spezialisiert und bauen sie bei jeder Änderung selbst. Viele davon sitzen allerdings in den USA, was für Datenschutz und Auftragsverarbeitung zusätzliche Fragen aufwirft.
Ein paar Einstellungen lohnen sich auch bei statischen Seiten:
- eine eigene Fehlerseite für nicht gefundene Adressen,
- Weiterleitungen, wenn sich Adressen ändern, wie unter 301 Weiterleitung beschrieben,
- https mit einem kostenlosen Zertifikat,
- saubere Adressen, indem jede Seite als index.html in einem eigenen Ordner liegt.
Auf einem Webspace mit Apache genügt für die Fehlerseite eine Zeile in der Datei .htaccess im Hauptordner: ErrorDocument 404 /404.html. Die Datei 404.html gestalten Sie wie jede andere Seite, am besten mit Menü und einem Link zur Startseite.
FAQ: statische Webseiten im Alltag
Pflege und Sichtbarkeit bei Google sind die beiden Punkte, an denen die Entscheidung meist hängt.
Kann ich eine statische Webseite auch ohne Programmierkenntnisse pflegen?
Mit Grundkenntnissen in HTML ja. Ohne solche Kenntnisse ist ein Baukasten oder WordPress bequemer. Es gibt noch einen dritten Weg: Sie lassen die Seite einmal bauen und schicken Änderungen per Mail an die Person, die sie gebaut hat. Bei Seiten, die sich selten ändern, kostet das oft weniger als die laufende Pflege eines großen Systems. Einen Vergleich bietet Homepagebaukasten.
Ist eine statische Webseite schlechter für Google?
Nein. Suchmaschinen sehen nur das fertige HTML. Schnelle Ladezeiten und eine klare Struktur sind sogar ein Vorteil.
Brauche ich ein Backup, wenn alles auf meinem Rechner liegt?
Ja, aber es ist einfach. Sichern Sie den Ordner mit den Quelldateien, nicht nur die hochgeladene Fassung. Bei einem Generator ist die Quelle das, was Sie wirklich brauchen.
Brauche ich trotzdem ein Impressum und eine Datenschutzerklärung?
Ja. Daran ändert die Technik nichts. Auch eine statische Webseite erzeugt Protokolle auf dem Server, sogenannte Logfiles, und wer sie geschäftsmäßig betreibt, braucht ein Impressum.
Was auch die einfachste Seite braucht
Eine statische Webseite nimmt Ihnen viel Arbeit ab, aber nicht alles. Diese Punkte bleiben:
- die Pflichtseiten Impressum und Datenschutzerklärung, von jeder Seite aus verlinkt,
- eine Sicherung der Quelldateien außerhalb des eigenen Rechners,
- ein Blick einmal im Jahr, ob Links noch funktionieren und Angaben noch stimmen,
- Zugangsdaten zum Webspace an einem sicheren Ort.
Für das Hochladen der Dateien brauchen Sie einen verschlüsselten Dateizugang. Wie Sie ihn einrichten, können Sie jetzt beim SFTP Zugang nachlesen.