Tekst alternatywny

Co to jest tekst alt?

Alt tekst (tekst alternatywny) to opis podany w alt atrybut <img> tag, na przykład <img src="boot.jpg" alt="Brown leather boot seen from the side">. Czytniki ekranu odczytują tekst na głos użytkownikom z wadami wizualnymi, a jeśli obraz nie zostanie załadowany, pojawi się to jako błąd. Jednocześnie Google używa tekstu alt jako sygnału o tym, co przedstawia obraz.

Dlaczego alt tekst ma znaczenie?

Dla sklepu internetowego alt tekst rozwiązuje dwie rzeczy naraz: dostępność i SEO. Opisowy tekst alt sprawia, że obrazy produktu zrozumiałe dla klientów nawigacyjnych z czytnikiem ekranu, a dobra dostępność obrazu jest wymogiem na mocy Europejskiej Ustawy o Dostępności dla wielu sklepów. Pomaga również Google zrozumieć i indeksować swoje obrazy, które mogą przynieść dodatkowy ruch z Google Images. Całkowicie dekoracyjne obrazy powinny używać pustego atrybutu alt (alt="") więc czytniki ekranu pomijają je zamiast ogłaszać nazwę pliku.

Przypadki wspólnego stosowania

• Obrazy produktów: Opisz produkt konkretnie (“sweter z czerwoną wełną z rolką szyi”), a nie tylko “sweter” lub produkt SKU.
• Obrazy dekoracyjne: Stosowanie alt="" dla tła i ozdoby tak pomocna technologia ignoruje je.
• Obrazy używane jako linki lub przyciski: Tekst alt działa jako tekst linka i powinien opisać, gdzie link prowadzi.
• Infografika i tekst w obrazach: Odtworzyć ważny tekst, aby punkt nie został utracony dla czytników ekranu i Google.

Shopify perspektywa

W Shopify, można edytować alt tekst pod każdym produktem mediów (kliknij obraz i wybierz “Edycja alt tekst”), a motyw zazwyczaj sprawia, że z {{ image.alt }} w płynie. Shopify nie wypełniają automatycznie znaczącego tekstu alt; wiele tematów wraca do tytułu produktu, co rzadko jest dokładnym opisem. Zachować zwięzły tekst (najlepiej pod ~ 125 znaków), opisać obraz naturalnie, i uniknąć nadzienia w słowa kluczowe. Rozważ zapisywanie obrazów jako WebP dla prędkości - tekst alt przenosi się niezależnie od formatu pliku.