So überprüfen Sie den Zustand Ihrer Website nach dem Redesign

Der Redesign-Prozess ist komplex und erfordert die Arbeit vieler Menschen und viel Zeit. Designer möchten die Website schön gestalten, Entwickler möchten sie schnell programmieren und SEOs möchten, dass sie optimiert wird – diese drei Absichten ergänzen sich nicht immer.

Die Neugestaltung kann auf zahlreiche Arten erfolgen: mit CMS, benutzerdefiniertem Code, Frameworks, Seitenerstellern usw. Aber nicht alle Möglichkeiten sind SEO-freundlich, daher wird empfohlen, die Neugestaltung mit Best Practices für SEO zu implementieren. In diesem Artikel erfahren Sie, wie Sie eine SEO-Website-Neugestaltung durchführen und wie Sie den Zustand der Website nach Abschluss überprüfen.

Welche SEO-Probleme nach einer Website-Neugestaltung auftreten können

Wenn sich die Website-Entwicklung nicht an Best Practices orientiert, können viele Probleme auch in Bezug auf SEO auftreten. Indexierungsprobleme, defekte Seiten, Website-Geschwindigkeit, schlechte Medienoptimierung, Reaktionsprobleme und mehr. All diese Probleme werden sich sicherlich auf die Rankings auswirken und zu einem Rückgang des organischen Traffics führen.

Überprüfen Sie die Website vor der Neugestaltung

Eine großartige Sache, die Sie tun können, bevor Sie Ihr neues Design veröffentlichen, ist eine Website-Gesundheitsprüfung durchzuführen, damit Sie später etwas zum Vergleichen haben. Crawlen und speichern Sie zunächst eine Liste aller Seiten, um zu überprüfen, ob sie auf einer neuen Website präsentiert werden. Neben den URLs müssen Sie die damit verbundenen wichtigen Daten speichern: Meta-Tags, Inhalt usw., um sicherzustellen, dass auf der aktualisierten Website nichts Wichtiges verloren gegangen ist. Die manuelle Erfassung kann schwierig sein, insbesondere bei großen Websites, aber es gibt einen einfacheren Weg – die Verwendung einer automatischen Software zur Überprüfung des Website-Zustands. Zum Beispiel prüft und speichert das Website-Audit-Tool von SE Ranking Statistiken auf jeder Seite Ihrer Website, sodass Sie den aktuellen Zustand und den Änderungsverlauf sehen können – Sie können die gesamte Website oder jede Seite mit ihrem vorherigen Crawl vergleichen, was genau das Richtige ist wir brauchen. Wir verwenden dieses Tool, um den Prozess zu demonstrieren, da es eine Website mit über 120 Kriterien gleichzeitig überprüft, sodass Sie alle erforderlichen Daten an einem Ort haben.

So überprüfen Sie den Zustand der Website und erkennen Probleme nach dem Redesign

Der beste Weg, den Zustand der Website nach der Veröffentlichung einer neuen Website-Version zu überprüfen, besteht darin, sie mit der alten Version zu vergleichen. Dazu müssen Sie mit dem SE Ranking Website Audit zwei Crawls durchführen: einen vor Änderungen und einen danach. Mit diesen beiden Crawls können Sie sicherstellen, dass wichtige Dinge noch verfügbar sind und alte Probleme behoben wurden. Untersuchen wir es im Detail.

Grundlegende Probleme im Zusammenhang mit der Crawlbarkeit und Indexierbarkeit

Nach dem Redesign ist eines der ersten Dinge zu prüfen, ob alle Seiten zugänglich sind und auf einer neuen Version neu indiziert werden können. Die Hauptprobleme, die sich auf das Crawlen und Indizieren von Seiten auswirken, sind:

• Nicht-200-Antwortcode (1)
  Wenn es auf einer Website keine solche URL gibt, lautet der Antwortcode 4xx; wenn die Seite umgeleitet wurde, ist der Antwortcode 3xx; Wenn ein serverseitiger Fehler auftritt, lautet der Antwortcode 5xx. In jedem dieser Fälle kann eine Seite nicht geladen und den Benutzern angezeigt werden, sodass sie nicht gecrawlt oder dem Google-Index hinzugefügt werden kann – stellen Sie sicher, dass alle wichtigen Seiten den Antwortcode 200 haben.
• Seite ist in robots.txt blockiert (2)
• Die Seite enthält das „noindex“-Meta-Robots-Tag (3)
• Canonical URL verweist auf eine andere Seite (4)

Um all diese Probleme gleichzeitig zu validieren, gehen Sie zu Website-Audit → Gecrawlte Seiten und wählen Sie die entsprechenden Spalten aus, um Crawlability- und Indexability-Probleme auf einem Bildschirm anzuzeigen.

