{"id":44255,"date":"2024-02-08T20:41:17","date_gmt":"2024-02-08T20:41:17","guid":{"rendered":"https:\/\/morningscore.io\/?p=44255"},"modified":"2026-04-08T13:46:43","modified_gmt":"2026-04-08T13:46:43","slug":"behebung-von-nicht-angezeigten-alt-tags-in-wordpress-in-2-einfachen-schritten","status":"publish","type":"post","link":"https:\/\/morningscore.io\/de\/behebung-von-nicht-angezeigten-alt-tags-in-wordpress-in-2-einfachen-schritten\/","title":{"rendered":"Behebung von nicht angezeigten Alt-Tags in WordPress in 2 einfachen Schritten"},"content":{"rendered":"

Hast du dich schon mal gefragt, warum deine Bilder in WordPress<\/a> nicht angezeigt werden, obwohl du alt-Attribute<\/a> hinzugef\u00fcgt hast? Das ist ein h\u00e4ufiges Problem, aber zum Gl\u00fcck haben wir eine einfache L\u00f6sung gefunden. Es gibt zwei h\u00e4ufige Erkl\u00e4rungen daf\u00fcr, warum der Alt-Text in deinem Code nicht sichtbar ist, selbst wenn du sicher bist, dass du ihn auf der Seite eingef\u00fcgt hast.<\/p>\n

Wenn du in deinem HTML-Code keine Alt-Tags sehen kannst, f\u00fcge das Bild erneut auf der Seite ein und leere den Cache deiner Website. WordPress kann den neuen alt-Tag nicht hinzuf\u00fcgen und du musst den bestehenden leeren Tag manuell \u00fcberschreiben. Bereinige danach den Cache deiner Website, um sicherzustellen, dass du die frischesten Inhalte siehst.<\/strong><\/p>\n

Alt-Attribut funktioniert nicht in WordPress<\/h2>\n

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.<\/p>\n

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\u00e4re und dich anleiten werde, die nicht angezeigten Alt-Tags zu beheben.<\/p>\n

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 \u00fcberpr\u00fcfst, siehst du die Alt-Tags genau dort. Das Problem dabei ist, dass sich jeder Crawler \u2013 auch der von Google \u2013 nicht wirklich f\u00fcr deine Mediathek interessiert, da sie nicht darauf zugreifen kann.<\/p>\n

Webcrawler sehen sich deinen Seitencode an. Deshalb musst du das Bild im Quellcode suchen und pr\u00fcfen, ob es ein Alt-Attribut gibt \u2013 oder du suchst nach: alt=\u201c\u201c<\/p>\n

Wenn das Feld zwischen \u201e\u201c leer ist, bedeutet das, dass kein Alt-Tag im Code vorhanden ist, obwohl du es \u00fcber deine Medienbibliothek hinzugef\u00fcgt hast. Was ist jetzt zu tun?<\/p>\n

Jetzt schauen wir uns an, wie genau sich diese beiden Fehler \u00e4u\u00dfern.<\/p>\n

Schritt 1. \u00dcberschriebenen alternativen Text korrigieren<\/b><\/h2>\n

Das Problem des \u00dcberschreibens tritt h\u00e4ufig bei Seiten oder Beitr\u00e4gen auf, bei denen ein Bild eingef\u00fcgt wird, bevor der Alt-Text hinzugef\u00fcgt wurde. In solchen F\u00e4llen f\u00fcgt WordPress gelegentlich einen leeren Alt-Text ein, der manuell \u00fcberschrieben werden muss.<\/p>\n

Wenn du neue Bilder einf\u00fcgst, kann WordPress den Alt-Tag des Bildes aus der Medienbibliothek abrufen. Wenn du jedoch bereits ein Bild in einen Blog-Beitrag eingef\u00fcgt hast, findest du im \u201eText\u201c-Editor einen leeren Alt-Text vor.<\/p>\n

Sobald das Bild eingef\u00fcgt ist, kann es sein, dass das Attribut \u201ealt\u201c 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<\/strong>. WordPress aktualisiert das eigentliche Alt-Tag<\/strong> im Code der Seite erst, wenn du<\/strong> das Bild<\/strong> der Seite erneut einf\u00fcgst<\/strong>, falls du es sp\u00e4ter \u00e4ndern m\u00f6chtest. Um das ins Rollen zu bringen, einfach:<\/p>\n

    \n
  1. F\u00fcge das Bild erneut auf der Seite ein<\/strong> \u2013 damit der HTML-Code-Teil automatisch aktualisiert wird und deinen Alt-Tag hinzuf\u00fcgt.<\/li>\n
  2. Oder kopiere den Alt-Text aus<\/strong> deiner Mediathek<\/strong> und f\u00fcge<\/strong> ihn in den<\/strong> Bild-Detail-Editor<\/strong> des jeweiligen Bildes ein.<\/li>\n
  3. Oder kopiere den Alt-Tag aus<\/strong> deiner Mediathek und <\/strong> f\u00fcge<\/strong> ihn in <\/strong>den HTML-Code<\/strong> (im Texteditor) auf deiner Seite ein.<\/li>\n<\/ol>\n

    Leider musst du das in allen drei Szenarien manuell machen \u2013 aber das erste ist zumindest f\u00fcr mich viel schneller zu erledigen. Au\u00dferdem 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\u00f6glicherweise Bilder von wichtigen Seiten l\u00f6schst und sie dadurch kaputt machst.<\/p>\n

    \"Alt-Tags<\/p>\n

    Das bedeutet, dass die Suche nach Alt-Tags f\u00fcr alle Bilder eine gewaltige Aufgabe sein kann, besonders bei gro\u00dfen Websites mit vielen Bildern auf jeder Seite. Weil ich vor der gleichen Herausforderung stehe, habe ich mir \u00fcberlegt, dass es am besten ist, einen Site Audit Checker<\/a> zu benutzen. Mit einem einfachen Tool wie diesem erh\u00e4ltst du eine vollst\u00e4ndige Liste aller Bilder, bei denen die Alt-Tags fehlen.<\/p>\n\n

    \n
    <\/div>\n
    \n
    \n <\/div>\n
    \n
    \n
    \n Check alt-tags <\/div>\n
    \n 14 Tage kostenloser Zugang. Keine Kreditkarte. Keine Integration erforderlich. <\/div>\n
    \n
    \n \n \n <\/svg>\n Alle Funktionen <\/div>\n
    \n \n \n <\/svg>\n 20 Keywords <\/div>\n
    \n \n \n <\/svg>\n 3 Webseiten <\/div>\n
    \n \n \n <\/svg>\n 2 Benutzer <\/div>\n <\/div>\n
    \n
    <\/div> <\/div>\n
    \n Vollst\u00e4ndige Informationen \u00fcber Keywords<\/span>, Konkurrenten<\/span>, Probleme<\/span> und Links<\/span> in 1-Minuten-Scan. <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/section>\n

    \"Pr\u00fcfe<\/p>\n

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

    Schritt 2. Alt-Tags anzeigen, indem du den Cache l\u00f6schst<\/strong><\/h2>\n

    Wenn du WordPress-\u00c4nderungen vornimmst, solltest du deinen Cache leeren, damit du sicher sein kannst, dass die \u00c4nderungen \u00fcbernommen werden. Die meisten modernen WordPress-Websites verf\u00fcgen \u00fcber mehrere Caching-Ebenen, die gleichzeitig laufen.<\/strong> Das ist gro\u00dfartig und mehr oder weniger entscheidend f\u00fcr eine gute Website-Performance<\/strong>. Allerdings kann es manchmal zu<\/strong> dem \u00e4rgerlichen Problem kommen, dass der Inhalt einer Seite nicht aktualisiert wird<\/strong>, auch wenn du deine \u00c4nderungen gespeichert hast.<\/p>\n

    Hier musst du nur den Cache auf deiner Website und deinem lokalen Rechner<\/strong> (d.h. deinem Computer) l\u00f6schen<\/strong>.<\/p>\n

    So l\u00f6schst du den Cache von deiner Website:<\/strong><\/h3>\n
      \n
    1. Navigiere zu dem Caching-Plugin deiner Wahl.<\/li>\n
    2. Klicke auf \u201eCache l\u00f6schen\u201c.<\/li>\n<\/ol>\n

      Dein Caching-Plugin wird normalerweise auch in der oberen Navigationsleiste deines WordPress-Dashboards angezeigt.<\/p>\n

      \"Cache<\/p>\n

      Wenn du eine zus\u00e4tzliche Zwischenspeicherung \u00fcber ein Content Delivery Network (CDN) verwendest, solltest du auch das l\u00f6schen. Das am weitesten verbreitete CDN ist Cloudflare, so sehr, dass es bei einigen Hosting-Paketen mitgeliefert wird (z. B. bietet BlueHost es standardm\u00e4\u00dfig an). Logge dich in dein Cloudflare-Konto ein und l\u00f6sche den Cache, wie unten gezeigt.<\/p>\n

      \"Alt-Tags<\/p>\n

      \u00a0<\/p>\n

      Wenn du dich nicht daran erinnerst, ein Cloudflare-Konto angelegt zu haben, findest du die Einstellungen daf\u00fcr wahrscheinlich im Dashboard, das dir dein Website-Hosting-Unternehmen zur Verf\u00fcgung gestellt hat.<\/p>\n

      So l\u00f6schst du den Cache deines Computers:<\/strong><\/h3>\n

      Wenn du Google Chrome<\/strong> verwendest, musst du nun den Cache auf deinem Computer l\u00f6schen :<\/strong><\/p>\n