Google Search Console meldet in Next.js-Websites häufig Soft-404-Fehler, was das Crawl-Budget verschwenden kann.

Was ein Soft-404 eigentlich ist

Eine echte 404-Antwort sendet einen HTTP-404-Statuscode, der Browsern und Bots mitteilt, dass die angeforderte Ressource nicht existiert. Ein Soft-404 hingegen gibt einen 200-OK-Status zurück, liefert dabei aber kaum oder gar keinen Inhalt. Suchmaschinen interpretieren das 200 als eine funktionierende Seite, obwohl die Seite keinen Mehrwert bietet. Das Ergebnis sind verschwendete Crawl-Zyklen und ein Signal an Google, dass die Inhaltsqualität der Website gering ist.

Warum Next.js in diese Falle tappt

Das dynamische Routing von Next.js ermöglicht es Ihnen, Seiten wie /products/[slug] bereitzustellen, ohne jede URL hart codieren zu müssen. Wenn ein Produkt aus der Datenbank verschwindet, wird die Komponente dennoch gerendert. Wenn der Code nicht auf fehlende Daten prüft, antwortet Next.js standardmäßig mit 200 OK. Dasselbe passiert, wenn ein Benutzer eine URL falsch eingibt oder wenn alte Routen nach einem Redesign bestehen bleiben. Die Seite lädt, bietet aber keinen sinnvollen Inhalt, was den Soft-404-Flag in der Search Console auslöst.

Die Risiken für Website-Betreiber

  • Verschwendung des Crawl-Budgets – Bots weisen jeder Website eine begrenzte Anzahl von Anfragen zu. Soft-404s verbrauchen dieses Kontingent, wodurch weniger Chancen für die Indexierung echter Seiten bleiben.
  • SEO-Abzug – Wiederholte Soft-404s signalisieren Suchmaschinen, dass die Website eine geringe Qualität hat.
  • Einbußen bei der User Experience – Besucher, die auf einer leeren Seite landen, springen sofort ab, was die Absprungrate erhöht und die Conversions beeinträchtigt.

So machen Sie aus einem Soft-404 einen richtigen 404

1. Verwenden Sie den integrierten notFound-Helper

  • App Router – Importieren Sie notFound aus next/navigation. Rufen Sie nach dem Abrufen der Daten notFound() auf, falls das Ergebnis fehlt. Next.js sendet dann einen echten 404-Status.
  • Pages Router – Geben Sie { notFound: true } aus getStaticProps oder getServerSideProps zurück, wenn das Abrufen der Daten fehlschlägt. Dies bewirkt dasselbe für die ältere Routing-API.

2. Implementieren Sie eine benutzerdefinierte 404-Seite

Die Standard-Fehlerseite lässt die Nutzer im Stich. Erstellen Sie app/not-found.js (App Router) oder pages/404.js (Pages Router) mit Navigationslinks, einem Suchfeld oder Vorschlägen für verwandte Inhalte. Eine gut gestaltete 404-Seite hält Besucher auf der Website, anstatt sie direkt zum Ausgang zu schicken.

3. Bereinigen Sie verwaiste Routen

Löschen Sie statische Seiten, die keinen Zweck mehr erfüllen. Wenn eine Datei bestehen bleibt, ihr Inhalt aber leer ist, fügen Sie eine notFound-Antwort hinzu oder entfernen Sie die Datei vollständig. Regelmäßige Audits der Verzeichnisse pages oder app verhindern, dass tote URLs „durchsickern“.

4. Richten Sie permanente (301) Weiterleitungen für verschobene Inhalte ein

Wenn sich die URL einer Seite ändert, teilt eine 301-Weiterleitung Browsern und Bots mit, dass die Ressource dauerhaft verschoben wurde. Fügen Sie Weiterleitungen in der next.config.js unter dem Key redirects hinzu. Dies verhindert, dass die alte URL einen 200-Status ohne Inhalt zurückgibt.

5. Überwachen und reagieren Sie auf Search Console-Warnungen

Überprüfen Sie die Google Search Console regelmäßig, um Soft-404s zu entdecken. Nutzen Sie einen automatisierten Crawler, um neue Fehler aufzuspüren, bevor sie sich anhäufen. Betrachten Sie jede Warnung als Anlass, die zugrunde liegende Logik zum Abrufen der Daten zu überprüfen.

Fazit

Eine Seite, die 200 OK zurückgibt, aber keinen Inhalt liefert, entzieht der Website schleichend den SEO-Wert. In Next.js führen dynamische Routen und ungeprüfte Datenabrufe häufig zu Soft-404-Fehlern, aber Sie können diese eliminieren. Verwenden Sie notFound, erstellen Sie eine hilfreiche benutzerdefinierte 404-Seite, bereinigen Sie verwaiste Routen, konfigurieren Sie 301-Weiterleitungen und bleiben Sie in der Search Console wachsam, um das Crawl-Budget zu schützen, Rankings zu erhalten und Besucher auf der Website zu halten.