.htaccess-weiterleitungen mit Code-Beislen

Wichtige .htaccess Weiterleitungen für WordPress (inkl. Code-Beispiele)

Ein Website-Relaunch, ein Domainwechsel oder die Einführung von HTTPS – all das kann schnell zu toten Links und Ranking-Verlusten führen, wenn .htaccess Weiterleitungen nicht korrekt eingerichtet sind. Genau hier kommt die .htaccess-Datei ins Spiel. Sie ist das unscheinbare, aber mächtige Werkzeug, um alte URLs sauber auf neue umzuleiten, Besucher nicht ins Leere laufen zu lassen und gleichzeitig den SEO-Wert deiner Seiten zu erhalten.

In diesem Beitrag zeigen wir dir die acht wichtigsten .htaccess Weiterleitungen für WordPress und andere Apache-Webseiten. Mit klaren Code-Beispielen, typischen Anwendungsszenarien aus der Agenturpraxis und Tipps für saubere SEO-Migrationen. Egal ob HTTP zu HTTPS, Domain A zu Domain B oder 410-Redirects für gelöschte Seiten – hier findest du alle Weiterleitungen, die du wirklich brauchst.

Was sind .htaccess Weiterleitungen?

Die .htaccess-Datei ist eine Konfigurationsdatei auf Apache-Webservern. Sie steuert Weiterleitungen, Sicherheitsregeln und URL-Strukturen. Besonders bei WordPress-Projekten ist sie essenziell, um 301-Redirects sauber umzusetzen – etwa beim Domainwechsel oder SEO-Relaunch.

Tipps zur Verwendung der .htaccess-Datei

  • Die .htaccess liegt im Hauptverzeichnis deiner Website (bei WordPress meist im Root-Ordner).
  • Da sie versteckt ist, musst du die Anzeige versteckter Dateien aktivieren (macOS mit + + .).
  • Ganz oben in der Datei sollte einmalig stehen:
RewriteEngine On 

1. Alle Seiten von Domain A auf Domain B umleiten

RewriteEngine On 
RewriteCond %{HTTP_HOST} alte-domain.de$ [NC] RewriteRule ^(.*)$ https://neue-domain.de/$1 [R=301,L]

Wann anwenden: Bei einem gewünschten Domainwechsel oder Rebranding. Alle Unterseiten der alten Domain werden automatisch und mit der gleichen Pfaden bei Unterseiten an die neue Domain 1-zu-1 weitergeleitet. Vorhandene Rankings und Backlinks bleiben durch das Anlegen einer permanenten Weiterleitung (301) erhalten.

Wichtige .htaccess Weiterleitungen für WordPress (inkl. Code-Beispiele)

2. 301 Redirect von einer Seite auf eine andere

Redirect 301 /alte-seite/ /neue-seite/ 

Wann anwenden: Nach Relaunch oder URL-Optimierung, wenn sich einzelne Pfade ändern (z. B. aus /leistungen/webdesign/ wird /webdesign-agentur/).

Für Zielseiten auf einer anderen Domain:

Redirect 301 /alte-url/ https://neue-domain.de/neue-url/ 

Wann anwenden: Beim Umzug einzelner Inhalte von einer Projekt- oder Microsite auf die Hauptdomain.

3. HTTPS-Weiterleitung erzwingen

<IfModule mod_rewrite.c> 
RewriteEngine On 
RewriteCond %{HTTPS} !=on RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] 
</IfModule> 

Wann anwenden: Nach der Installation eines SSL-Zertifikats, wenn zuvor keines vorhanden war. Erzwingt HTTPS, verhindert Sicherheitswarnungen und „mixed content“.

4. Weiterleitung ohne www auf www

RewriteEngine On 
RewriteCond %{HTTP_HOST} !^www\. [NC] 
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301] 

Wann anwenden: Wenn die Domain grundsätzlich mit www erscheinen soll (z.B. Markenwebsites oder ältere Projekte).

5. Weiterleitung mit www auf ohne www

RewriteEngine On 
RewriteCond %{HTTP_HOST} !^domain\.de$ [NC] 
RewriteRule ^(.*)$ https://domain.de/$1 [R=301,L] 

