So finden und reparieren Sie ein defektes Bild in WordPress

Wahrscheinlich haben Sie auf Ihrer Website ein Bildsymbol gesehen, das wie ein zerrissenes Bild aussieht. Das ist ein kaputtes Bild und es kann sich negativ auf Ihre Website auswirken, wenn Sie es nicht ersetzen .

Bilder sind für die meisten Websites wichtig. Sie machen unter anderem Ihre Seite ansprechender, vermitteln wichtige Informationen und verbessern Ihr Suchmaschinenranking.

Daher ist es wichtig, defekte Bilder auf Ihrer Website zu finden und zu reparieren, sobald Sie sie bemerken. In diesem Leitfaden erklären wir, was ein kaputtes Bild ist, und zeigen Ihnen, wie Sie es auf Ihrer WordPress-Seite reparieren können.

Inhalt:

• Was ist ein kaputtes Bild?
• Defekte Bilder auf Ihrer Website erkennen
• So beheben Sie das Problem mit defekten Bildern
  • Falscher Dateipfad
  • Überprüfen Sie die Dateinamen
  • Falsche Dateierweiterungen
  • Verwenden Sie einen relativen Pfad
  • Stellen Sie sicher, dass das Bild vorhanden ist
  • Übertragungsprobleme
• Fazit

Was ist ein kaputtes Bild?

Einfach ausgedrückt ist ein defektes Bild ein Bild, dessen Quelllink nicht verfügbar oder beschädigt ist . Wenn ein Benutzer zu einem Abschnitt mit einem defekten Bild auf Ihrer Website scrollt, sieht er das Symbol für defekte Bilder. Dies kann an einer falsch geschriebenen URL, einem falschen Dateipfad oder an einer Website liegen, die nicht mehr existiert.

Dies ist ein kritisches Problem, da es die Benutzererfahrung negativ beeinflusst. Wenn Benutzer auf Ihrer Website auf fehlende Bilder stoßen, neigen sie dazu, Ihre Website für einen Konkurrenten zu verlassen.

Infolgedessen steigen die Absprungraten auf Ihrer Website. Um dies zu verhindern, scannen Sie Ihre Website also immer nach beschädigten Bildern und reparieren Sie diese. Sehen wir uns im nächsten Abschnitt an, wie das geht.

Defekte Bilder auf Ihrer Website erkennen

Der einfachste Weg, defekte Bilder auf Ihrer WordPress-Website zu erkennen, ist die Verwendung eines Plugins. Eines dieser Plugins ist der Broken Link Checker. Mit diesem Plugin können Sie die internen und externen Links Ihrer Website auf defekte Links und Bilder scannen.

Nach der Installation und Aktivierung des Plugins können Sie über Einstellungen >> Link Checker auf die Einstellungsseite des Plugins zugreifen.

Das Broken Link Checker Plugin scannt Ihre Website auf defekte Links. Wenn es Probleme gibt, werden Sie hier angezeigt oder per E-Mail benachrichtigt.

Das Plugin bietet Ihnen auch die Möglichkeit, Suchmaschinen daran zu hindern, den defekten Links zu folgen . Sie können diese Option aktivieren, damit das defekte Bild Ihre SEO-Rankings nicht beeinflusst.

Kaputte Bilder reparieren

Es gibt mehrere Szenarien, die zu fehlenden Bildern auf Ihrer WordPress-Website führen können. In diesem Abschnitt besprechen wir die Gründe und wie man sie behebt.

Falscher Dateipfad

Beim Hinzufügen von Bildern zu Ihrer Website erstellt WordPress einen Dateipfad, der den Speicherort der Bilder angibt. Webbrowser verwenden den Pfad im Attribut image src, um das Bild zu finden. Wenn der Pfad zum Bild falsch ist, wird das Bild nicht geladen und nicht angezeigt.

Um dies zu beheben, suchen Sie einfach den Beitrag oder die Seite mit dem defekten Bildsymbol und ersetzen Sie es durch ein neues Bild. Melden Sie sich dazu in Ihrem Dashboard an und navigieren Sie zu Ihrer WordPress-Beitragsseite. Bewegen Sie dann den Mauszeiger über den Beitrag mit dem defekten Bild und wählen Sie Bearbeiten aus.

Scrollen Sie im Post-Editor zu dem Abschnitt mit dem defekten Bild, klicken Sie darauf und wählen Sie Ersetzen aus. Sie können ein Bild aus Ihrer Medienbibliothek auswählen oder ein neues Bild hochladen.

Nachdem Sie das defekte Bild ersetzt haben, klicken Sie auf Aktualisieren , um Ihre Änderungen zu speichern.

