- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
1. [ Domov ](/)
2. [ Blog ](/blog)
3. [ Rozšírenia ](/kategorie/aplikacie)
4. **Dostaňte vašu obrazovú reklamu do kondície so sprievodcom Feed Image Editora**
# **Dostaňte vašu obrazovú reklamu do kondície so sprievodcom Feed Image Editora**
[  Lukáš Horák ](/blog/lukas-horak) [Rozšírenia](/kategorie/aplikacie)
24. 3. 2020
5 minút čítania
Poučka, že obrázok vydá za tisíc slov, sa v e‑commerce opakuje snáď každý deň. U image marketingu platí, že aby obrázky zákazníkov zaujali, musia byť **v perfektnom stave po obsahovej aj po technickej stránke**. Aplikácia[ Feed Image Editor](http://store.mergado.com/detail/feedimageeditor/#about) preto pripravila **sprievodcu**, ktorý vám prakticky ukáže, čo všetko si v image feedu potrebujete ustrážiť, aby vaše kampane prinášali 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ázok vydá za tisíc slov, sa v e‑commerce opakuje snáď každý deň. U image marketingu platí, že aby obrázky zákazníkov zaujali, musia byť v **perfektnom stave po obsahovej aj po technickej stránke**. Aplikácia [Feed Image Editor](http://store.mergado.com/detail/feedimageeditor/#about) preto pripravila **sprievodcu,** ktorý vám prakticky ukáže, čo všetko si v image feedu potrebujete ustrážiť, aby vaše kampane prinášali požadovaný efekt.
## Začnite auditom obrázkov
Ak sa budú vaše obrázky pomaly načítať, budú mať nízku kvalitu, či budú napríklad úplne chýbať, riskujete, že **odradíte** zákazníkov. Rôzne porovnávače majú aj vlastné pravidlá ohľadom zobrazovania vodoznakov, veľkostného limitu obrázkov alebo vyžadujú špecifický formát.
Aplikácia [Feed Image Editor](http://www.mergado.sk/tema/feed-image-editor) obsahuje nástroje, ktoré vám **pomôžu zistiť**, či sú vaše produktové obrázky v poriadku a spĺňajú všetky pravidlá porovnávačov a ďalších reklamných systémov. Audit FIE je základná funkcia, ktorú by mal využiť každý nový užívateľ, aby **odhalil problémové obrázky**. To je však len špička ľadovca — Feed Image Editor vám pomôže všetky chyby obrázkov odstrániť a nastaviť obrazovú inzerciu tak, aby **fungovala čo najefektívnejšie.**
### Prejdite si návody cyklu Cesta za ideálnym image feedom
Aby ste vedeli, čo všetko si pri produktových obrázkoch potrebujete ustrážiť, spísal pre vás Feed Image Editor [cyklus návodov](https://www.feed-image-editor.sk/tema/cesta-k-idealnemu-image-feedu). Naučí vás, ako v obrazovej inzercii **odhalíte chyby**, dočasne **skryjete** problémové obrázky či kde nájdete za ne **náhradu**.
- ### 1. Chýbajúce obrázky
Chýbajúce obrázky sú jednou z najobvyklejších chýb. Skontrolujte, či vo vašom feede u produktov **nechýba element IMGURL**. Produkty taktiež nemusia byť spárované, obrázkové súbory môžu aj úplne chýbať. Dôsledkom toho sa nebudú v porovnávačoch zobrazovať.
Odstráňte problémy s chýbajúcimi obrázky pomocou návodu: [Cesta k ideálnemu image feedu #1: Chýbajúce obrázky](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-1-chybajuce-obrazky)
- ### 2. Chyba 403/404/500
V niekoľkých prípadoch sa zákazníkom môžu objaviť **chybové hlášky**, ktoré ich od nákupu na vašom e‑shope odradia. To sa deje hlavne ak na webovú stránku, kde sú obrázky uložené, **nemáte prístup**, stránka **nebola nájdená**, alebo má **iný technický problém**. Aj keď je vo vašom feede element IMGURL v poriadku, znamená to, že sa vaše produktové obrázky nebudú zobrazovať.
Všetky otázky k tejto téme vám zodpovie tento článok: : [Cesta k ideálnemu image feedu #2: Chyba 403/404/500](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-2-chyba-403404500-chybajucinedostupny-obrazok).
- ### 3. Nepodporovaný formát
Častokrát sa stáva, že formát súboru, na ktorý URL adresa odkazuje, **nie je podporovaný** jedným z porovnávačov, alebo nepatrí medzi štandardné obrázkové formáty. V prvom prípade to znamená, že vaše produktové obrázky porovnávač zamietne. V druhom, že sa nebudú zobrazovať ani vo vašom e‑shope.
Informácie, ako opravíte formáty obrázkov, nájdete tu: [Cesta k ideálnemu image feedu #3: Nepodporovaný formát.](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-3-nepodporovany-format)
- ### 4. Nepovolené znaky v URL adrese
Sériové obrázky môžu byť porovnávači **zamietnuté**, keď je ich URL adresa príliš dlhá, alebo obsahuje znaky, ktoré nie sú podľa kritérií povolené. Častým problémom je diakritika či medzery v názve obrázku.
Viac o odhalení nepovolených znakov vám povie tento článok: [Cesta k ideálnemu image feedu #4: Nepovolené znaky v URL adrese.](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-4-nepovolene-znaky-v-url-adrese)
- ### 5. Rozmery obrázku
Pokiaľ má obrázok príliš **malé rozmery**, nebudú sa dať rozoznať detaily produktov. A ak nespĺňajú minimálne rozmery stanovené porovnávačom, nebudú sa na ňom zobrazovať.
Viac v návode: [Cesta k ideálnemu image feedu #5: Rozmery obrázku.](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-5-rozmery-obrazku)
- ### 6. Dátová veľkosť obrázkov
Môže sa tiež stať, že veľkosť obrázku **prekračuje kritériá** porovnávačov a dôsledkom toho bude **zamietnutý**. Vo vašom e‑shope sa to navyše negatívne prejaví tým, že sa obrázky budú dlho načítavať.
Prečítajte si viac, ako ošetriť dátovú veľkosť obrázkov: [Cesta k ideálnemu image feedu #6: Dátová veľkosť obrázkov](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-6-datova-velkost-obrazkov).
- ### 7. Identické obrázky
Ak vaše inzercia používa **zhodné obrázky**, nerobí to dobrý dojem. Existuje len pár **výnimiek** ako výrobky, ktoré majú rovnaké obrázky napr. pri veľkostných variantách oblečenia, u ilustračných obrázkov či nehmotných produktoch.
Prečo si **dať pozor** na identické obrázky, sa dozviete tu: [Cesta k ideálnemu image feedu #7: Identické obrázky](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-7-identicke-obrazky).
- ### 8. Priehľadné pozadie
**Biele pozadie** produktových obrázkov je nepísaným štandardom u väčšiny reklamných systémov a porovnávačov. V prípade, že niektoré z vašich obrázkov majú priehľadné pozadie, **budú zamietnuté**, alebo sa im pozadie doplní automaticky a budú vyzerať kostrbato.
Ako odstránite chyby v používaní priehľadného pozadia, si prečítajte v tomto článku: [Cesta k ideálnemu image feedu #8: Priehľadné pozadie](https://www.feed-image-editor.sk/cesta-k-idealnemu-image-feedu-8-priehladne-pozadie)
- ### 9. Vodoznaky
Ak chránite vaše produktové obrázky skrz vodoznaky, počítajte s tým, že reklamné systémy ako Heureka, GLAMI či Google Nákupy vám tieto produkty **nezobrazia**. S Feed Image Editorom hravo odhalíte, na ktorých obrázkoch sa vo vašom feede nachádza.
Návod, ako pomocou FIE na webe nájdete obrázky s vodoznakmi, si prečítajte tu: : [Cesta k ideálnemu image feedu 9: Vodoznaky](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-9-vodoznaky).
- ### 10. Pozícia, zarovnanie, veľkosť produktu na obrázku
V ideálnom prípade by mali produkty na obrázku **vypĺňať čo najväčšiu plochu a byť zarovnané na stred**. V opačnom prípade sa u nich stráca informačná hodnota a pôsobia nejednotne.
Ošetrite tieto dôležité úskalia pomocou **FIE s článkom**:[ Cesta k ideálnemu image feedu #10: Pozícia, zarovnanie a veľkosť 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ázkov
Ak nie sú produktové obrázky dostatočne ostré, obsahujú glitch alebo sú rozmazané iným spôsobom, môžu svojou **nedostatočnou kvalitou odradiť zákazníkov.**
Dodajte svojim obrázkom potrebnú kvalitu prostredníctvom **návodu**: [Cesta k ideálnemu image feedu #11: Kvalita obrázkov](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-11-kvalita-obrazku)
- ### 12. Ďalšie drobné úpravy
Feed Image Editor obsahuje mnoho **filtrov a nástrojov** na detekciu ďalších nedokonalostí. Využite ich na to, aby ste vaše produktové obrázky priblížili k dokonalosti a **zvýšili tak záujem o vaše produkty.**
Dokončite cestu za ideálnym image feedom a prečítajte si posledný článok tejto série: [Cesta k ideálnemu image feedu # 12: Ďalšie drobné úpravy](https://www.feed-image-editor.cz/cesta-k-idealnimu-image-feedu-12-dalsi-drobne-upravy)
[Mergado Store](http://store.mergado.com/) neponúka len Feed Image Editor, ale aj mnoho ďalších užitočných appiek, ktoré vám napríklad pomôžu zefektívniť[ bidding na Heureke a Zboží.cz](http://store.mergado.com/detail/biddingfox/#about) alebo zautomatizovať [párovanie produktov](http://store.mergado.com/detail/pairingbear/#about). Vyskúšajte ich a **urýchlite** si množstvo práce.
Mergado je pre nastavovanie perfektný základ a aplikácie jeho funkcie ešte viac rozširujú. Feed Image Editor patrí medzi najužitočnejšie. Používajte ho naplno — **prinesie vám veľa nových zákazníkov**
### **Mohlo by vás zaujímať:**
[ 
### Feed Image Editor prichádza na novoročnej vlne vychytávok
](/fie-novinky-januar)
[ 
### Obrázky na mieru alebo novinky vo Feed Image Editore!
](/novinky-fie-vlastna-velkost)
[ 
### Ako pripraviť produktové dáta tak, aby dávali zmysel pre GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
- [ AdForm ](/tema/adform)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/blog/lukas-horak)
Lukáš sa v Mergade stará o väčšinu komunikácie v češtine. Prostredníctvom blogu, e‑mailu a sociálnych sietí pravidelne zásobuje čitateľa aktualitami z e‑commerce, novinkami a tipmi z Mergada. Pokiaľ práve nie je copywriter, užíva si príjemné veci ako badminton, výlety medzi utajené skvosty osemdesiatkovej hudby a plody mora podávané s červeným vínom.
## Mohlo by vás *zaujímať*
[ 
### Ako na GPSR pre Allegro a Kaufland: S týmto sprievodcom sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte najvhodnejšie alternatívne produkty. Nakúpi u vás viac zákazníkov
](/blog/alternativne-produkty)
[ 
### Katalóg Icecat vám pomôže doplniť chýbajúce produktové dáta. S Mergadom ho prepojíte aplikáciou Clicking Goat
](/blog/icecat-clicking-goat-doplnte-chybajuce-data)
## Nenechajte si nič *ujsť*
Prihláste sa k odberu nášho newslettera
Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](/vyhlasenie-o-cookies).
Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov.
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()
}