URL-Struktur

Beim Redesign geht es nicht immer nur um das Frontend. Manchmal betrifft es auch die Backend- und/oder Serverkonfiguration. Wenn Sie zu einem anderen CMS wechseln oder sich Änderungen auf die URL-Struktur auswirken, müssen Sie sicherstellen, dass die neuen URLs mit den alten identisch sind, oder Weiterleitungen entsprechend konfigurieren. Wenn Sie dies nicht tun, haben die alten URLs 404-Antwortcodes und die neuen Seiten erben kein Vertrauen von den alten Seiten, da sie als brandneue Seiten behandelt werden.

Außerdem können unabhängig vom Seitenpfad mehrere Probleme auftreten:

• Schrägstrich am Ende
  „…/beispiel-url“ ist nicht dasselbe wie „…/beispiel-url/“. Wenn die kanonische URL keinen Schrägstrich am Ende hat, führt der Besuch der URL, die mit dem Schrägstrich endet, zu einem 404-Antwortcode, der für SEO nicht gut ist. Sie müssen sicherstellen, dass alle Ihre neuen URLs genauso enden wie die alten oder die Canonicals und Weiterleitungen entsprechend konfigurieren.
• HTTP(S)
  Wie beim vorherigen Problem wirkt sich das Aktivieren/Deaktivieren von SSL-Verbindungen auch auf die URL-Struktur aus und kann bei falscher Konfiguration schwerwiegende Probleme verursachen.
• www
  „www.example.com“ ist nicht gleich „example.com“. Dieses Präfix wurde in den Anfängen des World Wide Web häufig verwendet, um anzuzeigen, dass auf eine Webressource öffentlich zugegriffen werden sollte.
  Technisch gesehen ist „www.“ ist eine Subdomain, und Google behandelt die Subdomain als eine andere Domain und nicht als einen Ordner. Wenn Sie versuchen, auf eine Domain oder Subdomain zuzugreifen, die nicht richtig konfiguriert ist, erhalten Sie den Fehler und suchen auch nach Bots. Um solche Probleme zu vermeiden, stellen Sie sicher, dass Sie entweder Weiterleitungen einrichten oder rel=canonical-Tags hinzufügen, die auf die bevorzugte Version Ihrer Website verweisen.

Meta-Tags

Wenn Sie eine neue Version einer Website veröffentlichen, müssen Sie sicherstellen, dass alle optimierten Meta-Tags alter Seiten vorhanden sind. Andernfalls können fehlende oder falsche Titel und Beschreibungen zu erheblichen Einbußen bei Rankings und Traffic führen. Um den Zustand einer Website zu überprüfen und sicherzustellen, dass Sie keine Seiten mit fehlenden oder falschen Meta-Tags haben, gehen Sie zu den Abschnitten Titel und Beschreibung im Problembericht des Website-Audits.

Um sicherzustellen, dass Metatitel und Beschreibungen dieselben wie vor der Neugestaltung sind, verwenden Sie den Bericht „Crawled Pages“ und aktivieren Sie die entsprechenden Spalten. Vergleichen Sie sie dann mit dem, was vor der Neugestaltung war.

Inhalt

Wenn mehrere Seiten den gleichen Inhalt haben, hat Google Schwierigkeiten herauszufinden, welche Seite im SERP angezeigt werden soll, was zu einem Rankingabfall für alle duplizierten Seiten führt.

Es kann schwierig sein, Inhalte zu vergleichen, besonders wenn Sie eine große Website haben. Die gute Nachricht ist, dass es möglich ist, solche Probleme automatisch zu erkennen.

Doppelte Seiten

Doppelte Seiten sind Seiten mit identischem Inhalt. Sie können manchmal schwer zu finden sein, weil sie unterschiedliche URLs haben können, aber es gibt einen Parameter, der Ihnen helfen kann, sie zu identifizieren. Durch Aktivieren der Spalte „Inhalts-Hash“ wird der eindeutige Hash des Inhalts der Seite angezeigt – ein kryptografisches Äquivalent des Inhalts. Wenn der Hash für zwei Seiten gleich ist, bedeutet dies, dass sie zu 100 % identisch sind – sehen Sie sich diese Vorkommen an und hinterlassen Sie nur eine Kopie einer Seite.

Meta-Tags

Ein weiteres Duplizierungsszenario sind identische Meta-Tags. Der Titel und die Meta-Beschreibung haben einen erheblichen Einfluss, wenn eine Suchmaschine die Relevanz einer Seite bewertet. Verwechseln Sie Google nicht mit Seiten mit identischen Meta-Tags, da keine von ihnen hoch gerankt wird.

