Blog

Behebung von nicht angezeigten Alt-Tags in WordPress in 2 einfachen Schritten

fixing alt attribute not showing in wordpress featured image

Hast du dich schon mal gefragt, warum deine Bilder in WordPress nicht angezeigt werden, obwohl du alt-Attribute hinzugefĂŒgt hast? Das ist ein hĂ€ufiges Problem, aber zum GlĂŒck haben wir eine einfache Lösung gefunden. Es gibt zwei hĂ€ufige ErklĂ€rungen dafĂŒr, warum der Alt-Text in deinem Code nicht sichtbar ist, selbst wenn du sicher bist, dass du ihn auf der Seite eingefĂŒgt hast.

Wenn du in deinem HTML-Code keine Alt-Tags sehen kannst, fĂŒge das Bild erneut auf der Seite ein und leere den Cache deiner Website. WordPress kann den neuen alt-Tag nicht hinzufĂŒgen und du musst den bestehenden leeren Tag manuell ĂŒberschreiben. Bereinige danach den Cache deiner Website, um sicherzustellen, dass du die frischesten Inhalte siehst.

Alt-Attribut funktioniert nicht in WordPress

Wie wir wissen, ist der Alt-Text ein wichtiger Teil deiner Bild-SEO und gibt den Bildern auf deiner Seite einen Kontext, denn Google braucht den Alt-Text unter anderem, um zu wissen, was auf einem Bild auf deiner Seite angezeigt wird.

Wenn du hier bist, stellst du wahrscheinlich fest, dass du deine Alt-Tags in WordPress nicht anzeigen lassen kannst. Normalerweise haben wir herausgefunden, dass dies durch zwei Dinge verursacht wird, die ich dir im Detail erklÀre und dich anleiten werde, die nicht angezeigten Alt-Tags zu beheben.

Oft hast du mit einem SEO-Tool herausgefunden, dass es ein Problem mit den Alt-Tags gibt, weil es dir zeigt, ob auf deiner Website Alt-Tags fehlen. Aber wenn du deine Mediathek ĂŒberprĂŒfst, siehst du die Alt-Tags genau dort. Das Problem dabei ist, dass sich jeder Crawler – auch der von Google – nicht wirklich fĂŒr deine Mediathek interessiert, da sie nicht darauf zugreifen kann.

Webcrawler sehen sich deinen Seitencode an. Deshalb musst du das Bild im Quellcode suchen und prĂŒfen, ob es ein Alt-Attribut gibt – oder du suchst nach: alt=““

Wenn das Feld zwischen „“ leer ist, bedeutet das, dass kein Alt-Tag im Code vorhanden ist, obwohl du es ĂŒber deine Medienbibliothek hinzugefĂŒgt hast. Was ist jetzt zu tun?

Jetzt schauen wir uns an, wie genau sich diese beiden Fehler Ă€ußern.

Schritt 1. Überschriebenen alternativen Text korrigieren

Das Problem des Überschreibens tritt hĂ€ufig bei Seiten oder BeitrĂ€gen auf, bei denen ein Bild eingefĂŒgt wird, bevor der Alt-Text hinzugefĂŒgt wurde. In solchen FĂ€llen fĂŒgt WordPress gelegentlich einen leeren Alt-Text ein, der manuell ĂŒberschrieben werden muss.

Wenn du neue Bilder einfĂŒgst, kann WordPress den Alt-Tag des Bildes aus der Medienbibliothek abrufen. Wenn du jedoch bereits ein Bild in einen Blog-Beitrag eingefĂŒgt hast, findest du im „Text“-Editor einen leeren Alt-Text vor.

Sobald das Bild eingefĂŒgt ist, kann es sein, dass das Attribut „alt“ im Code deiner Seite leer bleibt, wenn kein Alt-Text angegeben ist. Das Gleiche kann passieren , wenn du deine Alt-Tags in der Mediathek aktualisierst. WordPress aktualisiert das eigentliche Alt-Tag im Code der Seite erst, wenn du das Bild der Seite erneut einfĂŒgst, falls du es spĂ€ter Ă€ndern möchtest. Um das ins Rollen zu bringen, einfach:

  1. FĂŒge das Bild erneut auf der Seite ein – damit der HTML-Code-Teil automatisch aktualisiert wird und deinen Alt-Tag hinzufĂŒgt.
  2. Oder kopiere den Alt-Text aus deiner Mediathek und fĂŒge ihn in den Bild-Detail-Editor des jeweiligen Bildes ein.
  3. Oder kopiere den Alt-Tag aus deiner Mediathek und fĂŒge ihn in den HTML-Code (im Texteditor) auf deiner Seite ein.

