Alt text obrázků v PrestaShopu: popis stovek fotek pro Google a čtečky obrazovky
Alt text obrázků v PrestaShopu je popisek obrázku, který zadáváte na stránce produktu u každé fotky. E-shop ho vkládá jako alternativní text, který čtou Obrázky Google i čtečka obrazovky nevidomého člověka. Dobrý alt text popisuje, co je vidět: název produktu, barvu a pohled. Stovky prázdných popisků vyplníte po dávkách, počínaje bestsellery.
Autor: Tým TellMyShop. Průvodce pro majitele obchodů na PrestaShopu: příčina, ruční oprava a stejná práce v rozhovoru v chatu.
Naposledy aktualizováno: · 4 min čtení
Proč fotka produktu potřebuje popis, když ji zákazník vidí?
Protože ne každý, kdo e-shop navštíví, obrázek vidí. Nevidomý člověk místo obrázku slyší alt text. Ani robot Googlu se na obrázky nedívá jako člověk a používá text kolem nich, včetně altu.
Google to jasně říká ve svých doporučeních pro SEO v Obrázcích Google: popisný alt text mu pomáhá pochopit, co obrázek ukazuje. Návod W3C k obrázkům dodává druhou stranu: alt text má předat stejnou informaci, jakou dává obrázek. U produktu je to obvykle barva, varianta a úhel, ze kterého se díváme.
A pak je tu případ, kdy se obrázek nenačte. Prohlížeč na jeho místě ukáže alt text, jak popisuje MDN.
Jak vypadá dobrý alt text obrázku produktu?
Krátký, konkrétní a jiný u každého obrázku stejného produktu. Porovnejte tři verze pro jednu galerii.
| Obrázek | Slabý alt | Přehnaný alt | Dobrý alt |
|---|---|---|---|
| titulní | Lucerna Nora | lucerna zahradní lucerny levné kovové lucerny e-shop | Lucerna Nora, černá, 40 cm, pohled zepředu |
| druhý | Lucerna Nora | Lucerna Nora nejlepší zahradní lucerna | Lucerna Nora, černá, se svíčkou uvnitř |
| třetí | (prázdný) | lucerna dárek lucerna na terasu lucerna | Lucerna Nora na terase večer |
Slabý alt opakuje název, takže tři obrázky zní stejně. Přehnaný je seznam frází, který nikdo nechce slyšet ve čtečce obrazovky. Dobrý říká, čím se tento obrázek liší od ostatních.
Kdy záleží na alt textu pro prodej?
Nejvíc v kategoriích, kde zákazníci hledají podle obrázku. Nábytek, lampy, oblečení, dekorace: tady mnoho lidí začíná v Obrázcích Google a klikne na fotku, která sedí. Obrázek s dobrým popisem na správné stránce produktu má větší šanci, že Google pochopí, co ukazuje.
Druhou stranou je přístupnost. Od června 2025 platí v EU Evropský akt o přístupnosti. Vztahuje se i na mnoho e-shopů, s výjimkami pro nejmenší firmy. Popsané obrázky jsou jedním ze základních prvků přístupné stránky. Ověřte si, zda váš e-shop pod tato pravidla spadá. Alt text se vyplatí mít tak jako tak.
Popisy obrázků nenahradí dobrý název a popis produktu. Jsou jedním ze signálů, které Googlu společně říkají, co prodáváte.
Kolik práce je to v administraci?
Jedno kliknutí na obrázek a obrázků je několikrát víc než produktů. Pondělí, 21:40. Otevřete produkt, kliknete na první obrázek, napíšete popisek, uložíte, kliknete na druhý. V kategorii s 80 produkty po 4 obrázcích je to 320 popisů. V e-shopu se dvěma jazyky dvakrát tolik.
Administrace nemá hromadnou úpravu popisků. Na fórech najdete dotazy do databáze nebo moduly, které do každého prázdného popisku vloží název produktu, jak popisuje Sitolog. Je to rychlé, ale dá vám to výsledek z prvního sloupce tabulky: každý obrázek se stejným popisem.
Jak vyplnit alt texty obrázků krok za krokem?
Začnete seznamem toho, co chybí, ne prvním produktem v katalogu.
- Zjistěte rozsah. Kolik obrázků nemá popisek a ve kterých kategoriích.
- Zvolte pořadí. Nejdřív produkty, které se prodávají, a kategorie s návštěvností z Google.
- Nastavte vzor. Například: název, barva nebo varianta, pohled. Vzor drží popisy jednotné.
- Popisujte jen prázdné popisky. Popisy, které někdo napsal ručně, bývají lepší než vzor.
- Zkontrolujte vzorek. Pár produktů s různými galeriemi vám řekne, zda vzor funguje.
- Zopakujte to pro druhý jazyk, pokud ho e-shop má.
Jak popsat obrázky celé kategorie jedním požadavkem?
Popíšete vzor a váš chat (Claude nebo ChatGPT) přečte názvy, varianty a pořadí obrázků každého produktu. Pak ukáže náhled: obrázek po obrázku současný popisek a nový. Jedna dávka je až 100 obrázků.
Vy: Doplň popisy k obrázkům bez alt textu v kategorii Lucerny. Název, barva a pohled, pokud je obrázků víc. Existujících se nedotýkej.
Váš chat: V Lucernách nemá popisek 212 obrázků. První dávka je 100 obrázků. Příklady:
Popisy, které už existují, zůstanou beze změny.
Vy: Schvaluji.
Váš chat: Uloženo. Dávku můžete vrátit zpět jedním požadavkem z historie změn. Mám ukázat druhou dávku?
Stav karty: čeká na vaše „ano“stará verze: Lucerna Nora, obrázek 1: (prázdný popisek)
nová verze: Lucerna Nora, černá, pohled zepředu
stará verze: Lucerna Nora, obrázek 2: (prázdný popisek)
nová verze: Lucerna Nora, černá, se svíčkou uvnitř
stará verze: Lucerna Mila, obrázek 1: (prázdný popisek)
nová verze: Lucerna Mila, bílá, pohled z boku
Jeden požadavek pokryje celou kategorii a dávky schvalujete jednu po druhé, každou po přečtení náhledu. Počet chybějících alt textů a navržené popisy uvidíte v TellMyShop Free. Samotné popisky uloží jen TellMyShop Pro, hned po aktivaci licence, bez přepínače. Znění takového požadavku ukazuje případ použití popis stovek obrázků produktů najednou. Chcete při té příležitosti vylepšit celé stránky svých bestsellerů? Podívejte se na vylepšení stránek 20 bestsellerů. Pomůže i článek o tom, jak postavit stránku produktu, která prodává.
Co alt text nevyřeší?
Nevyřeší obrázek, který je malý, tmavý nebo ukazuje jiný produkt. Nenahradí ani popis produktu či název souboru. Chat popisuje obrázky podle dat produktu a pořadí v galerii, ne podle samotného obrázku. Pokud třetí obrázek ukazuje něco neobvyklého, například rozměry na nákresu, opravte tento popis ručně, nebo to zmiňte v požadavku.
Otázky a odpovědi
Kde v PrestaShopu zadáte alt text obrázku?
Na stránce produktu v administraci, u obrázku. Kliknete na obrázek v galerii produktu a napíšete popisek. PrestaShop ho na webu použije jako alternativní text. Popisek je pro každý jazyk zvlášť, takže v e-shopu se dvěma jazyky popisujete každý obrázek dvakrát, jednou pro každý jazyk.
Co se stane, když je popisek obrázku prázdný?
Záleží na šabloně. Mnoho šablon pak vloží název produktu, takže všechny obrázky jednoho produktu mají stejný popis. Čtečka obrazovky přečte pětkrát totéž a Google nepozná, čím se pohled z boku liší od pohledu zezadu. Prázdný alt tak obvykle znamená opakovaný název.
Jak dlouhý má být alt text obrázku produktu?
Krátký, obvykle jedna věta bez tečky. Stačí název produktu, vlastnost, která obrázek odlišuje, a pohled. PrestaShop dovolí popisek až o 128 znacích, ale dobré popisy bývají mnohem kratší. Nepište seznam klíčových slov, protože ho čtečka obrazovky přečte celý.
Přepíše chat alt texty, které jsem už napsal?
Ne, pokud požádáte jen o prázdné. Chat umí změnit jen prázdné popisky a ty, které máte, nechat. V náhledu vidíte každý obrázek s jeho současným a novým popisem. Ukládá se po vašem schválení a celou dávku můžete vrátit zpět jedním požadavkem z historie změn.
Můžu chybějící alt texty zkontrolovat zdarma?
Ano. V TellMyShop Free chat projde vaše produkty a ukáže, kolik obrázků nemá popis a ve kterých kategoriích. Uvidíte i navržené popisy. Uložení nových popisků vyžaduje TellMyShop Pro. Chat je ukládá po dávkách až 100 obrázků, každou po náhledu a vašem schválení, a můžete je vrátit zpět.
PrestaShop je registrovaná ochranná známka společnosti PrestaShop SA. Claude je ochranná známka společnosti Anthropic PBC. ChatGPT a OpenAI jsou ochranné známky společnosti OpenAI. TellMyShop s těmito společnostmi není propojen.