Um diese Seiten zu finden, aktivieren Sie die Spalten „Doppelter Titel“ und „Doppelte Beschreibung“ im Bericht „Crawled Pages“ des Website-Audit-Tools oder gehen Sie zum entsprechenden Abschnitt im Problembericht.

Überschriften H1

Ähnlich wie bei Meta-Tags hat die Überschrift einer Seite Vorrang vor anderen (Unter-)Überschriften, wenn eine Suchmaschine bestimmt, worum es auf der Seite geht. Sie müssen sicherstellen, dass keine Ihrer Seiten identische H1s enthält, damit sie sich nicht gegenseitig plagiieren. Aktivieren Sie wie beim Meta-Tags-Check die Spalte „Duplicate H1“ im Bericht.

Core Web Vitals

Wenn Sie ein neues Design implementieren, sollten Sie sicher sein, dass es die Benutzererfahrung verbessert; andernfalls hat es keinen Sinn, es zu tun. Glücklicherweise hat Google Core Web Vitals entwickelt – eine Reihe von Metriken, die Entwicklern helfen, ihre UX zu bewerten.

Mit SE Ranking müssen Sie nicht jede Seite in Web.dev oder Chrome Lighthouse überprüfen, da das Website-Audit alle Seiten auf alle erforderlichen Seitenerfahrungsmetriken überprüft. Lassen Sie uns sie durchsehen.

Das allererste, was Sie tun müssen, ist, die Core Web Vitals zu überprüfen: LCP, FID und CLS. Dies sind drei Parameter, die widerspiegeln, wie gut Ihre Website UX-technisch abschneidet:

1. Largest Contentful Paint gibt an, wie schnell das erste Ansichtsfenster im Browser des Benutzers gedruckt wird. Diese Metrik ist eng mit der Ladegeschwindigkeit der Website verbunden, die wir in Sekunden besprechen werden.
2. Die erste Eingabeverzögerung misst, wie schnell Benutzer mit der Seite interagieren können (z. B. auf Links oder Schaltflächen klicken). Dieser Parameter hängt auch mit der Seitengeschwindigkeit zusammen.
3. Cumulative Layout Shift sagt aus, wie stabil Ihre Inhalte während des Ladens sind – es ist sehr ärgerlich, wenn Inhaltselemente ihre Größe und Position während des Ladens der Seite ändern.

Diese Informationen finden Sie im Übersichts-Dashboard oder im Abschnitt Problembericht -> Leistung. Das Tolle ist, dass dieser Bericht auf Daten von echten Benutzern und Tests in Laborumgebungen basiert. Dies ist ein Ausgangspunkt für weitere Optimierungen.

Website-Geschwindigkeit

2 von 3 Core Web Vitals hängen mit der Ladezeit zusammen. Darüber hinaus zeigen Statistiken, dass ein Drittel der Benutzer nicht länger als 3 Sekunden warten, bis eine Seite geladen ist. Daher kann man mit Fug und Recht sagen, dass die Website-Geschwindigkeit ein zentraler Parameter für die Benutzererfahrung ist. Sehen wir uns an, wie SE Ranking Ihnen helfen kann, Probleme mit der Ladezeit zu erkennen und zu lösen.

HTML

Da alle Webseiten in HTML geschrieben sind, ist dies das erste, was Sie nach dem Redesign validieren müssen. Die Probleme sind ziemlich einfach, aber sie sind grundlegend für weitere Optimierungen. In dieser Hinsicht müssen Sie sicherstellen, dass die HTML-Größe nicht zu groß ist, um eine große DOM-Größe auszuschließen, da es schwierig zu rendern sein kann, was sich auf die Gesamtladezeit auswirkt. Stellen Sie außerdem sicher, dass Ihr HTML komprimiert und zwischengespeichert ist, um die Dokumentgröße und die Backend-Verarbeitungszeit zu minimieren.

JS und CSS

Das moderne Web ist mit JavaScript und CSS verwoben. Diese Technologien helfen dabei, schöne Websites mit agiler Funktionalität zu erstellen. Manchmal können diese Funktionen jedoch die Leistung der Website beeinträchtigen, daher ist es wichtig zu prüfen, ob die Ressourcen optimiert sind, wenn ein neues Design bereitgestellt wird.

Optimierungstechniken für JS- und CSS-Dateien sind ähnlich:

1. Minimierung
   Schließen Sie alle Kommentare, Zeilenumbrüche, zusätzliche Leerzeichen usw. aus – lassen Sie nur wichtige Zeichen.