Leider musst du das in allen drei Szenarien manuell machen – aber das erste ist zumindest fĂŒr mich viel schneller zu erledigen. Außerdem solltest du bedenken, dass du den HTML-Code einer potenziell wichtigen Seite bearbeitest. Sowohl die erste als auch die zweite Methode bewahrt dich davor, dass du möglicherweise Bilder von wichtigen Seiten löschst und sie dadurch kaputt machst.

Alt-Tags werden nicht angezeigt Schritt 1 FĂŒge das Bild oder den Alt-Tag erneut ein

Das bedeutet, dass die Suche nach Alt-Tags fĂŒr alle Bilder eine gewaltige Aufgabe sein kann, besonders bei großen Websites mit vielen Bildern auf jeder Seite. Weil ich vor der gleichen Herausforderung stehe, habe ich mir ĂŒberlegt, dass es am besten ist, einen Site Audit Checker zu benutzen. Mit einem einfachen Tool wie diesem erhĂ€ltst du eine vollstĂ€ndige Liste aller Bilder, bei denen die Alt-Tags fehlen.

PrĂŒfe mit einem SEO-Tool, ob alle Alt-Tags funktionieren

Von dort aus ist es viel einfacher, eine Liste mit den zu erledigenden Aufgaben zu erstellen, die du an einem Nachmittag erledigen kannst.

Schritt 2. Alt-Tags anzeigen, indem du den Cache löschst

Wenn du WordPress-Änderungen vornimmst, solltest du deinen Cache leeren, damit du sicher sein kannst, dass die Änderungen ĂŒbernommen werden. Die meisten modernen WordPress-Websites verfĂŒgen ĂŒber mehrere Caching-Ebenen, die gleichzeitig laufen. Das ist großartig und mehr oder weniger entscheidend fĂŒr eine gute Website-Performance. Allerdings kann es manchmal zu dem Ă€rgerlichen Problem kommen, dass der Inhalt einer Seite nicht aktualisiert wird, auch wenn du deine Änderungen gespeichert hast.

Hier musst du nur den Cache auf deiner Website und deinem lokalen Rechner (d.h. deinem Computer) löschen.

So löschst du den Cache von deiner Website:

  1. Navigiere zu dem Caching-Plugin deiner Wahl.
  2. Klicke auf „Cache löschen“.

Dein Caching-Plugin wird normalerweise auch in der oberen Navigationsleiste deines WordPress-Dashboards angezeigt.

Cache leeren, um Änderungen bei Bildern zu sehen

Wenn du eine zusĂ€tzliche Zwischenspeicherung ĂŒber ein Content Delivery Network (CDN) verwendest, solltest du auch das löschen. Das am weitesten verbreitete CDN ist Cloudflare, so sehr, dass es bei einigen Hosting-Paketen mitgeliefert wird (z. B. bietet BlueHost es standardmĂ€ĂŸig an). Logge dich in dein Cloudflare-Konto ein und lösche den Cache, wie unten gezeigt.

Alt-Tags werden nicht angezeigt Schritt 2 Cache leeren Cloudflare Beispiel

 

Wenn du dich nicht daran erinnerst, ein Cloudflare-Konto angelegt zu haben, findest du die Einstellungen dafĂŒr wahrscheinlich im Dashboard, das dir dein Website-Hosting-Unternehmen zur VerfĂŒgung gestellt hat.

So löschst du den Cache deines Computers:

Wenn du Google Chrome verwendest, musst du nun den Cache auf deinem Computer löschen :

  • Unter Windows drĂŒckst du die Tastenkombination STRG + F5.
  • Auf dem Mac drĂŒckst du CMD + SHIFT + R

FĂŒr diejenigen unter euch, die Firefox benutzen, lauten die AbkĂŒrzungen:

  • Auch hier drĂŒckst du unter Windows einfach die Tastenkombination STRG + F5.
  • Auf dem Mac drĂŒckst du CMD + SHIFT + R.

Schließlich ist auch Safari ein beliebter Browser, und die Tastenkombination dort ist:

  • Auf dem Mac klickst du CMD + ALT + E.

Wenn du einen anderen Browser verwendest, suche einfach nach „how to clear browser cache in [your browser here]“ auf Google.

In jedem Fall wird die Website lediglich aktualisiert und braucht möglicherweise ein paar Sekunden lÀnger zum Laden. Danach bist du startklar!

Abschließen

