ALT Attribut

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo,

ich habe nun schon einiges recherchiert aber leider nichts gefunden.

Problemstellung: Unterschiedliche SEO Tools erkennen, dass 8 Alt fehlen.

Da die Bildanzahl sehr überschaubar ist, habe ich alles einzeln manuell überprüft. Jede IMG hat ihen Alt-Text bei den Bildern zu den Produkten.

Habe den auch schon mehrfach überarbeitet (gelöscht, neu gespeichert).

Auch sind alle ALT Daten in der Export.csv enthalten.

Hat jemand einen Tip?

1000-Dank.

Crash

Update: Habe mir grad das Ganze nochmal in Chrome angesehen. Da gibt es wirklich IMGs die kein Alt haben, obwohl jedes Bild mit einem Attribut versehen ist. Laut Shopify und csv Datei.

Jetzt wohl noch größere Fragezeichen !?

2

Hey @Crash-007

Danke für Frage und was genau meinst du mit “8 Alt fehlen”? Und um welche “SEO Tools” handelt es sich hier? Es ist auch wichtig zu verstehen, dass viele “online SEO Tools” nicht immer mit Shopify kompatibel sind denn diese sind für herkömmliche Webseiten konzipiert und nicht für eine SaaS Plattform wie Shopify die auf Ruby-on-Rails gebaut ist.

Dann hast du auch *das Ganze nochmal in Chrome angesehen. Da gibt es wirklich IMGs die kein Alt haben, obwohl jedes Bild mit einem Attribut versehen ist. Laut Shopify und csv Datei.*

Hast du diese Produkte und Bilder alle importiert, und wenn ja, von wo aus?

Es scheint aber für dich frustrierend zu sein, verstehe ich voll. Es gibt halt mehrere Möglichkeiten, warum die SEO-Tools anzeigen, dass Alt-Tags fehlen, obwohl du diese in Shopify eingefügt hast.

Wie in meinem Punkt oben bereits erwähnt, kann es sein, dass Shopify die Alt-Tags auf eine andere Weise einfügt, als das was die SEO-Tools erkennen. Prüfe den Quellcode einer Seite (mit Rechtsklick → Untersuchen oder durch Drücken von F12 in den meisten Webbrowsern) und nach dem <img>-Tag suchen, um zu sehen, ob der Alt-Tag vorhanden ist.

Verschiedene SEO-Tools können auch verschiedene Ergebnisse liefern. Es wäre vielleicht hilfreich, ein anderes Tool zu verwenden, um zu überprüfen, ob das Problem weiterhin besteht. Prüfe auch, ob es sich um spezielle Bilder handelt. Manchmal kann es sein, dass bestimmte Bilder wie Logos, Hintergründe oder Schaltflächen, die in CSS oder JavaScript eingebettet sind, von den SEO-Tools als fehlende Alt-Tags und “False Flags” gewertet werden. Diese Bilder sind oft nicht über das normale CDN-System zugänglich und müssen möglicherweise manuell im Code bearbeitet werden.

Manchmal kann es auch eine Weile dauern, bis Änderungen, die man im Shop vornimmt, von SEO-Tools erkannt werden. Es könnte auch ein Caching-Problem sein.

3

Vorab erstmal vielen Dank für das Feedback.

Zu Deinen Fragen:

Danke für Frage und was genau meinst du mit “8 Alt fehlen”?

Hatte mehrere SEO Tools getestet, z. B. Seobility und 2..3 Andere. Bei jedem
Tool sollen bei 8 Bildern die ALT Attribute fehlen.

Dann hast du auch das Ganze nochmal in Chrome angesehen.

Habe 2 Fehler/Links recherchiert Alt war definitiv leer.

Da gibt es wirklich IMGs die kein Alt haben, obwohl jedes Bild mit einem
Attribut versehen ist.

Ja. Auch in der csv sind die Alt vorhanden.

Hast du diese Produkte und Bilder alle importiert, und wenn ja, von wo aus?

Bei den Produkten habe ich 2 Optionen. Entweder aus Shopify-Dateien über den
Link oder direkt vom PC.

Hier ist mir aufgefallen, obwohl in den Shopify-Dateien das Alt in den JPG’s
eingepflegt ist, dass, wenn ich die Bilder über den Link einpflege, kein Alt
mehr vorhanden ist.

Ich muss dann unter Produkten/Medien das Alt neu in das Bild eingeben.

Wenn ich vom PC hochlade ist ALT natürlich nicht eingepflegt und dann die
gleiche Prozedur Produkte/Medien Alt eingeben

Bei den Kategorien muss ich die Bilder vom PC hochladen und auch hier Alt
einpflegen.

Ist alles geschehen.

Was mache ich hier falsch?

Bei WordPress lade ich mir die Bilder in die Dateien und Pflege Alt ein,
wenn ich die Bilder übernehme ist dann dauerhaft vorhanden.

Wie möchte es Shopify haben?

Danke schonmal und Grüße.