Wenn Sie den klassischen Editor verwenden, klicken Sie auf das Bild und wählen Sie dann das Stiftsymbol aus, um das defekte Bild zu bearbeiten.

Klicken Sie hier auf die Schaltfläche Ersetzen und wählen Sie dann ein Bild aus Ihrer Medienbibliothek aus. Klicken Sie abschließend auf Aktualisieren , um das Bild zu ersetzen.

Ersetzen von benutzerdefinierten HTML-Bildern

Wenn Sie das Bild mit benutzerdefiniertem HTML oder CSS hinzugefügt haben, müssen Sie überprüfen, ob der Pfad korrekt ist. Um dies zu überprüfen, müssen Sie den Ort überprüfen, an dem Sie das Bild hinzugefügt haben. Es könnte sich um den zusätzlichen CSS-Block handeln. Wenn dies der Fall ist, führen Sie die folgenden Schritte aus.

Randnotiz: Das Ersetzen von Bildern in Ihrer Vorlage kann technisch sein. Wenn Sie neu bei WordPress sind, können Sie sich von unseren Experten bei der Behebung Ihrer Vorlagenprobleme helfen lassen.

Melden Sie sich zuerst bei Ihrem WordPress-Dashboard an und gehen Sie dann zu Aussehen >> Anpassen.

Wählen Sie danach das Menü Zusätzlicher CSS-Block oder Benutzerdefiniertes CSS.

Suchen Sie im Code-Editor die Codezeile, in der das Bild hinzugefügt wurde, und markieren Sie den Pfad zum Bild. Klicken Sie als Nächstes mit der rechten Maustaste und wählen Sie dann Gehe zu Pfad zur Datei …

Wenn das Bild nicht verfügbar ist, erhalten Sie einen 404 nicht gefunden-Fehler. Sie können das Bild einfach erneut auf Ihre Website hochladen und dann den Link zu der Datei kopieren und hier einfügen.

Um das Bild hochzuladen, gehen Sie zu Medien >> Neu hinzufügen . Klicken Sie danach auf Dateien auswählen und wählen Sie dann die Bilddatei aus. Klicken Sie nach Abschluss des Uploads auf die Schaltfläche URL in die Zwischenablage kopieren .

Gehen Sie nun zurück zur Customizer-Seite und ersetzen Sie den defekten Bildlink durch den gerade hochgeladenen. Klicken Sie abschließend auf Veröffentlichen , um Ihre Änderungen zu speichern.

Überprüfen Sie die Dateinamen

Dies ist eine häufige Ursache für Probleme beim Laden von Bildern. Stellen Sie sicher, dass die Schreibweise des Bildes mit der in der Medienbibliothek übereinstimmt. Der Fehler kann auch nur ein anderes Sonderzeichen sein. Die Eingabe eines Unterstrichs (_) anstelle eines Bindestrichs (-) kann zu einem fehlerhaften Bild führen.

Um dieses Problem zu beheben, müssen Sie den Dateinamen auf dem Beitrag oder der Seite mit dem Originalbild in der Medienbibliothek vergleichen. Melden Sie sich dazu in Ihrem WordPress-Dashboard an und gehen Sie dann zu Media >> Library .

Verwenden Sie nun das Suchfeld, um das Bild zu finden, das Sie vergleichen möchten. Bewegen Sie danach den Mauszeiger über das Bild und wählen Sie dann Ansicht .

In der Adressleiste sehen Sie den Pfad zum Bild. Der hervorgehobene Teil ist der Name des Bildes, wie unten zu sehen ist.

Gehen Sie nun zu dem Beitrag mit dem defekten Bild und überprüfen Sie auch den Dateinamen. Öffnen Sie dazu die Seite in Ihrem Browser, klicken Sie dann mit der rechten Maustaste auf das defekte Bild und wählen Sie Bild in neuem Tab öffnen .

Wenn es Diskrepanzen zwischen den beiden Dateinamen gibt, könnte dies die Ursache dafür sein, dass das Bild nicht angezeigt wird. Am Ende wird ein 404 nicht gefunden-Fehler angezeigt.

Um dieses Problem zu beheben, müssen Sie den Beitrag mit dem defekten Bild bearbeiten und den falschen Dateinamen durch den in der Medienbibliothek ersetzen.

Nachdem Sie die Dateinamen korrigiert haben, sollten Sie das Bild im Post-Editor sehen. Wenn nicht, können Sie das Bild erneut hochladen und Ihrem Beitrag hinzufügen. Stellen Sie sicher, dass Sie den Beitrag aktualisieren, um Ihre Änderungen zu speichern.

Falsche Dateierweiterungen