Wann anwenden: Wenn du die kurze, moderne Variante ohne www führst. Sorgt für konsistente Indexierung und vermeidet Duplikate.

6. Weiterleitung ohne www auf mit www

RewriteEngine On 
RewriteCond %{HTTP_HOST} ^domain\.de$ [NC] 
RewriteRule ^(.*)$ https://www.domain.de/$1 [R=301,L] 

Wann anwenden: Wenn Aufrufe explizit über www laufen sollen, z.B. in Multi-Domain- oder Subdomain-Setups einer Webseite.

7. Subdomain oder Unterseite auf Hauptdomain umleiten

RewriteCond %{HTTP_HOST} ^blog\.domain\.de$ 
RewriteCond %{REQUEST_URI} ^/alte-url\.html$ 
RewriteRule .* https://www.domain.de/neue-url.html [R=301,L] 

Wann anwenden: Beim Zusammenführen von Subdomains oder Microsites in die Hauptseite, um SEO-Signale zu bündeln.

8. 410-Weiterleitung für gelöschte Seiten

Redirect 410 /geloeschte-seite/ 

oder

Redirect Gone /geloeschte-seite/ 

Wann anwenden: Wenn Seiten bewusst entfernt wurden und keinen Ersatz haben. 410 signalisiert dauerhaft entfernt und verhindert Soft-404-Probleme.

Fazit

Mit den richtigen .htaccess Weiterleitungen steuerst du Relaunches, Domainumzüge und HTTPS-Umstellungen professionell. Teste Änderungen vor dem Livegang (z. B. mit Redirect-Checkern) und vermeide Weiterleitungsketten, damit Crawler und Nutzer schnell ans Ziel kommen.

 

 

FAQ: Häufige Fragen zu .htaccess Weiterleitungen

Wann nutze ich Redirect 410 statt 301?

Wenn eine Seite endgültig gelöscht wurde und keinen Ersatz hat. 410 („Gone“) teilt Suchmaschinen eine bewusste Entfernung mit.

Wie teste ich meine Weiterleitungen?

Mit Tools wie httpstatus.io oder Browser-Plugins. Achte auf den korrekten HTTP-Code (301, 302, 410) und die Ziel-URL.

Wo finde ich die .htaccess-Datei in WordPress?

Im Hauptverzeichnis der WordPress-Installation, meist auf derselben Ebene wie die wp-config.php.

Was bedeutet der Statuscode 301?

Ein 301-Redirect über .htaccess Weiterleitungen signalisiert Suchmaschinen, dass eine Seite dauerhaft verschoben wurde. Linkkraft und Rankings werden auf die Ziel-URL übertragen.

Bereit für saubere Weiterleitungen und bessere Rankings?

Ein fehlerfreies Redirect-Konzept ist entscheidend für SEO-Erfolg nach einem Relaunch oder Domainwechsel. Wir prüfen deine .htaccess-Weiterleitungen, finden Weiterleitungsketten und setzen eine klare Struktur um – damit kein Linkjuice verloren geht und Google deine Seiten korrekt indexiert.

column width: Der CSS-Trick füt schöne Textspalten

Mit column-width zu besserer Lesbarkeit: Mehrspaltige Layouts mit CSS

Mehr Lesbarkeit durch CSS: So nutzt du column-width für moderne, mehrspaltige Layouts

Gerade auf größeren Bildschirmen werden Webseiten schnell unübersichtlich, wenn Fließtexte sich über die komplette Breite ziehen. Die Lösung: Spalten. Mit der CSS-Eigenschaft column-width kannst du für dein Webdesign gezielt Inhalte automatisch in mehrere Spalten aufteilen – ganz ohne Grid-Logik oder ergänzende Programmiertechniken wie JavaScript.

Was ist column-width?

column-width ist Teil des CSS Multi-column Layouts. Die Eigenschaft legt fest, wie breit eine Spalte sein soll. Der Browser entscheidet dann selbst, wie viele Spalten nebeneinander Platz finden und befüllt sie entsprechend mit deinen Inhalten.