##- Bitte geben Sie Ihre Antwort oberhalb dieser Zeile ein -##

4

Hey @Crash-007

Danke für die weiteren Angaben und ich habe jetzt in der Doku die technischen Eigenheiten der Alt Tags nachgelesen und und folgendes sind ein paar Fakten zu deren Verhalten und es kann sein dass die neue Bildansicht keine Alt Tags anzeigt.

Alt-Tags werden zu Produktbildern hinzugefügt und können über die Storefront und die API angezeigt werden. Im Produktbild-Editor auf der Produktverwaltungsseite sind sie nicht sichtbar.

Wenn man ein bestimmtes Bild auf der Produktseite überprüft, kann man manchmal sehen, dass das ALT-Tag vorhanden ist - Die API liefert ein ALT-Tag. In der neuen Bildansicht wird es jedoch nicht angezeigt.

Man kann ein Produktbild über die Produktbild-API ändern, um ein Alt-Tag über die Meta-Felder hinzuzufügen, mit einem Code wie den folgenden:

{
  "image": {
    "id": 4721977884694,
    "position": 1,
    "metafields": [
      {
        "key": "alt",
        "value": "TESTING ADD ALT TAG TO PRODUCT",
        "value_type": "string",
        "namespace": "tags"
      }
    ]
  }
}

Allerdings wenn man das Bild im Bildeditor auf der PAP (product admin page) anzeigt, wird kein Alt-Tag wird angezeigt.

Desweiteren kann eine SEO App wie SEO Image Optimizer by Booster Apps die Alt Tags beeinflussen oder sogar löschen.

Ein paar weitere Schritte die man machen kann:

  1. Crawle mal die Website selbst - mit einem tool wie Screaming Frog SEO Spider und Sitebulb, um zu überprüfen, ob die Alt-Tags tatsächlich fehlen oder ob die SEO-Tools irren.

  2. Überprüfe die Theme-Einstellungen - manchmal können bestimmte Themes dazu führen, dass Alt-Tags nicht korrekt angezeigt werden.

  3. Es können bestimmte Apps, insbesondere SEO-Apps, die Alt-Tags auf der Website beeinflussen. Es könnte hilfreich sein, diese Apps vorübergehend zu deaktivieren, um zu sehen, ob das das Problem löst.

Unser Support Team kann einen :eyes: in das Backend werfen:

Um dir dabei behilflich zu sein, sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

5

Danke für die Antwort.

Zu Deinem Feedback:

Danke für die weiteren Angaben und ich habe jetzt in der Doku die
technischen Eigenheiten der Alt Tags nachgelesen und und folgendes sind ein
paar Fakten zu deren Verhalten und es kann sein dass die neue Bildansicht
keine Alt Tags anzeigt.

Was ist die neue Bildansicht?

Alt-Tags werden zu Produktbildern hinzugefügt und können über die Storefront
und die API angezeigt werden. Im Produktbild-Editor auf der
Produktverwaltungsseite sind sie nicht sichtbar.

Wenn wir ein bestimmtes Bild auf der Produktseite überprüfen, können wir
sehen, dass das ALT-Tag vorhanden ist; Die API liefert ein ALT-Tag. In der
neuen Bildansicht? wird es jedoch nicht angezeigt.

Gehe ich jetzt Recht in der Annahme, dass diese Information von Schopify
überholt ist?

https://help.shopify.com/de/manual/products/product-media/add-alt-text

Wenn man ein Produktbild über die Produktbild-API ändert, um ein Alt-Tag
über die Meta-Felder hinzuzufügen, dann mit einem Code wie den folgenden:

{ “image”: { “id”: 4721977884694, “position”: 1, “metafields”: [
{ “key”: “alt”, “value”: “TESTING ADD ALT TAG TO PRODUCT”,
“value_type”: “string”, “namespace”: “tags” } ] }}

Bedeutet das jetzt für mich, dass ich eine API-App installieren muss, nur um
ein Alt-Attribut in ein Bild einzufügen?

Allerdings wenn man das Bild im Bildeditor auf der product admin page
anzeigt, wird kein Alt-Tag wird angezeigt.

Sorry, eigentlich ist mir hier nichts klar. Ich habe mir den Quelltext
angesehen. Es sind genau 8 fehlende Alt-Attribute. Warum 8 und nicht alle?

Da es sich ja nur um ein „Attribut“ handelt, hat man denn keine Möglichkeit
dies im Code zu ergänzen? Das wäre doch die einfachste Möglichkeit

Desweiteren kann eine SE O App wie SEO Image Optimizer by Booster Apps die
Alt Tags beeinflussen oder sogar löschen.

Ich hatte SEOAnt installiert. Und weil ich das Gefühl hatte, die Seite wird
zu sehr belastet, Performance ist eingebrochen, wieder deinstalliert.

Kann aber nicht sagen, ob es seit der Zeit ist.

Habe die Firma angeschrieben und um ein Statement gebeten.

6

@Crash-007

