Obrázky ovlivňují viditelnost v SEO, zalistování produktů v PPC reklamě a rozhodují o tom, jestli uživatel po zaplacení reklamy dokončí objednávku. Tak proč většina e-shopů má stále jen jeden malý obrázek s vodoznakem a bez přidané hodnoty?
Obrázky v e-shopu nahrazují osobní kontakt s produktem a mají stejnou, ne-li větší rozhodovací váhu než krátký a podrobný popis produktu. Zákazníci na produktové stránce vnímají nejprve fotky a chtějí vidět produkt ze všech úhlů a v reálném prostředí (kuchyňské nože držené v ruce, oblečení vyfocené na reálné osobě, hračky vyfocené s dítětem apod.), pak až u většiny sortimentu čtou popisky a parametry.
Pojďme se podívat, jak správně optimalizovat obrázky od výběru pozadí a komprese, přes správné názvy souborů a alt tagy, až po vyhodnocování návštěvnosti v Search Console a Bing Webmaster Tools. Zároveň si ukážeme, proč dnes řešit také vyhledávání podle fotky, Google obrázky, Google Lens a SEO obrázků, protože zákazníci už dávno nehledají jen textem.
Optimalizace fotek a obrázků pro SEO na Shoptetu (Autor: Tomáš Zahálka)
Proč jsou obrázky důležité pro SEO, PPC i UX?
Produktové obrázky nejsou jen dekorace u textu. Jsou to data pro vyhledávače, reklamní systémy, zbožové srovnávače, AI nástroje a hlavně zákazníky. Pokud zákazník produkt nevidí pořádně, nevěří mu. A když mu nevěří, nenakoupí. Tak jednoduché a zároveň tak často ignorované.
V SEO pomáhají obrázky získávat návštěvnost ze Seznam, Bing a Google obrázků, posilují obsah stránky a pomáhají vyhledávačům pochopit téma produktu. V PPC rozhodují o prokliku v produktových reklamách a často i o schválení produktu ve feedu. V UX prokázaně zvyšují konverzní poměr e-shopu.
Nejhorší kombinace je malý obrázek od dodavatele, vodoznak, špatný název souboru, prázdný alt tag a jeden záběr zepředu. To je nejméně konverzní produktová prezentace způsobující vysoké PNO.
🎯 PPC pro Shoptet e-shopy už od 10 000 Kč měsíčně (PPC tým: Tomáš Zahálka)
Hlavní produktová fotka: Na bílém pozadí!
První produktová fotka je klíčová – nejen pro zákazníka, ale i pro srovnávače zboží, PPC reklamní systémy a vyhledávače. Pokud zde zvolíte rušivé pozadí, vodoznak, špatný úhel, malé rozlišení nebo dokonce text přes fotku, výrazně tím snižujete nejen míru prokliku a konverze, ale hrozí i to, že produkt bude zamítnutý v PPC reklamě na Google Ads, Shoptet kampaních nebo Skliku.
Ideální je transparentní nebo bílé pozadí (#ffffff), vycentrované umístění produktu, ostré světlo, žádné rušivé stíny ani filtry. Fotka má sloužit jako neutrální výchozí bod – tedy to, co zákazník čeká, že uvidí na srovnávačích typu Heuréka, Zboží.cz nebo ve feedu pro Google Merchant Center.
Obrázek by měl mít dostatečné rozlišení, alespoň 1200 × 1200 px, a zároveň být komprimovaný. Fotka má být dostatečně kvalitní pro detail produktu, ale ne tak velká, aby se zpomalovalo načítání webu.
Ukázka produktových fotek na bílém pozadí klienta Bushcraftshop (Zdroj: Nože s pevnou čepelí)
Lifestyle fotky: Emoce prodávají
Hlavní fotka je o čistotě, další mohou být o emocích. Ukažte produkt v akci – na modelce, na ruce, na stole, v domácnosti, v přírodě. Pomůžete zákazníkovi představit si jeho použití a vylepšíte si konverzní poměr. Lifestyle fotky jsou ideální pro sociální sítě, produktové galerie nebo bannery v e-shopu.
E-shopisté často fotí produkty pro Instagram a sociální sítě, dávají je influencerům na otestování a mají tak krásné a realistické fotky, které však zapomínají přidávat do produktové galerie.
Využívejte marketingové aktivity na maximum, přidávejte fotky k produktům a pokud máte právně ošetřený souhlas, zkuste získávat fotky od svých zákazníků výměnou za slevu na další nákup.
Ukázka lifestylových produktových fotek klienta Čokoládovna JANEK (Zdroj: Produkt JANKOVO červené srdíčko)
Vyhledávání podle fotky: Proč ho řešit u e-shopu?
Vyhledávání podle fotky znamená, že uživatel nehledá produkt textem, ale pomocí obrázku, fotky, screenshotu nebo kamery v mobilu. Typicky vidí boty na Instagramu a místo dlouhého popisování použije Google Lens, Google obrázky nebo jiné vizuální vyhledávání.
Pro e-shop je to důležité, protože zákazník často neví, jak produkt správně pojmenovat. Nehledá „dětské dřevěné odrážedlo s retro sedátkem“, ale prostě nahraje fotku a čeká, že mu Google najde podobné produkty. Pokud máte kvalitní originální fotky, dobré názvy souborů, alt texty, správný kontext stránky a čistá produktová data, máte větší šanci se v podobném vyhledávání objevit.
Google obrázky a SEO obrázků
Google obrázky nejsou jen místo, kde lidé hledají tapety na plochu nebo recept na buchtu podle fotky. U vizuálních oborů mohou přivádět relevantní návštěvnost na e-shop, produktové stránky, kategorie i blogové články. Týká se to hlavně módy, nábytku, dekorací, šperků nebo řemeslných výrobků.
SEO obrázků stojí na tom, aby vyhledávače pochopily, co je na obrázku a k jakému tématu patří. Pomáhá tomu název souboru, alt atribut, text kolem obrázku, titulek stránky, kvalita produktového detailu, interní odkazy, strukturovaná data a technická dostupnost obrázku.
Pokud používáte stejné feedové fotky od dodavatele jako dalších padesát e-shopů, nemůžete čekat zázraky. Google už takovou fotku pravděpodobně zná z mnoha jiných webů. Vlastní originální fotky, lifestyle záběry a detailní produktové fotografie vám dávají větší šanci odlišit se.
🔎 SEO pro Shoptet e-shopy už od 15 000 Kč měsíčně (SEO tým: Tomáš Zahálka)
Formáty: JPEG, PNG, WebP a kdy který použít
Formát a velikost obrázků má vliv na rychlost načítání stránky, SEO, schvalovatelnost reklam i spotřebu dat u mobilních uživatelů. Shoptet aktuálně všechny produktové obrázky automaticky převádí do moderního formátu WebP, i když ne všude podporuje přímé nahrání tohoto formátu.
- JPEG – ideální pro fotografie, nízká velikost, dobrá kvalita.
- PNG – vhodné pro obrázky s průhledností, ale má větší datový objem.
- WebP – moderní formát s výbornou kompresí, preferovaný formát, pokud to CMS umožňuje.
- SVG – vektorová grafika vhodná pro ikony, loga a grafické prvky, ne pro fotografie.
- GIF – překonaný formát, pro fotografie nebo produktové obrázky je nevhodný.
- AVIF – menší velikost než WebP při zachování vysoké kvality, včetně podpory průhlednosti.
Produktové obrázky, bannery a fotky pro blogové články nahrávejte nejčastěji v komprimovaném JPEG. Ikonky a loga kodéři s UX designéry standardně nahrávají v SVG.
Ukázka formátování homepage bannerů klienta Počítárna.cz
Velikost obrázků: Komprese bez kompromisu
Obrázky by nikdy neměly mít několik megabajtů. Ideální velikost je do 200–300 kB, maximálně 500 kB. Použijte kompresní nástroj jako TinyPNG, který sníží velikost bez viditelné ztráty kvality.
I ten nejlépe komprimovaný obrázek bude zbytečně velký, pokud má přehnané rozlišení. Pro produktové fotky většinou nepotřebujete obrázky v rozměru 5000 × 4000 px. Bohatě postačí něco okolo 1200 × 1200 px pro hlavní obrázek a 800–1000 px na šířku u doplňkových.
Jak zmenšit rozlišení fotky ve Windows
Nejjednodušší možností je použití vestavěné aplikace Malování:
- Klikněte pravým tlačítkem na obrázek → „Otevřít v programu“ → „Malování“.
- Klikněte na Změnit velikost.
- Přepněte na „pixely“ a nastavte požadovanou šířku, například 1200 px. Výška se upraví automaticky.
- Uložte jako JPEG nebo PNG.
🧠 Marketingové konzultace a audity pro Shoptet e-shopy už od 5 000 Kč (Autor: Tomáš Zahálka)
Jak zmenšit rozlišení fotky v Macu
macOS má skvělý nástroj Preview neboli Náhled:
- Otevřete obrázek ve výchozím Náhledu.
- V horním menu klikněte na „Tools“ → „Adjust Size“.
- Zadejte nové rozměry v pixelech, například 1200 × 1200.
- Uložte jako nový soubor nebo přepište původní.
Alternativou jsou externí nástroje jako ILoveIMG, kde nahrajete obrázek, banner nebo fotku, kliknete v Resize options na By percentage, vyberete 25, 50 nebo 75 % a stáhnete.
Náhledové fotky do článků dělejte ještě menší okolo 300 px (Zdroj: blog klienta Zeleko.cz)
Názvy souborů a alt tagy
Místo názvů jako img_0023.jpg používejte konkrétní a vystihující pojmenování souboru typu lego-stavebnice-1200-dilku-dudlu.jpg. Klíčová slova v názvu oddělte pomlčkami, nepoužívejte diakritiku ani mezery. Tento název se pak automaticky přenese do URL adresy a vyhledávače lépe pochopí k jakým dotazům se fotka vztahuje a zařadí ji do svého indexu.
Alt atribut popisuje obsah obrázku. Vyhledávače čtou právě tento text a zároveň ho čtou čtečky pro nevidomé osoby. Měl by být výstižný a klidně obsahovat klíčové slovo, pokud dává smysl.
- Špatně: alt=“foto1″
- Lépe: alt=“Dětská stavebnice LEGO Classic 1200 dílků“
V Shoptetu můžete hromadně upravit alt popisek obrázku přes Export produktů, kde je nutné nastavit exportní sloupce „Obrázky“ a „Alternativní popis obrázku“. Následně uložte soubor v XLSX a překopírujte obsah sloupce „Name“ do sloupce „imageDesc“. Tím lze rychle vyřešit optimalizaci prvního obrázku. Další obrázky budete muset dělat ručně a lze používat různé varianty klíčových slov.
Při manipulaci s exportem mějte zálohu a nezaměňujte sloupec „imageDesc“ za „image“!
Ukázka hromadné úpravy alt popisku produktů v Shoptetu (Zdroj: klient Dudlu)
Jak vyhodnocovat Bing a Google Images?
Vyhledávání podle obrázků může tvořit zajímavý podíl celkového search provozu, obzvlášť u některých oborů jako je móda, nábytek, šperky, obrazy, turistické vybavení a dekorace.
V Google Search Console lze filtrovat výkon podle obrázků – zobrazí imprese, kliky, CTR i pozice, včetně klíčových slov a vstupních stránek. V Bing Webmaster Tools najdete podobná data. Sledujte, co přivádí návštěvnost zdarma, a reagujte optimalizací alt tagů nebo názvů obrázků.
Vyhledávače preferují originální fotky a obrázky. Pokud budete používat fotobanky a feedové fotky od dodavatelů, nemůžete očekávat stejnou indexaci a organickou návštěvnost jako u vlastních fotek.
Vyplatí se optimalizace pro vyhledávání obrázků?
Produktové fotky, bannery, loga a infografika jsou klíčovým uživatelským prvkem e-shopu. Můžete investovat stovky tisíc do PPC reklamy, mít správně nastavenou cenotvorbu a kvalitní produkty, ale pokud je neumíte vizuálně odprezentovat, zákazníci nebudou nakupovat.
Ukázka výsledků vyhledávání obrázků na Googlu pro klienta Home Pond (Zdroj: SERP Google)
V době mobilů s kvalitní AI pro vytváření fotek nemusíte mít vždy profesionálního fotografa. Každý zvládne nafotit produkty tak, aby se zvedl konverzní poměr a zároveň jste měli šanci vodit organickou návštěvnost z vyhledávačů a AI nástrojů typu ChatGPT.
Tak nezahálejte, optimalzujte obrázky a ať vám e-shopy rostou — celý seriál!
Nejčastější dotazy k optimalizaci obrázků
Odpovědi na časté dotazy kolem SEO obrázků, produktových fotek, alt textů, názvů souborů, komprese, formátů JPEG, PNG, WebP a AVIF, Google obrázků, Google Lens, Shoptetu, produktových feedů a vlivu obrázků na konverzní poměr e-shopu.
Děkuji. Vážím si vašich odpovědí. Po odeslání mi napadala ještě další věc. Jak je to s psaní článku – popisků produktu atd od AI. Jde mi o to, když mi např AI napíše článek na blog, popřípadě parafrázuje článek, který je už napsaný. Má to nějaký negativní/pozitivní vliv na SEO?
S AI teď všichni experimentujeme a já osobně doporučuji jakýkoliv článek od AI pročíst a poupravit (přidat vlastní myšlenky, nápady apod.)
Tedy ať klidně 80 % udělá AI, ale dejte tomu alespoň 20 % svého know-how.
Každopádně testy zatím vypadají všelijak, někdy vás za AI článek Google katapultuje na top pozice a pak vás za měsíc kompletně odstřelí.
Jinde za AI odpálil celou doménu, protože v její obsah ztratil důvěru.
Samotný Google neví zatím jak s tím pracovat a testuje různé scénáře, uvidíme jak to dopadne. :)
Zdravím,
předem chci poděkovat za skvělý blog (škoda, že jsem na něj nenarazil dřív) nicméně dnes jsem ve stavu, že uvažuji o dropu, právě přes dropshipping.cz. – jakmile se vše uklidní (vidím, že váš eshop totiž stále nejede).
Zajímají mě dvě věci – jedna je k článku.
Píšete, foťte si vlastní produkty, vyhledávač to ocení. Jak to řešíte vy? Řešíte vlastní foto, nebo máte jen to co si natáhnete z feed?
Další otázka. Dropshipping.cz má vlastní eshopové řešení. Je dobré, nebo mám spíše uvažovat jak vy a jít formou Shoptetu?
Zdravím Tomáši,
moc děkuji, jsem rád, že se blog líbí a myslím, že lepší narazit na něj později, než vůbec. :)
Fotky v rámci DS neřešíme vlastní, kapacitně se nám to s ohledem na množství produktů a četnost obměny nevyplatí, ale obecně pokud někdo má vlastní produkty / menší rozsah, tak se to vyplatí nejen s ohledem na SEO, ale i brand a UX.
Osobně preferuji Shoptet, protože má na vývoj největší kapacitu v ČR a marketingově nejlepší zázemí. Ovšem nemám DS řešení otestované, jen co jsem viděl, tak je spíš dobré, pokud hlavní marketingový kanál budou sociální sítě / PPC reklama, nikoliv SEO.
Mějte se a ať se daří :)
Děkuji za odpověď. Ještě mám otázku co se týče sortimentu a dropu. Když už se jedná o drop je lepší, když je tam více produktů (např. jak máte vy, tisíce), nebo se specializovat na konkrétní sortimentu o např. 50 produktech a ty mít vyladěné (lepší popisky, fotky, videa atd.)? Kdesi jsem četl, že pokud jede někdo drop, tak by měl spíše mít eshop více produktů – takže tlačit více kvantitu, než kvalitu.
Přiznám se, že pro mě je blíže mít těch produktů méně, ale více vyladěné a tak se odlišit od konkurence.
Děkuji za odpověď.
Tomáši, tohle těžko říct a asi není univerzální odpověď. Více e-shopů je rovno více práce, větším nákladům na provoz a většinou takové projekty moc dlouho nežijí.
Úzce zaměřený e-shop se lépe optimalizuje. Velký jako my zas má větší šanci na zásah nějaké cílovky.
Jelikož nám nejde úplně o samotný prodej, jako spíš experimentovat v rámci naší hlavní práce SEO / PPC, tak jsme si mohli dovolit napojit prakticky cokoliv. :)
Ale je to na vás, každé mé své pro a proti. :)