Název a popisek obrázku ve WordPressu a tři další pole: která opravdu něco dělají
Název a popisek obrázku ve WordPressu jsou dvě z pěti polí: alt text, název, popisek, popis a název souboru. Nejvíc záleží na alt textu, protože ho čtou čtečky obrazovky i Google. Popisek pod obrázkem vidí každý. Název udržuje pořádek v knihovně, popis se obvykle nikde neukazuje a název souboru se nejsnáz nastaví před nahráním.
Autor: Tým TellMyShop. Průvodce pro majitele webů na WordPressu a obchodů na WooCommerce: příčina, ruční oprava a stejná práce v rozhovoru v chatu.
Naposledy aktualizováno: · 6 min čtení
Pět polí obrázku v Knihovně médií
Klikněte na libovolný obrázek v Média → Knihovna. Otevře se okno s podrobnostmi přílohy a poli k vyplnění. Popisuje je dokumentace obrazovky Knihovny médií. Pole vypadají podobně, ale každé skončí jinde.
| Pole | Kdo ho vidí | Vliv na Google | Co zadat | Vyplatí se opravit u starých obrázků? |
|---|---|---|---|---|
| Alternativní text | čtečky obrazovky, Google, návštěvníci, když se obrázek nenačte | velký | co obrázek ukazuje, několik až desítka slov | ano, počínaje stránkami s návštěvností |
| Název | vy v knihovně, obvykle nikdo jiný | zanedbatelný, obvykle není v kódu stránky | krátký název, který vám pomůže soubor najít | ano, když hledáte a máte jen soubory IMG_ |
| Popisek | každý návštěvník, pod obrázkem | nepřímý, jako text vedle obrázku | informace pro čtenáře: autor, místo, vysvětlení | jen tam, kde je popisek potřeba |
| Popis | návštěvníci stránky přílohy, pokud je zapnutá | malý | delší vysvětlení, pokud stránka přílohy dává smysl | obvykle ne |
| Název souboru | každý, kdo se podívá na adresu obrázku | slabá nápověda | pár krátkých slov oddělených pomlčkami | nové soubory ano, staré jen výjimečně |
O alt textu jsme napsali samostatný článek s příklady dobrých a špatných popisů: alt text obrázků ve WordPressu. Tady se podíváme na zbylá čtyři pole, na která se ptáte, když vaše knihovna vypadá jako složka z fotoaparátu.
Název IMG_2034: kosmetika, nebo problém?
Spíš kosmetika než problém. WordPress při nahrání vezme název z názvu souboru, takže fotka z telefonu dostane název „IMG_2034“. V typické šabloně se tento název do kódu stránky nedostane, takže ho Google nečte.
Potíž je jinde. Knihovna s tisícem souborů IMG_ se nedá prohledávat. Hledáte fotku lucerny k novému příspěvku a procházíte miniatury jednu po druhé. Navíc název z fotoaparátu skoro vždy znamená, že nikdo nesáhl ani na alt text, a ten Google a přístupnost ovlivňuje.
Čtvrtek, 22:10. Otevřete knihovnu, abyste dali názvy obrázkům z posledního focení produktů. Soubor 37 ze 400, u každého kliknutí, napsat název produktu a dávat pozor, abyste je nespletli. K takové práci se vrátíme na konci.
Popisek a popis: který je pro koho
Popisek je jediné z těchto polí, které vidí každý návštěvník, protože ho šablona ukazuje pod obrázkem. Vyplňte ho, když obrázek potřebuje vysvětlit: kdo je na fotce, kde vznikla, co ukazuje graf. Pod fotkou produktu na bílém pozadí popisek obvykle nic nepřidá.
Popis se ukazuje jen na stránce přílohy, samostatné stránce jen s obrázkem. Od WordPressu 6.4 mají nové instalace tyto stránky vypnuté a adresa přílohy vede na soubor. Starší weby si je po aktualizaci ponechaly. Podrobnosti uvádí poznámka týmu jádra WordPressu ke změnám stránek příloh. SEO pluginy jako Yoast SEO a Rank Math stránky příloh obvykle také přesměrují. V praxi můžete pole Popis vynechat.
U obou polí je háček, stejný jako u alt textu. Když obrázek vložíte do příspěvku, popisek se zkopíruje do obsahu příspěvku. Pozdější změna v knihovně starší příspěvky neopraví.
Název souboru: změňte ho před nahráním
Název souboru je jediné z pěti polí, které vám WordPress v knihovně změnit nedovolí. Podle pokynů Googlu k obrázkům dává dobrý název velmi slabou nápovědu o tom, co na obrázku je. Google doporučuje krátké popisné názvy místo obecných jako image1.jpg.
Váha této nápovědy je malá a riziko dodatečné změny značné. Přejmenování nahraného souboru změní jeho adresu, takže příspěvky, které ho používají, je třeba opravit a staré adresy přesměrovat. Proto:
- nové obrázky pojmenujte před nahráním, například kovana-lucerna-terasa.jpg,
- staré soubory hromadně nepřejmenovávejte jen kvůli SEO,
- výjimkou je občasný obrázek na nejdůležitějších stránkách, pokud ho stejně měníte.
Jak uklidit údaje obrázků krok za krokem
V pořadí od toho, co pomůže nejvíc, po kosmetiku.
- Najděte obrázky bez alt textu. Začněte těmi na úvodní stránce, v nabídce, u produktů a v nejčtenějších příspěvcích.
- Vyplňte alt text. Je to jediné pole, které opravdu ovlivňuje Google a přístupnost.
- Opravte názvy obrázků, které mají názvy z fotoaparátu, abyste je v knihovně našli.
- Popisky přidejte jen tam, kde je čtenáři potřebují: fotky s lidmi, místa, grafy.
- Pole Popis nechte být, pokud váš web nemá zapnuté stránky příloh a nepotřebuje je.
- Stanovte si pravidlo pro pojmenování nových souborů a dodržujte ho při každém nahrání.
- Zkontrolujte několik starších příspěvků, zda popisky v obsahu odpovídají knihovně.
Pokud vaše obrázky váží každý několik megabajtů, podívejte se rovnou i na článek o tom, proč je WordPress pomalý.
Jak chat uklízí Knihovnu médií po dávkách
Ráno napíšete jeden požadavek, přečtete vzorky a schválíte dávku. Plugin TellMyShop pro WordPress a WooCommerce najde v knihovně obrázky s názvy z fotoaparátu a bez alt textu. Váš chat (Claude nebo ChatGPT) navrhne alt text, název a případně popisek podle názvu souboru a stránky nebo produktu, ke kterému je obrázek připojený. Když z těchto dat není jasné, co na obrázku je, nehádá a soubor odloží pro vás.
Vy: Obrázky z posledního focení mají názvy IMG_. Oprav názvy a alt texty, popisky nepřidávej.
Váš chat: Knihovna má 112 obrázků s názvem z fotoaparátu a 96 z nich nemá alt text. Tři vzorky:
Názvy souborů neměním. 9 obrázků není připojených k žádné stránce, ty nechávám vám. Vyhovuje styl?
Vy: Ano, udělej zbytek.
Váš chat: Náhled první dávky: 50 obrázků. Uložím po vašem „ano“.
Stav karty: čeká na vaše „ano“IMG_2034.jpg, připojený k produktu Malá závěsná lucerna
stará verze: název: IMG_2034, alt: žádný
nová verze: název: Malá závěsná lucerna černá, alt: Malá závěsná lucerna v černé barvě na řetízku
IMG_2041.jpg, připojený k příspěvku Jak na podzim osvětlit terasu
stará verze: název: IMG_2041, alt: žádný
nová verze: název: Terasa s lucernami na podzim, alt: Dřevěná terasa večer osvětlená třemi lucernami
Čísla a názvy v této konverzaci jsou příklady. Změna alt textu, názvu a popisku funguje v TellMyShop Pro hned po aktivaci licence, bez přepínačů, v dávkách až po 50 obrázcích. Každá dávka má náhled, zapíše se do historie změn a každou změnu můžete vrátit zpět jedním požadavkem. U velké knihovny chat nejdřív ověří, zda se práce vejde do hodinových limitů nastavených v panelu, a případně navrhne etapy.
Co chat nedělá: nepřejmenovává nahrané soubory a nedívá se na obrázky tak jako člověk; pracuje s daty kolem nich. Kopie popisků a alt textů ve starších příspěvcích jsou samostatná změna obsahu příspěvku, také s náhledem.
V bezplatné verzi TellMyShop Free chat najde obrázky bez alt textu a s názvy z fotoaparátu a navrhne popisy, ale neuloží je. Stáhnete si ji ze stránky TellMyShop Free. Podrobnosti jsou na stránce TellMyShop pro WordPress a WooCommerce a ceny v ceníku. Obrázky jsou jedním bodem širší kontroly, kterou popisujeme v návodu k SEO auditu webu na WordPressu.
Otázky a odpovědi
Škodí mému webu v Google název obrázku jako IMG_2034?
Název v Knihovně médií se obvykle do kódu stránky nedostane, takže ho Google nevidí. Škodí chybějící alt text, který jde s názvem z fotoaparátu často ruku v ruce. Pořádný název pomáhá hlavně vám při hledání souborů.
Jaký je ve WordPressu rozdíl mezi popiskem a popisem obrázku?
Popisek je text pod obrázkem, který vidí každý návštěvník. Popis se ukazuje jen na stránce přílohy a v nových instalacích WordPressu jsou tyto stránky ve výchozím stavu vypnuté. V praxi je popisek pro čtenáře a popis obvykle můžete vynechat.
Jak ve WordPressu změním název souboru obrázku?
WordPress pro to pole nemá. Nejjednodušší je dát souboru dobrý název před nahráním. Přejmenování už nahraného obrázku potřebuje samostatný plugin a hrozí rozbitými odkazy v příspěvcích, takže to dělejte jen tam, kde se to opravdu vyplatí.
Proč se změna popisku v knihovně neprojeví v mém příspěvku?
Protože blokový editor ukládá popisek do obsahu příspěvku při vložení obrázku. Knihovna médií ho jen nabízí pro nová vložení. Ve starších příspěvcích popisek opravíte v bloku Obrázek.
Přejmenuje chat soubory obrázků?
Ne. Chat vyplní alt text, název a popisek v Knihovně médií a už nahrané soubory nepřejmenovává. Dobrý název souboru dostanou jen obrázky, které chat v TellMyShop Pro sám nahraje z adresy.
WordPress je ochranná známka WordPress Foundation. WooCommerce je ochranná známka společnosti Automattic Inc. 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.