Sie sollten auch die Dateierweiterungen überprüfen. Manchmal könnte der Dateiname richtig geschrieben werden, aber die Dateierweiterung ist möglicherweise falsch. Sie können beispielsweise ein Bild als .jpg-Datei hochladen, aber im Code ist es eine .png-Erweiterung. Dies kann zu Problemen führen.

Ein weiteres häufiges Problem tritt bei der Bilderweiterung „jpg“ und „jpeg“ auf. Obwohl beide Formate gleich sind, kann es zu einem Bildfehler kommen, wenn Sie das eine gegen das andere austauschen.

Verwenden Sie einen relativen Dateipfad

Ein relativer Pfad verlinkt auf eine Datei in Relation zur Homepage-URL. In WordPress nimmt ein relativer Pfad den Domänennamen heraus und verwendet nur den Pfad nach der Domäne.

Im „src“-Attribut wird also statt „https://example.com/wp-content/uploads/image.png“ die Quelle zu „/wp-content/uploads/image.png“ . Und Ihre Bilder werden mit dem kurzen Link gut funktionieren.

Einer der Vorteile der Verwendung eines relativen Pfads besteht darin, dass Ihre Bilder auch dann funktionieren, wenn Sie Ihren Domänennamen ändern. Das wäre der Fall, solange die Dateien noch auf demselben Server gehostet werden.

Sie können ein Plugin wie das Plugin Make Paths Relative verwenden, um WordPress zu zwingen, relative Pfade für Ihre Mediendateien zu verwenden. Das Plugin ist einfach zu installieren und einzurichten.

Gehen Sie nach der Installation und Aktivierung des Plugins zu Make Paths Relative >> Settings , um die Seite mit den Plugin-Einstellungen zu öffnen.

Aktivieren Sie hier die Option zum Aktivieren relativer Pfade für Bilder und klicken Sie dann auf Änderungen speichern , um Ihre Änderungen zu registrieren. Sie können nun Bilder auf einer Seite mit relativen Pfaden anzeigen.

Stellen Sie sicher, dass das Bild vorhanden ist

Möglicherweise haben Sie ein Bild verlinkt, das auf einer anderen Website gehostet wird. Wenn diese Site ausfällt oder auf einen anderen Server verlegt wird, werden die Bilder nicht mehr existieren.

Darüber hinaus erhöht die direkte Verknüpfung mit einer anderen Website die Serverauslastung auf der Website, von der Sie das Bild erhalten. Wenn die Host-Website das Hotlinking deaktiviert, wird Ihr Bild nicht angezeigt.

Um dies zu verhindern, laden Sie am besten jedes Bild auf Ihre Website hoch, bevor Sie es der Seite hinzufügen. Vermeiden Sie auch die Verwendung von Bildern von Websites Dritter, es sei denn, Sie haben die Erlaubnis, sie zu verwenden.

Übertragungsprobleme

Dies ist kein häufiges Problem, aber es kommt vor. Manchmal ist Ihr Server überlastet und kann nicht alle Seiteninhalte schnell genug laden, bevor die Anfrage abgelaufen ist.

Es passiert meistens bei billigen Webservern. Um dies zu beheben, müssen Sie die Kapazität Ihres Servers erhöhen oder zu einem zuverlässigen Webhost migrieren.

Sie können auch ein Plugin verwenden, um Lazy Loading für Ihre Bilder zu aktivieren. Wenn Sie es aktivieren, lädt Ihr Server Bilder nur, wenn der Benutzer zu dem Abschnitt scrollt. Dadurch werden Ihre Serverressourcen entlastet und Ihre Website beschleunigt. Mehr dazu erfahren Sie in unserem Ratgeber zur Geschwindigkeitsoptimierung .

Zusammenfassung – Defekte Bilder reparieren

Es ist nicht ungewöhnlich, dass Websites Probleme mit beschädigten oder fehlenden Bildern haben, aber es ist ein ziemlich ernstes Problem, das umgehend behandelt werden sollte. Wenn Sie einen Online-Shop haben, verlieren Sie möglicherweise potenzielle Kunden, wenn Benutzer in Ihrem Shop keine Produktbilder sehen können.

In diesem Leitfaden haben wir einige der Ursachen für kaputte Bilder erklärt und Tipps gegeben, wie man sie auf WordPress-Websites repariert.

Das Reparieren defekter Bilder ist eine Möglichkeit, die Absprungrate auf Ihrer Website zu reduzieren. Sie müssen auch Ihre Bilder optimieren, um die Leistung Ihrer Website zu verbessern. Eine ausführliche Anleitung dazu finden Sie in unserem Leitfaden zur Bildoptimierung.