Was ist eine .htaccess-Datei?

Die .htaccess-Datei ist eine leistungsstarke Konfigurationsdatei für den Apache-Webserver. Sie ermöglicht es, Servereinstellungen zu modifizieren, die Performance zu verbessern und Sicherheitsmaßnahmen zu implementieren. Eine gut optimierte .htaccess-Datei kann Ihre Ladegeschwindigkeit verbessern und Ihr SEO-Ranking erhöhen.

Warum ist eine optimierte .htaccess-Datei wichtig?

Die .htaccess-Datei bietet zahlreiche Möglichkeiten zur Optimierung:

  • Performance: Schnellere Ladezeiten durch Caching und GZIP-Komprimierung.
  • Sicherheit: Schutz vor Hotlinking, Clickjacking und XSS-Angriffen.
  • SEO: Saubere URLs, HTTPS-Weiterleitungen und bessere Indexierung durch Suchmaschinen.
  • Zugriffsverwaltung: Einschränkung des Zugriffs auf bestimmte Dateien oder Verzeichnisse.

Optimierungen für Performance, SEO und Sicherheit

Die folgende .htaccess-Datei enthält einige der besten Praktiken für eine sichere und schnelle Website. Jede Regel ist sorgfältig kommentiert, um die jeweilige Funktion verständlich zu machen.

Erklärung der wichtigsten Regeln

  • RewriteEngine: Aktiviert die URL-Umschreibung, notwendig für Weiterleitungen.
  • HTTPS-Weiterleitung: Erzwingt eine sichere Verbindung durch automatische Umleitung von HTTP auf HTTPS.
  • Non-WWW Weiterleitung: Sorgt für eine einheitliche URL-Struktur, indem Anfragen von „www“ zu „non-www“ weitergeleitet werden.
  • Verzeichnis-Browsing deaktivieren: Verhindert, dass Besucher direkt auf Verzeichnisinhalte zugreifen können.
  • Schutz der .htaccess-Datei: Stellt sicher, dass Unbefugte keinen Zugriff auf diese Konfigurationsdatei haben.
  • Caching aktivieren: Reduziert Ladezeiten durch langfristige Speicherung statischer Dateien.
  • GZIP-Komprimierung: Verringert die Dateigröße von HTML, CSS und JavaScript für schnelleren Seitenaufbau.
  • Sicherheits-Header: Erhöht den Schutz gegen XSS, Clickjacking und MIME-Typ-Manipulationen.
# Aktiviert die Rewrite-Engine>
RewriteEngine On

# Weiterleitung von HTTP auf HTTPS
RewriteCond %{HTTPS} off
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# Weiterleitung von "www" auf "non-www"
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^ https://%1%{REQUEST_URI} [L,R=301]

# Verhindert das Verzeichnis-Browsing
Options -Indexes

# Verhindert den Zugriff auf die .htaccess-Datei
<Files ".htaccess">
    Order Allow,Deny
    Deny from all
</Files>

# Aktiviert Caching für statische Dateien
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 month"
    ExpiresByType image/jpg "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType application/font-woff2 "access plus 1 year"
    ExpiresByType application/font-woff "access plus 1 year"
</IfModule>

# Aktiviert das Komprimieren von Inhalten (gzip)
<IfModule mod_deflate.c>
    SetOutputFilter DEFLATE
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/json image/svg+xml
</IfModule>

# HTTP-Header für Caching
<IfModule mod_headers.c>
    <FilesMatch "\.(ico|jpg|jpeg|png|gif|css|js|woff|woff2|ttf|svg|eot)$">
        Header set Cache-Control "public, max-age=31536000, immutable"
    </FilesMatch>
</IfModule>

# Entfernt die Dateiendung ".html" aus der URL
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^([a-zA-Z0-9_-]+)$ $1.html [L]

# Verhindert Hotlinking von Bildern
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?deine-domain\.com [NC]
RewriteRule \.(jpg|jpeg|png|gif|webp)$ - [F,NC]

# Setzt Sicherheitsheader
Header always append X-Frame-Options SAMEORIGIN
Header set X-XSS-Protection "1; mode=block"
Header set X-Content-Type-Options "nosniff"

# Schützt vor XSS und Clickjacking
<FilesMatch "\.(eot|otf|ttf|woff|woff2)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
</FilesMatch>

# Für eine verbesserte Performance und SEO die Priorität von Googlebot erhöhen
User-Agent: Googlebot
RequestPriority: high

# Entfernt index.html aus der URL
RewriteRule ^index\.html$ / [R=301,L]

# Aktiviert Webfont Caching
<FilesMatch "\.(eot|otf|ttf|woff|woff2)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
</FilesMatch>

# Definiert die Komprimierung von Inhalten
<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/json image/svg+xml
</IfModule>

So setzen Sie Ihre .htaccess-Datei richtig ein

  1. Öffnen Sie den Datei-Manager oder einen FTP-Client und navigieren Sie zum Stammverzeichnis Ihrer Website.
  2. Falls noch nicht vorhanden, erstellen Sie eine Datei mit dem Namen .htaccess.
  3. Kopieren Sie den obigen Code in die Datei und speichern Sie sie.
  4. Testen Sie Ihre Website, um sicherzustellen, dass alle Regeln korrekt funktionieren.
  5. Falls Probleme auftreten, überprüfen Sie den Server-Fehlerprotokoll oder entfernen Sie schrittweise Regeln zur Fehlerbehebung.

    Tipps zur Fehlerbehebung

    • 500-Fehler: Eine falsch formatierte Regel kann einen Serverfehler verursachen. Überprüfen Sie Ihre Syntax.
    • Umleitungsschleife: Kann auftreten, wenn mehrere Weiterleitungen miteinander in Konflikt stehen.
    • Caching-Probleme: Änderungen an der .htaccess-Datei sind manchmal nicht sofort sichtbar. Leeren Sie den Browser-Cache oder starten Sie den Apache-Server neu.
    • URL-Aktualisierung: Denken Sie dran die URL unter # Verhindert Hotlinking von Bildern anzupassen.