- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergadu](/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšíření](/kategorie/aplikace)
- [S Mergadem do zahraničí](/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](/kategorie/ze-zivota-mergada)
1. [ Úvod ](/)
2. [ Blog ](/blog)
3. [ Rozšíření ](/kategorie/aplikace)
4. **Dostaňte vaši obrazovou reklamu do kondice s průvodcem Feed Image Editoru**
# **Dostaňte vaši obrazovou reklamu do kondice s průvodcem Feed Image Editoru**
[  Lukáš Horák ](/blog/lukas-horak) [Rozšíření](/kategorie/aplikace)
24. 3. 2020
5 minut čtení
Poučka, že obrázek vydá za tisíc slov, se v e‑commerce opakuje snad každý den. U image marketingu platí, že aby obrázky zákazníky zaujaly, musí být **v perfektním stavu po obsahové i po technické stránce**. Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) proto připravila **průvodce**, který vám prakticky ukáže, co všechno si v image feedu potřebujete ohlídat, aby vaše kampaně přinášely požadovaný efekt.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
Poučka, že obrázek vydá za tisíc slov, se v e‑commerce opakuje snad každý den. U image marketingu platí, že aby obrázky zákazníky zaujaly, musí být **v perfektním stavu po obsahové i po technické stránce**. Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) proto připravila **průvodce**, který vám prakticky ukáže, co všechno si v image feedu potřebujete ohlídat, aby vaše kampaně přinášely požadovaný efekt.
## Začněte auditem obrázků
Pokud se budou vaše obrázky pomalu načítat, budou mít nízkou kvalitu, či budou například zcela chybět, riskujete, že **odradíte** zákazníky. Různé zbožáky také mají **vlastní** **pravidla** ohledně zobrazování vodoznaků, velikostního limitu obrázků, anebo vyžadují specifický formát.
Aplikace [Feed Image Editor](https://www.mergado.cz/tema/feed-image-editor) obsahuje **nástroje**, které vám **pomohou** **zjistit**, jestli jsou vaše produktové obrázky v pořádku a splňují všechna pravidla srovnávačů a dalších reklamních systémů. [Audit FIE](https://www.mergado.cz/blog/audit-obrazku-fie) je základní funkce, kterou **by** **měl** **využít** každý nový uživatel, aby odhalil problémové obrázky. To je však jen špička ledovce – Feed Image Editor vám pomůže všechny chyby obrázků **odstranit** a nastavit obrazovou inzerci tak, aby **fungovala co nejefektivněji**.
### Projděte si návody cyklu Cesta za ideálním image feedem
Abyste věděli, co všechno si u produktových obrázků potřebujete ohlídat, sepsal pro vás Feed Image Editor [cyklus návodů](https://www.feed-image-editor.cz/tema/cesta-k-idealnimu-image-feedu). Naučí vás, jak v obrazové inzerci **odhalíte** **chyby**, problémové obrázky dočasně **skryjete** či kde za ně **najdete** **náhradu**.
- ### 1. Chybějící obrázky
Chybějící obrázky jsou jednou z nejobvyklejších chyb. Zkontrolujte, jestli ve vašem feedu u produktů **nechybí element IMGURL**. Produkty také **nemusí být spárované**, obrázkové soubory také mohou úplně **chybět**. Důsledkem toho se nebudou ve zbožácích zobrazovat.
Odstraňte problémy s chybějícími obrázky pomocí návodu: [Cesta k ideálnímu image feedu 1: Chybějící obrázky](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-1-chybejici-obrazky).
- ### 2. Chyba 403/404/500
V několika případech se zákazníkům mohou objevit **chybové** **hlášky**, které je od nákupu na vašem e‑shopu odradí. To se děje hlavně pokud na webovou stránku, kde jsou obrázky uložené, **nemáte přístup, nebyla nalezena**, nebo má **jiný** **technický** **problém**. I když je ve vašem feedu element IMGURL v pořádku, znamená to, že se vaše produktové obrázky nebudou zobrazovat.
Všechny dotazy k tomuto tématu vám zodpoví tento článek: [Cesta k ideálnímu image feedu 2: Chyba 403/404/500](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-2-chyba-403404500-chybejicinedostupny-obrazek).
- ### 3. Nepodporovaný formát
Častokrát se stává, že formát souboru, na který URL adresa odkazuje, **není** **podporovaný** jedním ze zbožáků, anebo **nepatří mezi standardní obrázkové formáty**. V prvním případě to znamená, že vaše produktové obrázky srovnávač zamítne. Ve druhém, že se nebudou zobrazovat ani ve vašem e‑shopu.
Informace, jak opravíte formáty obrázků, najdete zde: [Cesta k ideálnímu image feedu 3: Nepodporovaný formát](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-3-nepodporovany-format).
- ### 4. Nepovolené znaky v URL adrese
Produktové obrázky mohou být srovnávači zamítnuty, když je jejich URL adresa **příliš** **dlouhá**, nebo obsahuje **znaky, které nejsou podle kritérií povolené**. Častým problémem je diakritika či mezery v názvu obrázku.
Více o odhalení nepovolených znaků vám řekne tento článek: [Cesta k ideálnímu image feedu 4: Nepovolené znaky v url adrese](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-4-nepovolene-znaky-v-url-adrese).
- ### 5. Rozměry obrázku
Pokud má obrázek příliš **malé** **rozměry**, nepůjdou rozeznat detaily produktů. A pokud **nesplňuje** minimální rozměry stanovené srovnávačem, nebude se na něm zobrazovat.
Více v návodu: [Cesta k ideálnímu image feedu 5: Rozměry obrázku](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-5-rozmery-obrazku).
- ### 6. Datová velikost obrázku
Může se také stát, že **velikost obrázku překračuje kritéria** srovnávačů a důsledkem toho bude zamítnutý. Ve vašem e‑shopu se to navíc negativně projeví tím, že se obrázky budou **dlouho** **načítat**.
Přečtěte si víc, jak ošetřit datovou velikost obrázků: [Cesta k ideálnímu image feedu 6: Datová velikost obrázku](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-6-datova-velikost-obrazku).
- ### 7. Identické obrázky
Pokud vaše inzerce používá **shodné** **obrázky**, nedělá to dobrý dojem. Existuje jen pár výjimek jako produkty, které mají stejné obrázky např. u velikostních **variant** oblečení, u **ilustračních** obrázků či nehmotných produktů.
Proč si dát pozor na identické obrázky, se dozvíte zde: [Cesta k ideálnímu image feedu 7: Identické obrázky](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-7-identicke-obrazky).
- ### 8. Průhledné pozadí
**Bílé** **pozadí** produktových obrázků je nepsaným **standardem** u většiny reklamních systémů a srovnávačů. V případě, že některé z vašich obrázků mají průhledné pozadí, budou zamítnuté, anebo se jim pozadí doplní automaticky a budou vypadat kostrbatě.
Jak odstraníte chyby v používání průhledného pozadí, si přečtěte v tomto článku: [Cesta k ideálnímu image feedu 8: Průhledné pozadí](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-8-pruhledne-pozadi).
- ### 9. Vodoznaky
Pokud chráníte vaše produktové obrázky vodoznaky, počítejte s tím, že reklamní systémy jako Heureka, GLAMI či Google Nákupy vám tyto produkty **nezobrazí**. S Feed Image Editorem hravě odhalíte, na kterých obrázcích se ve vašem feedu nachází.
Návod, jak pomocí FIE na webu najdete obrázky s vodoznaky, si přečtěte zde: [Cesta k ideálnímu image feedu 9: Vodoznaky](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-9-vodoznaky).
- ### 10. Pozice, zarovnání a velikost produktu na obrázku
V ideálním případě by měly produkty na obrázku vyplňovat **co největší plochu** a být zarovnané na střed. V opačném případě se u nich **ztrácí informační hodnota** a působí **nejednotně**.
Ošetřete tato důležitá úskalí pomocí FIE s článkem: [Cesta k ideálnímu image feedu #10: Pozice, zarovnání a velikost produktu na obrázku](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-10-pozice-zarovnani-velikost-produktu-na-obrazku)
- ### 11. Kvalita obrázků
Pokud nejsou produktové obrázky dostatečně **ostré**, obsahují **glitch** nebo jsou **rozmazané** jiným způsobem, mohou svojí nedostatečnou kvalitou **odradit** zákazníky.
Dodejte svým obrázkům potřebnou kvalitu prostřednictvím návodu: [Cesta k ideálnímu image feedu #11: Kvalita obrázků](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-11-kvalita-obrazku)
- ### 12. Další drobné úpravy
Feed Image Editor obsahuje mnoho **filtrů a nástrojů** na detekci dalších nedokonalostí. Využijte je na to, abyste vaše produktové obrázky prřiblížili k dokonalosti a **navýšili tak zájem** o vaše produkty.
Dokončete cestu za ideálním image feedem a přečtěte si poslední článek této série: [Cesta k ideálnímu image feedu #12: Další drobné úpravy](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-12-dalsi-drobne-upravy)
### **Pusťte si video a podívejte se, jak nastavovat Feed Image Editor v praxi:**
[Mergado Store](https://store.mergado.com/) nenabízí jenom Feed Image Editor, ale mnoho dalších užitečných appek, které vám například pomohou [zefektivnit bidding na Heurece a Zboží.cz](https://store.mergado.com/detail/biddingfox/#about) nebo [zautomatizovat párování produků](https://store.mergado.com/detail/pairingbear/#about). Vyzkoušejte je. Jejich používání vám **urychlí mnoho práce**.
Mergado je pro nastavování perfektní základ a jeho aplikace jeho funkce ještě více rozšiřují. Feed Image Editor patří mezi jedny z těch nejužitečnějších. Používejte ho naplno – **přinese vám mnoho nových zákazníků**.
### **Mohlo by vás zajímat:**
[ 
### Jak připravit produktová data tak, aby dávala smysl pro GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahajte festivalovou sezónu nadupanou konferencí Mergado Fest
](/blog/zahajte-festivalovou-sezonu-na-mergado-festu)
[ 
### Jak optimalizace feedu zvýšila výkon Meta Ads bez navýšení rozpočtu
](/blog/optimalizace-feedu-pro-Meta-Ads)
- [ Mergado rozšíření ](/tema/mergado-aplikace)
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Image Marketing ](/tema/image-marketing)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/blog/lukas-horak)
Lukáš se v Mergadu stará o většinu komunikace v češtině. Prostřednictvím blogu, e‑mailu a sociálních sítí pravidelně zásobuje čtenáře aktualitami z e‑commerce a novinkami a tipy z Mergada. Pokud zrovna není copywriterem, užívá si prosté věci jako badminton, výlety mezi utajené skvosty osmdesátkové hudby a plody moře podávané s červeným vínem.
## Mohlo by vás *zajímat*
[ 
### Jak na GPSR na Allegru a Kauflandu: S tímto průvodcem sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků
](/blog/alternativni-produkty)
[ 
### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat
](/blog/icecat-clicking-goat-doplnte-chybejici-data)
## Ať vám *nic neunikne*
Přihlašte se do našeho newsletteru
Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](/prohlaseni-o-cookies).
Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}