Defekte Head Links finden und beheben

Head Links verbinden Ihre Seite mit externen Ressourcen wie Stylesheets, Skripten oder Canonical-URLs. Wenn diese Links defekt sind, entstehen technische Probleme, die Ihre Performance und Ihr Ranking beeinträchtigen.

Diese Anleitung zeigt Ihnen, wie Sie defekte Head Links systematisch identifizieren und dauerhaft beheben.

Was sind defekte Head Links?

Defekte Head Links sind Verweise im <head>-Bereich Ihrer HTML-Seiten, die auf nicht erreichbare oder fehlerhafte Ressourcen zeigen. Diese Links können CSS-Dateien, JavaScript-Bibliotheken, Canonical-Tags, Hreflang-Attribute oder Preload-Anweisungen betreffen.

Typische Ursachen für defekte Head Links:

Gelöschte oder verschobene Dateien auf dem Server
Umbenannte Ressourcen ohne Anpassung der Verlinkung
Fehlerhafte Domain- oder Protokollwechsel (HTTP zu HTTPS)
Abgelaufene oder nicht mehr verfügbare externe CDN-Ressourcen
Tippfehler in Dateipfaden oder URLs

Warum defekte Head Links ein Problem sind

Defekte Head Links beeinträchtigen mehrere kritische Bereiche Ihrer Website:

Technische Performance

Wenn der Browser versucht, nicht erreichbare Ressourcen zu laden, entstehen unnötige Verzögerungen. Jede fehlgeschlagene Anfrage kostet Zeit und verschlechtert Ihre Ladegeschwindigkeit – ein direkter Ranking-Faktor.

Crawling-Budget

Suchmaschinen-Bots verschwenden Ressourcen beim Versuch, defekte Links zu crawlen. Das reduziert die Effizienz, mit der Google Ihre wirklich wichtigen Seiten erfasst.

User Experience

Fehlende Stylesheets führen zu unbenutzbar dargestellten Seiten. Defekte JavaScript-Dateien brechen Funktionen ab. Beides erhöht die Absprungrate und schadet Ihrer Conversion.

Indexierung und Duplicate Content

Defekte Canonical-Tags oder Hreflang-Attribute können dazu führen, dass Google falsche Versionen Ihrer Seiten indexiert oder mehrsprachige Varianten nicht korrekt zuordnet.

Welche HTTP-Statuscodes auf Probleme hinweisen

Nicht jeder Statuscode ist gleich problematisch. Hier die wichtigsten Codes und ihre Bedeutung:

StatuscodeBedeutungHandlungsbedarf404Ressource nicht gefundenHoch – Link sofort ersetzen oder Datei wiederherstellen410Ressource dauerhaft entferntHoch – Link umgehend entfernen oder ersetzen500Interner ServerfehlerMittel – Serverseite prüfen, temporär möglich503Service nicht verfügbarNiedrig – Oft temporär, dennoch beobachten301Permanente WeiterleitungMittel – Link direkt auf Ziel-URL aktualisieren302Temporäre WeiterleitungMittel – Link auf finales Ziel ändern, wenn dauerhaft

Defekte Head Links identifizieren

Es gibt mehrere Methoden, um defekte Links im <head>-Bereich aufzuspüren:

Screaming Frog SEO Spider

Das Tool crawlt Ihre gesamte Website und listet alle Head-Ressourcen mit ihren Statuscodes auf.

So gehen Sie vor:

Starten Sie einen vollständigen Crawl Ihrer Domain
Navigieren Sie zum Tab „Response Codes”
Filtern Sie nach Client Error (4xx) und Server Error (5xx)
Exportieren Sie die Liste der betroffenen URLs
Prüfen Sie die einzelnen Head-Elemente im Tab „URL Details” unter „Head”

Google Search Console

Die Search Console zeigt einige Head-Link-Probleme unter „Indexierung” und „Abdeckung” an. Besonders Canonical- und Hreflang-Fehler werden hier gemeldet.

Browser Developer Tools

Öffnen Sie die Entwicklertools Ihres Browsers (F12), wechseln Sie zum Tab „Network” und laden Sie die Seite neu. Ressourcen mit Fehlercode werden rot markiert.

Online Link Checker

Tools wie der W3C Link Checker oder spezielle Head-Link-Prüfer scannen einzelne Seiten auf defekte Verweise.

Defekte Head Links beheben – Schritt für Schritt

Sobald Sie defekte Links identifiziert haben, folgen Sie diesem strukturierten Prozess:

Schritt 1: Fehlerquelle analysieren