Das war’s fĂŒr heute, Leute! Ich habe Dutzende von Websites gesehen, bei denen dieses Problem aufgetreten ist, und in allen FĂ€llen konnte das Problem durch die oben genannten Schritte gelöst werden. Wenn du immer noch Probleme hast, kann der Grund dafĂŒr viel tiefer liegen, wie deine Website aufgebaut ist. In diesem Fall empfehle ich dir, dich mit deinem Hosting-Anbieter in Verbindung zu setzen, der dir oft helfen kann, solche Fehler zu korrigieren.

Wenn du Morningscore verwendest und das Tool fehlende Alt-Tags meldet, du aber bestĂ€tigen kannst, dass ein Alt-Tag im Quellcode fĂŒr genau dieses Bild vorhanden ist, versuche bitte, das Problem zu „scannen“. Wenn sich das Problem nicht lösen lĂ€sst, kannst du uns gerne im Chat unten rechts kontaktieren.

Schau dir unsere Liste der einfachsten SEO-Tools fĂŒr AnfĂ€nger an, um fehlende Alt-Tags zu ĂŒberwachen.

Pass auf dich auf!

5 out of 5 stars

“Morningscore provides a simple overview of competitors, and most importantly, makes working with SEO fun! The "Mission" tool is a favorite, but the "Health" section is also a useful feature that easily explains what adjustments and corrections need to be made on my website.”

Bjorn Marius Narjord, an Independent SEO Consultant from Intent SEO

BjĂžrn Marius Narjord

Owner and SEO-specialist, Intent SEO
5 out of 5 stars

“Morningscore gibt mir einen wichtigen Überblick ĂŒber unsere Platzierungen in Suchmaschinen. Ich kann aktuelle Informationen darĂŒber sehen, wie wir uns gegen unsere Konkurrenten behaupten und wo wir an Zugkraft gewinnen oder verlieren. Ich finde das Tool auch sehr einfach zu bedienen. Es funktioniert einfach.”

patrick qureshi salary.dk

Patrick Qureshi

CMO, Salary.dk
5 out of 5 stars

“Ich habe Morningscore seit Beginn meiner Firma verwendet. Ich habe viele Tools ausprobiert, aber mein Herz entschied sich fĂŒr Morningscore, weil es so einfach zu bedienen ist. Und seitdem ich in vielen kleinen Unternehmen arbeite, die dieses Werkzeug haben mĂŒssen, damit ich ihnen helfen kann.”

christina lund schmeltz

Christina Schmeltz

Owner, LS Marketing
5 out of 5 stars

“Ich benutze Morningscore, weil SEO nicht meine SpezialitĂ€t ist und ich keine Zeit damit verbringen möchte. Ich habe ein internes Team, das sich um SEO kĂŒmmert, aber ich muss das Ergebnis ihrer Arbeit kennen. In dem Tool kann ich mich einloggen und von Tag zu Tag unsere Leistung sehen.”

esben oesterby

Esben Østerby

Founder, IvĂŠrksĂŠtterhistorier
5 out of 5 stars

“Ich suchte nach einem Tool, mit dem meine Kunden genau sehen können, woran wir arbeiten und welchen Wert dies fĂŒr sie bedeutet. Dieses habe ich jetzt bei Morningscore gefunden. Ich empfehle die Plattform jedem, der seine SEO verwalten und verbessern muss.”

Trolle Hansen

Trolle Hansen

Owner, Trolle Reklame
5 out of 5 stars

“Three years ago I chose Morningscore because I was new to SEO and it was the easiest SEO tool to use. I'm still using Morningscore because it is regularly updated and becomes more powerful with every release. It's fun to use. Morningscore is such an integral part of my day. I check it before I check my email.”

sven recommends Morningscore's SEO tool

Sven Radavics

Founder, intribe.co
5 out of 5 stars

“Morningscore das mit Abstand einfachste SEO-Tool, mit dem ich je gearbeitet habe - der Spass mit den Charts und Daten von Morningscore kommt insbesondere dann so richtig in Fahrt, wenn man die Werkzeuge nutzt, um einem Konkurrenten ein Duell zu liefern. Unbezahlbar gut!”

rasmus schuebel kreativling morningscore review

Rasmus SchĂŒbel

Inhaber & GrĂŒnder, kreativling
5 out of 5 stars

“Ein wirklich brauchbares und effektives SEO-Tool ohne viele störende Elemente. Dies bedeutet, dass ich das Tool tatsĂ€chlich fĂŒr etwas Bestimmtes verwenden kann, das unseren GeschĂ€ftswert einbringt!”

heidi kirstein seo tool review

Heidi Kerstein

Marketing Coordinator, Fitness Engros A/S