2. Kombinieren
   Versuchen Sie, so wenige Dateien wie möglich bereitzustellen (idealerweise ein JS und ein CSS pro Seite). Jede Dateianfrage braucht Zeit, bis der Server antwortet und der Browser sie herunterlädt – eine einzelne Datei ist ein viel bequemerer Weg, dies zu tun.
3. Caching
   Das Aktivieren von serverseitigem Caching bedeutet, dass Ihre Dateien nicht jedes Mal neu generiert werden, wenn ein Benutzer die Seite anfordert. Stattdessen werden gespeicherte Kopien davon bereitgestellt. Dies nimmt viel unnötige Last von den Servern und verbessert die Ladezeit.

Hier sind einige allgemeine Empfehlungen:

• Vermeiden Sie die Verwendung von Frameworks und Designs
  JS-Frameworks und vorgefertigtes CSS können Ihnen etwas Zeit sparen, aber oft werden sie nicht mit Blick auf die Geschwindigkeitsoptimierung erstellt. Sie haben viele Funktionen, die Sie nicht benötigen, und all diese zusätzlichen Funktionen können zu schwer zu laden sein.
• Seien Sie vorsichtig beim Zusammenführen von JS-Dateien
  Wenn in der JS-Datei ein einzelner Fehler auftritt, funktionieren möglicherweise alle anderen Funktionen in der Datei nicht. Wenn Sie also eine einzelne JS-Datei haben, ist es möglich, dass alle Funktionen nicht mehr funktionieren. Es kann eine kluge Entscheidung sein, separate Dateien für Kernfunktionalität und Front-End-Schönheit zu erstellen.

Bilder

In Bezug auf SEO ist auch die Bildoptimierung unerlässlich:

1. Bilder sollten einen Alt-Text haben, damit Suchmaschinen und Personen, die Screenreader verwenden, verstehen können, worum es in dem Bild geht – stellen Sie sicher, dass alle Bilder nach der Neugestaltung einen aussagekräftigen Alt-Text haben.
2. Bildgröße
   Die bewährte Methode besteht darin, das Bild in einer Auflösung bereitzustellen, die der des übergeordneten Containers entspricht. Aufgrund des responsiven Designs, bei dem Container ihre Größe ändern können, ist es jedoch fast unmöglich, Bildkopien zu erstellen, die in alle möglichen Container passen. Sie können mehrere Bildvariationen (dh Originalgröße, 300 Pixel Breite, 100 Pixel Breite) erstellen, um sie an verschiedenen Stellen auf der Website zu verwenden. Beispielsweise sollte das vorgestellte Bild auf dem Artikel in Originalgröße sein, während es besser ist, ein kleineres Bild mit einer Breite von 300 Pixel oder weniger für das Miniaturbild auf der Archivseite zu verwenden.
3. Bildkompression
   Die Komprimierung eines Bildes ist der Vorgang, bei dem die Anzahl der in einem Bild verwendeten eindeutigen Farben reduziert wird. Eine moderate Komprimierung ist für das menschliche Auge kaum sichtbar, kann aber bis zu 30 % der Dateigröße einsparen – das ist eine Menge, besonders wenn man bedenkt, dass Bilder im Vergleich zu anderen Seitenressourcen eine große Dateigröße haben.

Sich anpassendes Design

Es ist zwingend erforderlich, auf Probleme bei der Optimierung für Mobilgeräte zu prüfen, da der Großteil des Datenverkehrs von Mobilgeräten stammt und Google auf die Mobile-First-Indexierung umgestellt hat. SE Ranking hat dies ebenfalls abgedeckt.

Indem Sie im Problembericht zur Kategorie „Optimierung für Mobilgeräte“ navigieren, können Sie überprüfen, ob Ihre Website den grundlegenden Prinzipien des responsiven Designs entspricht.

Einpacken

Redesign ist ein komplizierter Prozess, insbesondere wenn man bedenkt, dass eine neu gestaltete Website SEO-optimiert werden muss. Der beste Weg, dies zu erreichen, besteht darin, SEO und Leistungspraktiken im Auge zu behalten.

Sobald Sie Ihre Änderungen veröffentlicht haben, müssen Sie überprüfen, ob alles in Ordnung ist – hier kommen Tools zur Überprüfung des Website-Zustands ins Spiel. Um sicherzugehen, dass Ihre neue Website besser ist oder SEO- und leistungstechnisch nichts kaputt gegangen ist, müssen Sie sie mit der vorherigen Version vergleichen. SE Ranking macht genau das, was Sie brauchen: Crawlt, prüft und speichert Website-Audit-Daten, damit Sie Ihre Ergebnisse einfach nach Datum überwachen und vergleichen können. Die Verwendung solcher Audits ermöglicht es Ihnen, den Zustand der Website nach der Neugestaltung zu vergleichen und zu verbessern.