Prüfen Sie, ob die Ressource tatsächlich fehlt oder nur falsch verlinkt ist. Rufen Sie die URL direkt im Browser auf und prüfen Sie den Statuscode.

Schritt 2: Entscheidung treffen

Sie haben drei Optionen:

Ressource wiederherstellen: Laden Sie die fehlende Datei erneut auf den Server hoch
Link korrigieren: Passen Sie den Pfad oder die URL im HTML-Code an
Ressource ersetzen: Verwenden Sie eine alternative Quelle oder entfernen Sie den Link komplett

Schritt 3: HTML-Code anpassen

Öffnen Sie die betroffene HTML-Datei oder das Template Ihres CMS. Suchen Sie nach dem defekten Link im <head>-Bereich und korrigieren Sie ihn.

Beispiel für ein defektes Stylesheet:

<link rel="stylesheet" href="https://example.com/css/old-style.css">

Korrigiert:

<link rel="stylesheet" href="https://example.com/css/current-style.css">

Schritt 4: Weiterleitungen optimieren

Wenn eine Ressource per 301 oder 302 weitergeleitet wird, aktualisieren Sie den Link direkt auf das finale Ziel. Jede Weiterleitung kostet Ladezeit.

Vorher:

<link rel="canonical" href="https://example.com/old-page">

Nachher (wenn /old-page auf /new-page weiterleitet):

<link rel="canonical" href="https://example.com/new-page">

Schritt 5: Änderungen testen

Laden Sie die Seite neu und überprüfen Sie mit den Developer Tools, ob alle Head-Ressourcen korrekt geladen werden. Achten Sie auf grüne Statuscodes (200) ohne Weiterleitungen.

Schritt 6: Crawl wiederholen

Führen Sie nach der Behebung einen erneuten Crawl mit Screaming Frog durch, um sicherzustellen, dass keine defekten Links mehr existieren.

Häufige Fehlerquellen bei Head Links

Canonical-Tags auf nicht existierende Seiten

Canonical-URLs müssen immer auf erreichbare, indexierbare Seiten zeigen. Prüfen Sie, ob die verlinkten Canonicals den Statuscode 200 zurückgeben.

Hreflang-Attribute mit defekten Sprachversionen

Wenn Sie mehrsprachige Varianten verlinken, stellen Sie sicher, dass alle hreflang-URLs aktiv und korrekt sind. Eine defekte Sprachversion kann die gesamte Hreflang-Struktur ungültig machen.

Externe CDN-Ressourcen

JavaScript-Bibliotheken oder Fonts von externen CDNs können offline gehen oder URLs ändern. Setzen Sie auf selbst gehostete Versionen oder verwenden Sie verlässliche CDNs mit Fallback-Optionen.

HTTP vs. HTTPS

Nach einem Protokollwechsel bleiben oft alte HTTP-Links im Code. Stellen Sie sicher, dass alle Head-Ressourcen das korrekte Protokoll verwenden.

Prävention: Defekte Head Links vermeiden

Relative Pfade verwenden: Nutzen Sie relative URLs für interne Ressourcen, um Probleme bei Domain- oder Protokollwechseln zu vermeiden
Regelmäßige Crawls: Planen Sie monatliche oder quartalsweise Crawls ein, um Fehler frühzeitig zu erkennen
Monitoring einrichten: Tools wie Uptime Robot oder Pingdom können Sie bei Ausfällen kritischer Ressourcen benachrichtigen
Versionierung dokumentieren: Halten Sie fest, welche CSS- oder JS-Versionen aktuell im Einsatz sind
Template-Pflege: Prüfen Sie Theme-Updates auf Änderungen an Head-Strukturen

Zusammenfassung

Defekte Head Links sind technische Fehler, die Performance, Crawling und Indexierung negativ beeinflussen. Die wichtigsten Schritte zur Behebung:

Identifizieren Sie defekte Links mit Screaming Frog, Search Console oder Browser-Tools
Fokussieren Sie sich auf Statuscodes 404, 410, 500 und 503
Beheben Sie Fehler durch Wiederherstellung, Korrektur oder Ersetzung der Ressourcen
Ersetzen Sie weitergeleitete Links (301/302) durch direkte Verweise auf das Ziel
Testen Sie Änderungen und führen Sie Kontroll-Crawls durch
Etablieren Sie regelmäßige Überprüfungen als Präventivmaßnahme

Mit einem systematischen Vorgehen beseitigen Sie defekte Head Links dauerhaft und sichern die technische Qualität Ihrer Website.

Defekte Head Links beheben