.htaccess-Generator

Was dieses Tool macht

Der .htaccess-Generator schreibt eine Apache-Konfigurationsdatei für die häufigsten Aufgaben: HTTPS erzwingen, zwischen www.example.com und example.com wählen, permanente 301-Weiterleitungen, eine eigene 404-Seite, Gzip-Komprimierung, Browser-Caching, Sicherheits-Header, CORS, Schutz vor Bild-Hotlinking und ein Fallback für Single-Page-Apps.

Jede Funktion ist ein Schalter. Die Datei aktualisiert sich, während du Optionen änderst, enthält kurze Kommentare, die jeden Block erklären, und schließt modulspezifische Regeln in <IfModule> ein, damit die Website weiterläuft, wenn ein Modul fehlt.

So funktioniert es

1. Gib deine Domain ein (nötig für die www- und Hotlink-Regeln).
2. Schalte die gewünschten Funktionen ein. HTTPS erzwingen und www-Präfix werden zu einer einzigen Weiterleitung zusammengefasst, sodass Besucher nie zweimal umgeleitet werden.
3. Füge 301-Weiterleitungen als old new-Paare hinzu, getrennt durch ;, zum Beispiel /old-page /new-page; /blog https://blog.example.com.
4. Kopiere das Ergebnis oder klicke auf Herunterladen, um es als .htaccess zu speichern.
5. Lade die Datei in das Document Root deiner Website hoch und teste ein paar URLs – idealerweise zuerst auf einem Staging-Server.

Beispiel

HTTPS erzwingen und www entfernen für example.com ergibt:

<IfModule mod_rewrite.c>
RewriteEngine On

# Force HTTPS and remove www
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^example\.com$ [NC]
RewriteRule ^ https://example.com%{REQUEST_URI} [L,R=301]
</IfModule>

Tipps

• 301-Weiterleitungen werden von Browsern gecacht. Nutze beim Testen ein privates Fenster oder leere den Cache.
• Aktiviere HSTS (Teil der Sicherheits-Header, wenn HTTPS erzwungen wird) erst, wenn HTTPS auf allen Subdomains funktioniert.
• Verwende das Fallback für Single-Page-Apps bei React-, Vue- oder Angular-Apps mit clientseitigem Routing.