.content {  column-width: 300px;
}

Du gibst dem Container also vor: „Jede Spalte soll etwa 300 Pixel breit sein.“ Der Browser berechnet die Anzahl der Spalten dynamisch anhand der verfügbaren Breite und teilt den Content entsprechend der Anzahl an Spalten auf, damit diese gleich aussehen.

Optional ergänzt man mit column-gap den Abstand zwischen den Spalten. Das sorgt für eine noch bessere Lesbarkeit.

.content {
  column-width: 300px;
  column-gap: 2rem;
}

Beispiel für einen Spaltentext

<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae...</p>
</div>

Das Ergebnis: Auf großen Bildschirmen erscheinen z. B. drei Spalten nebeneinander. Auf kleinen Bildschirmen wie auf Smartphones oder Tablets reduziert sich die Anzahl automatisch – bis hin zu einer einzigen Spalte. Die anderen Spalten „brechen“ dann einfach um und erscheinen darunter. So werden keine wichtigen Textinhalte abgeschnitten.

Vorteile von column-width auf einen Blick

  • Lesefreundliche Zeilenlängen
  • Automatische Anpassung an Bildschirmgröße
  • Kein komplexes Layout nötig, du schreibst wie gewohnt deine Artikel und Seiteninhalte runter
  • Ideal für Blogs, Artikel und alle redaktionelle Inhalte
  • Kann einmalig als CSS-Regel angelegt werden – so, dass alle neuen und alle bestehenden Seiten entsprechend in Spalten aufgeteilt werden.

Wann ist column-width sinnvoll?

Immer dann, wenn du längere Texte präsentieren möchtest und dabei Wert auf gute Lesbarkeit legst. Besonders bei klassischen Blogbeiträgen oder Magazinseiten spielt column-width seine Stärken im Webdesign aus.

Alternativen zu column-width

Je nach Layout-Ziel gibt es andere CSS-Techniken, die sich alternativ oder ergänzend einsetzen lassen. Du kannst sie gezielt auf nur einer Seite verwenden (wenn du dort den CSS-Code inline eingefügst), oder auch global auf deiner Webseite wenn du die CSS-Angaben und Klasse in deiner zentralen CSS-Datei kopierst.

1. CSS Grid Layout

Ideal für kontrolliertes, manuelles Spaltenlayout – z. B. bei Cards oder Inhaltsboxen.

.grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

2. Flexbox

Flexbox eignet sich für flexible Layout-Elemente, jedoch nicht für Fließtext. Beim Flexbox-Ansatz in der Webseitenerstellung fehlt schlichtweg die automatische Spaltenaufteilung wie bei column-width.

3. Klassischer Ansatz: max-width und Media Queries

Begrenze einfach die maximale Breite des Textcontainers auf deiner Webseite oder Blog, um zu breite Zeilen auf deiner Webseite zu vermeiden.

.article {
  max-width: 700px;
  margin: 0 auto;
}

Diese Methode mit max-width sorgt für Lesbarkeit, ist aber nicht spaltenbasiert und daher relativ hart oder statisch.

Historischer Rückblick: Wie Lesbarkeit im frühen Webdesign gelöst wurde

In den Anfängen des Webs war von column-width keine Rede. Damals dominierte das Tabellenlayout. Texte wurden oft in zentral ausgerichteten Containern mit fixer Breite (z. B. 600px) dargestellt, um auf 800x600px-Monitoren lesbar zu bleiben. Mehrspaltige Layouts mussten mühsam über Tabellenzellen nachgebaut werden – wenig flexibel und kaum wartbar.

Mit dem Aufkommen von CSS2 und später CSS3 entstanden neue Möglichkeiten, unter anderem column-width, das eine elegante und semantisch saubere Lösung für mehrspaltige Texte bietet.

Fazit: column-width – unterschätzt, aber extrem nützlich