Ok das mit dem API und Metafields usw. ist nur extra Info bzgl. dem Systemverhalten, dass wir zur Kenntnis nehmen können. Aber m. E. sieht es nach einem möglichen hinterlassenen Code deiner SEOAnt App aus, nachdem du sie deinstalliert hast.

An dieser Stelle können wir nur zu dem Schluss kommen, dass entweder die Software, mit der du deine Tests durchführst, möglicherweise ungenau ist, oder dass dein Theme die Bilder verändert, bevor du sie deinen Kunden in deinem Live-Store präsentierst, ODER dass die SEOAnt App ggf. einen Code im Theme hinterlassen hat, dass die ALT Tags irgendwie ändert.

Weitere Schritte:

  • Wenn du eine frische Kopie deines Themes zum Shop hinzufügst und eine ALT-Tags Prüfung durchführst, fehlen da auch dieselben “8 ALTs”?
  • Bei so einem Fall wäre auch ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren.
  • Wenn du einen CSV Export aller Produkte machst, ist dann der ALT Text für jedes Produkt vorhanden, in der CSV Spalte “AA”?

image.png
image.png1239×492 67.7 KB

Um dir weiterhin behilflich zu sein, kann unser Support-Team das näher anschauen. Sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

7

Hallo Gabe,

sorry, dass ich heute erst antworte – war beruflich sehr eingespannt.

Antworten zu deinen Fragen:

Ok das mit dem API und Metafields usw. ist nur extra Info bzgl. dem
Systemverhalten, dass wir zur Kenntnis nehmen können. Aber m. E. sieht es
nach einem möglichen hinterlassenen Code deiner SEOAnt App aus, nachdem du
sie deinstalliert hast.

Habe noch kein Feedback zu meinen Fragen von SEOAnt

An dieser Stelle können wir nur zu dem Schluss kommen, dass die Software,
mit der du deine Tests durchführst, möglicherweise ungenau ist…

Halte ich für ausgeschlossen, da ich MEHRERE unterschiedliche Portale
benutzt habe

ODER dass entweder dein Theme die Bilder verändert, bevor du sie deinen
Kunden in deinem Live-Store präsentierst

Es ist DAWN, aktueller Stand – kann aber hierzu nichts sagen, wenn dies so
wäre.

ODER dass die App ggf. einen Code im Theme hinterlassen hat dass die ALT
Tags irgendwie ändert.

Siehe oben, hatte App-Ersteller um Statement gebeten

Weitere Schritte:

Wenn du eine frische Kopie deines Themes zum Shop hinzufügst und eine
ALT-Tags Prüfung durchführst, fehlen da auch “8 ALTs”? Bei so einem Fall
wäre ein befristeter Vorschaulink
<>eine-voransicht-eines-themes-mit-anderen> zu einem Beispiel sehr hilfreich
das schneller zu analysieren.

Bitteschön: https://s7teibsz07jqtzcy-75369873710.shopifypreview.com/

Hier fehlen auch 8 Alt, obwohl bei der Life-Version nur 6 ALT fehlen.

Fazit für mich… es liebt nicht an der gelöschten SEOAnt App.

Wenn du einen CSV Export aller Produkte machst, ist dann der ALT Text für
jedes Produkt vorhanden, in der CSV Spalte “AA”?

Alle Alt Texte vorhanden

Heute Morgen habe ich wieder Alt Text Test am Life Objekt gemacht.

Jetzt sind es noch 6 Grafiken, wo das Attribut fehlt.

Speziell die Bilder der 6 Kategorien Header

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/Universal-Artikel-The
rmorollen-Startseite-smal.jpg?v=1685352134&width=1500

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/pexels-tiger-lily-448
1260.jpg?v=1685213756&width=1500

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/Universal-Artikell-Ko
llektion-Aluminiumfolien.jpg?v=1685213793&width=1500

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/Universal-Artikell-Ko
llektion-Fotopapier.jpg?v=1685213691&width=1500

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/Universal-Artikell-Ko
llektion-Lebensmittelbehaelter.jpg?v=1685213670&width=1500

//cdn.shopify.com/s/files/1/0753/6987/3710/collections/Universal-Artikell-Ko
llektion-Schutzmasken.jpg?v=1685213713&width=1500

Hier nochmal Screenprint eines Kollektions-Bildes mit Alt Text.

Wenn es nun wirklich nicht zu lösen ist muss ich vorerst damit leben. Wir
ziehen das Projekt grad erst mal einfach auf und denken mittelfristig
sowieso über ein anderes Theme nach.

Viele Grüße

8

Hey @Crash-007

Gut und da es ein möglicher Bug im Dawn Theme sein könnte, kann das unser Kern Support Team anschauen. Wenn es sich aber, wie ich bereits erwägt habe, um ein Problem einer drittanbieter App INstallation, dann werden die App Entwickler die besten Ansprechpartner sein. Hast du bereits ein Ticket bei unserem Support-Team geöffnet?

Falls nicht, sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

Sende denen bitte auch alle Punkte und Angaben die wir hier im Thread besprochen haben.