{"id":126461,"date":"2023-02-07T10:15:00","date_gmt":"2023-02-07T07:15:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=126461"},"modified":"2022-06-20T14:31:13","modified_gmt":"2022-06-20T11:31:13","slug":"was-ist-alt-text-so-verwenden-sie-das-seitenelement-fur-bilder","status":"publish","type":"post","link":"https:\/\/android.inform.click\/de\/was-ist-alt-text-so-verwenden-sie-das-seitenelement-fur-bilder\/","title":{"rendered":"Was ist Alt-Text? So verwenden Sie das Seitenelement f\u00fcr Bilder"},"content":{"rendered":"<ul>\n<li>Alt-Text ist ein wesentliches Element des Webseitendesigns. Es ist eine kurze Textbeschreibung eines Bildes auf der Seite.<\/li>\n<li>Alt-Text wird von Zug\u00e4nglichkeitstools verwendet, um blinden oder sehbehinderten Besuchern und Suchmaschinen Bildbeschreibungen vorzulesen, um das Ranking von Webseiten zu verbessern.\u00a0<\/li>\n<li>Sie k\u00f6nnen Alt-Text auf jeder Webseite sehen, indem Sie den HTML-Code der Seite \u00fcberpr\u00fcfen.<\/li>\n<\/ul>\n<p>Alt-Text ist eine Komponente im Webseitendesign. Genauer gesagt handelt es sich um einen Ausdruck oder Satz, der ein Bild auf der Seite beschreibt.\u00a0<\/p>\n<p>Im modernen Webseitendesign wird Alt-Text den meisten Benutzern nicht angezeigt, wird jedoch als wesentlicher Bestandteil eines guten Webdesigns angesehen, und jedes Bild auf einer Seite sollte mit Alt-Text verkn\u00fcpft sein.\u00a0<\/p>\n<h2>Der Zweck von Alt-Text<\/h2>\n<p>Alt-Text dient zwei Hauptzwecken. Es wird von Barrierefreiheits-Tools zum Bildschirmlesen verwendet, um Beschreibungen von Bildern laut vorzulesen f\u00fcr Benutzer, die blind oder sehbehindert sind oder zus\u00e4tzliche Hilfe ben\u00f6tigen, um Inhalte auf der Seite zu sehen. Ein guter Alt-Text ist f\u00fcr diese Benutzer unerl\u00e4sslich, um eine zufriedenstellende Erfahrung auf der Webseite zu haben.<\/p>\n<p>Es wird auch von Google und anderen Suchmaschinen verwendet, um den Inhalt des Bildes zu verstehen, was dazu verwendet werden kann, die Webseite in den Suchergebnissen besser einzustufen.\u00a0<\/p>\n<h2>So f\u00fcgen Sie Alt-Text zu einem Bild hinzu und sehen es in HTML<\/h2>\n<p>Das Hinzuf\u00fcgen von Alt-Text variiert je nach Webdesign oder Content-Management-System, das zum Erstellen der Webseite verwendet wird. Im Allgemeinen bietet das Tool ein Feld zur Eingabe des Alt-Textes, wenn ein Bild auf die Webseite hochgeladen wird. In den meisten F\u00e4llen k\u00f6nnen Sie das hochgeladene Bild auch nachtr\u00e4glich bearbeiten, um den Alt-Text hinzuzuf\u00fcgen oder zu \u00e4ndern.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"Was ist Alt-Text? So verwenden Sie das Seitenelement f\u00fcr Bilder\" ><\/a><\/p>\n<p>Sie k\u00f6nnen Alt-Text zu jedem Bild hinzuf\u00fcgen, indem Sie das Webdesign- oder Content-Management-Tool wie WordPress verwenden.<\/p>\n<p>Dieser Alt-Text wird dann auf der Seite in HTML kodiert. Sie k\u00f6nnen dies in jedem Webbrowser mit der \u201eUntersuchen&#8220;-Funktion Ihres Browsers sehen. Klicken Sie beispielsweise in Chrome mit der rechten Maustaste auf ein Bild auf einer Webseite und klicken Sie im Dropdown-Men\u00fc auf \u201eInspizieren&#8220;. Klicken Sie in Firefox mit der rechten Maustaste und w\u00e4hlen Sie \u201eInspect Element&#8220;. In beiden F\u00e4llen sollte ein Fenster mit dem HTML der Seite erscheinen. F\u00fcr das Bild sollten Sie ein HTML-Tag sehen, das \u201ealt=&#8220; gefolgt von der Alt-Textbeschreibung enth\u00e4lt.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"Was ist Alt-Text? So verwenden Sie das Seitenelement f\u00fcr Bilder\" ><\/a><\/p>\n<p>Sie k\u00f6nnen das Inspect-Tool in einem Browser wie Chrome verwenden, um den Alt-Text anzuzeigen, der mit einem Bild auf einer Webseite verkn\u00fcpft ist.<\/p>\n<h2>Best Practices f\u00fcr Alt-Text<\/h2>\n<p>Experten f\u00fcr Suchmaschinenoptimierung (SEO) haben viele Anleitungen zum Webseitendesign und zu Webseitenelementen wie Alt-Text. Sie k\u00f6nnen ganze Kurse zu diesem Thema belegen. Aber im Allgemeinen gibt es ein paar grundlegende Empfehlungen, die man zu Alt-Text machen kann. Hier ist eine grobe Anleitung zum Erstellen von gutem Alt-Text:<\/p>\n<ul>\n<li>Die Anleitung zur L\u00e4nge \u00e4ndert sich von Zeit zu Zeit, aber derzeit sollten Sie Alt-Text mit weniger als 100 Zeichen, einschlie\u00dflich Leerzeichen, belassen.\u00a0<\/li>\n<li>Beschreiben Sie das Bild klar, genau und pr\u00e4gnant.\u00a0<\/li>\n<li>Beginnen Sie den Alt-Text nicht mit einem Satz wie \u201eBild von \u2026&#8220; oder \u201eFoto von \u2026&#8220;. Beschreiben Sie einfach, was auf dem Bild zu sehen ist.\u00a0<\/li>\n<li>F\u00fcllen Sie den Alt-Text nicht mit Schl\u00fcsselw\u00f6rtern, die sich auf die Webseite beziehen, sondern seien Sie so spezifisch wie m\u00f6glich. Das hilft sowohl dem blinden und sehbehinderten Besucher als auch Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alt-Text ist eine kurze Textbeschreibung eines Bildes auf einer Seite, die von Eingabehilfen und Suchmaschinen verwendet wird.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[415,415],"tags":[],"class_list":["post-126461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-n-a"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/posts\/126461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/comments?post=126461"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/posts\/126461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/media?parent=126461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/categories?post=126461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/de\/wp-json\/wp\/v2\/tags?post=126461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}