Mit der Technik zur automatischen Spaltenerzeugung lässt sich die Lesbarkeit von Textinhalten auf einer Homepage deutlich steigern – insbesondere auf großen Bildschirmen. Wer viele Fließtexte präsentiert, sollte diese CSS-Eigenschaft auf dem Schirm haben. Kombiniert mit column-gap, max-width und responsivem Design ergibt sich ein modernes, benutzerfreundliches Layout – ohne großen Entwicklungsaufwand. Auch Text-Sektionen mit Bildern lassen sich über diesen CSS-Trick bequem und durchweg konsistent ansprechend gestalten.

Unser Tipp bei Webeuphorie:

Teste column-width für deine nächste Content-Seite. Es ist ein einfaches, aber wirkungsvolles Tool, um Webtexte optisch aufzuwerten und deine Besucher länger auf der Seite zu halten.

Mehr davon?

column width: Der CSS-Trick füt schöne Textspalten

Dann folge unserem Blog oder kontaktiere unsere Agentur für Webdesign und Hosting in Knittlingen bei Bretten direkt – wir helfen dir, deine Website nicht nur schöner, sondern auch nutzerfreundlicher zu gestalten. Hilfreiche Informationen und weitere Beispiele findest du zudem auch z.B. bei SelfHTML unter https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/column-width oder bei den Kollegen der W3Schools unter https://www.w3schools.com/cssref/css3_pr_column-width.php.

google bewertungen verschwunden

Google Bewertungen verschwunden? Ursachen und Tipps

In den letzten Tagen mussten etliche Unternehmen feststellten, dass plötzlich ein Teil ihrer Google-Bewertungen verschwunden waren oder die Gesamtanzahl deutlich sank. Für viele Geschäftsinhaber ist das ein echtes Ärgernis – schließlich sind Kundenbewertungen ein wichtiger Vertrauensfaktor im Netz. Doch bevor Panik ausbricht, gibt es Entwarnung: Die meisten dieser Fälle beruhen nicht auf Regelverstößen oder Löschungen durch Google, sondern auf einem technischen Problem.

Was steckt dahinter?

Laut aktuellen Informationen handelt es sich bei den verschwundenen Bewertungen um einen Anzeigefehler im Google Business Profile System. Die Bewertungen selbst sind in der Regel nicht gelöscht, sondern werden lediglich temporär nicht korrekt dargestellt. Das betrifft sowohl die Zahl der Bewertungen als auch deren Sichtbarkeit auf dem Unternehmensprofil.

Aktueller Stand von Google

Victoria Kroll, eine offizielle Google-Vertreterin, äußerte sich im Google Business Profile Forum zu dem Vorfall:

„Wir sind uns des Problems bewusst und arbeiten bereits mit Hochdruck an einer Lösung.“

Mehrere Nutzer berichten, dass einzelne Bewertungen nach einigen Tagen wieder sichtbar waren – ein Hinweis darauf, dass Google bereits an der Behebung arbeitet und erste Ergebnisse erzielt wurden.

Google Bewertungen verschwunden: Weitere Erkenntnisse und Hinweise

  • Nicht nur kleine Unternehmen betroffen: Auch größere Marken und Dienstleister berichten von Bewertungsschwankungen.
  • Regionale Unterschiede möglich: Erste Analysen deuten darauf hin, dass nicht alle Länder gleichermaßen betroffen sind.
  • Keine negativen Auswirkungen auf Rankings bekannt: Laut Expertenmeinung beeinflusst der vorübergehende Verlust der Anzeige nicht das lokale Suchmaschinenranking bei Google Maps oder in der Suche.

Was betroffene Unternehmen tun können

Aktuell rät es sich, keine eigenen Maßnahmen zur „Rettung“ der Bewertungen zu unternehmen, sondern abzuwarten. Das Problem liegt auf Googles Seite. Es kann helfen, regelmäßig das Profil zu überprüfen und ggf. ein Update im Google Support-Forum zu verfolgen.

Fazit:
Auch wenn der Verlust von Google-Bewertungen zunächst besorgniserregend wirkt – aktuell gibt es keinen Anlass zur Sorge. Es handelt sich um einen technischen Fehler, an dessen Behebung die beliebte Suchmaschine bereits aktiv arbeitet. Geduld ist in diesem Fall der beste Ratgeber.