{"id":7090,"date":"2025-10-17T10:49:09","date_gmt":"2025-10-17T10:49:09","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=7090"},"modified":"2025-10-25T16:41:53","modified_gmt":"2025-10-25T16:41:53","slug":"what-is-alt-text","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/de\/antworten\/what-is-alt-text\/","title":{"rendered":"Was ist Alt-Text?"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Wo wird Alt-Text verwendet?<\/h2>\n\n\n\n<p>Alt-Text wird im alt-Attribut des HTML-Bild-Tags verwendet. Diese Platzierung ist erforderlich, da das alt-Attribut das standardm\u00e4\u00dfige Code-Element ist, nach dem Screenreader und Suchmaschinen-Crawler bei der Bildverarbeitung suchen. Es ist ein unsichtbares Metadatum.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nTiefer Einblick:\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nDie Einbindung von Alt-Text in Hocoos erfordert keine Code- oder HTML-Manipulation. Klicken Sie einfach im Editor auf ein Bild, suchen Sie das Feld \u201eAlt-Text\u201c und geben Sie Ihre Beschreibung ein. Die restlichen Schritte werden von Hocoos automatisiert.\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind die Best Practices f\u00fcr effektiven Alt-Text?<\/h2>\n\n\n\n<p>Effektiver Alt-Text ist pr\u00e4gnant, beschreibt das Bild kurz und ist relevant f\u00fcr den umgebenden Inhalt. Diese Methode soll sicherstellen, dass Informationen f\u00fcr Barrierefreiheitstools verst\u00e4ndlich sind und relevanter Kontext f\u00fcr die Suchmaschinenindizierung bereitgestellt wird.<\/p>\n\n\n\n<p>\u2022 \u00a0 <strong>Detailliert beschreiben<\/strong>: Das Hauptmotiv, die Handlung und der Ort sollten im Mittelpunkt Ihrer Beschreibung stehen.<\/p>\n\n\n\n<p>\u2022 &nbsp; <strong><\/strong><strong>Fassen Sie sich kurz<\/strong>: Ihr Ziel sollte es sein, kurze, klare Erkl\u00e4rungen zu verfassen.<\/p>\n\n\n\n<p>\u2022 &nbsp; <strong>Redundanz ber\u00fccksichtigen<\/strong>: Es kann bedeuten, die H\u00e4ufigkeit von Phrasen wie \u201eBild von\u201c oder \u201eAbbildung von\u201c in Beschreibungen zu reduzieren.<\/p>\n\n\n\n<p>\u2022 &nbsp; <strong>Fokus auf die Funktion<\/strong>: Bei interaktiven Elementen sollte die Beschreibung die Aktion sein (z.B. \u201eLink zur Startseite.\u201c)<\/p>\n\n\n\n<p>\u2022 &nbsp; <strong>Nat\u00fcrlich formulieren<\/strong>: Die Beschreibung sollte prim\u00e4r f\u00fcr menschliche Leser erstellt werden.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wie hilft Alt-Text bei SEO?<\/h2>\n\n\n\n<p>Alt-Text ist unerl\u00e4sslich f\u00fcr SEO, da er Suchmaschinen-Crawlern Informationen liefert, die sie allein durch die Betrachtung des Bildes nicht erhalten k\u00f6nnen. Das Alt-Attribut dient als Textanker, der visuelle Inhalte mit dem Thema der Seite verbindet, was sich auf dessen Ranking in der Web- und Bildersuche auswirken kann.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nProfi-Tipps:\u00a0\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\n\u2022 Das Vorhandensein von effektivem Alt-Text kann mit der Sichtbarkeit von Bildern im Bereich \u201eBilder\u201c der Google-Suche korrelieren, was sich auf die Besucherzahlen auswirken k\u00f6nnte.<br\/><br\/>\n\n\u2022 \u00a0 Die Implementierung von Keyword-Variationen wird dringend empfohlen. Angenommen, Ihr Haupt-Keyword ist \u201eElektroroller\u201c, k\u00f6nnen Sie \u201eE-Scooter f\u00fcr Pendler\u201c in den Alt-Text eines zugeh\u00f6rigen Bildes einf\u00fcgen, damit eine gr\u00f6\u00dfere Vielfalt an Suchanfragen erfasst wird.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wie lang sollte Alt-Text sein?<\/h2>\n\n\n\n<p>Der Alt-Text muss pr\u00e4gnant und, wenn m\u00f6glich, weniger als 125 Zeichen lang sein. Der Grund f\u00fcr diese L\u00e4nge ist, dass die meisten Screenreader dem Benutzer nur die ersten 125 Zeichen des Alt-Textes anzeigen werden, und k\u00fcrzerer Text f\u00fcr einen Benutzer schneller zu erfassen ist.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Sollte ich Keywords im Alt-Text verwenden?<\/h2>\n\n\n<p>Es ist richtig, dass Sie Alt-Text f\u00fcr das Bild mit Keywords verwenden sollten, die zum Bild passen, aber nur, wenn diese nat\u00fcrlich in die Beschreibung passen. <a href=\"https:\/\/hocoos.com\/de\/antworten\/what-is-keyword-research-for-blogging\/\">Keywords<\/a> spielen eine wichtige Rolle f\u00fcr SEO, aber der Hauptzweck von Alt-Text ist die Verbesserung der Barrierefreiheit. Die Verwendung zahlreicher Keywords im Alternativtext ist relevant f\u00fcr die Benutzererfahrung und das Suchmaschinenranking.<\/p>\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ben\u00f6tigen alle Bilder einen Alt-Text?<\/h2>\n\n\n\n<p>Ein beschreibender Alternativtext ist nicht f\u00fcr jedes Bild erforderlich; die Entscheidung, ihn bereitzustellen, h\u00e4ngt von der Bildfunktion ab. Diese Unterscheidung ist ein entscheidender Punkt f\u00fcr die Barrierefreiheit. Bilder, die zur Botschaft beitragen, k\u00f6nnen von Beschreibungen profitieren, und rein dekorative Bilder k\u00f6nnen von der Screenreader-Erkennung ausgeschlossen werden, um auditive St\u00f6rungen zu reduzieren.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nTiefer Einblick:\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nBei funktionalen Bildern (z.B. Absende-Buttons) kann der Alt-Text die beabsichtigte Aktion angeben, wie zum Beispiel \u201eE-Mail senden\u201c, anstatt sich auf den visuellen Aspekt des Bildes zu konzentrieren.\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wie sollte Alternativtext f\u00fcr dekorative Bilder geschrieben werden?<\/h2>\n\n\n\n<p>Bilder, die nur dekorativen Zwecken dienen, k\u00f6nnen ein leeres oder null alt-Attribut verwenden: alt=&#8221;&#8221;. Das Vorhandensein oder Fehlen eines alt-Attributs kann beeinflussen, wie ein Screenreader ein Bild interpretiert und dessen Inhalt m\u00f6glicherweise als erg\u00e4nzend einstuft.<\/p>\n\n\n\n<p>Beispiel<em>:<\/em> Linientrenner oder Hintergrundtexturen, die haupts\u00e4chlich zur Dekoration gedacht sind, k\u00f6nnten alt=&#8221;&#8221; verwenden.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n<p>Alt-Text ist ein unverzichtbares Element moderner Webentwicklung, das als Br\u00fccke zwischen visuellen Inhalten und universeller Barrierefreiheit dient. Das Implementieren von Bildbeschreibungen kann sich auf eine <a href=\"https:\/\/hocoos.com\/de\/antworten\/was-ist-seo\/\">Website-SEO<\/a> und deren Ansatz zur Benutzererfahrung auswirken.<\/p>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Wo wird Alt-Text verwendet? Alt-Text wird innerhalb des alt-Attributs des HTML-Bild-Tags verwendet. Diese Platzierung ist notwendig, da das alt-Attribut das standardm\u00e4\u00dfige Code-Element ist, nach dem Screenreader und Suchmaschinen-Crawler beim Verarbeiten eines Bildes suchen. Es sind unsichtbare Metadaten. Tief [&hellip;]<\/p>","protected":false},"author":41,"featured_media":7091,"template":"","answers_category":[31],"class_list":["post-7090","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-basics-for-small-business"],"acf":{"image":null,"card_image":7091,"content":[{"acf_fc_layout":"header_section","title":"Was ist Alt-Text?","descriptions":"Alt text, or alternative text, is a written description of an image on a webpage embedded within the HTML code.\r\n\r\nAlt text provides a textual description for images, potentially aiding website accessibility for visually impaired users and providing context for search engines regarding the image content.\r\n\r\nConsider the user experience during the writing process.","tip_label":"Pro Tip","tip":"For complex images such as infographics, use the alt text to link to a separate page or a longer description describing the content (particularly the data points).","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Alt text should describe the image for accessibility purposes, separate from SEO considerations","body":""},{"label":"Keep descriptions short (under 125 characters) and integrate keywords naturally","body":""},{"label":"Use alt=\"\" for decorative images, but descriptive alt text for all others","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer\/7090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/users\/41"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media\/7091"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media?parent=7090"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answers_category?post=7090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}