Kontrolný zoznam pre newsletter: čo overiť pred odoslaním
Predmety, náhľadový text, odkazy a cesty odhlásenia si pred odoslaním zaslúžia záverečnú kontrolu. Zoznam sa zameriava na drobnosti s veľkým dosahom.
Prečo kontrolovať pred odoslaním
Chyba v newsletteri sa dostane ku všetkým čitateľom naraz: nefunkčný odkaz, prázdny náhľad, obrázok bez textu, chýbajúci odkaz na odhlásenie. Tvoja služba na rozosielanie možno niečo z toho skontroluje, ale nie všetko. Pevný kontrolný zoznam zaberie pár minút a zachytí väčšinu problémov skôr, než sa dostanú do schránky.
Časti e-mailu
E-mail je viac než to, čo vidíš v editore. Schránka najprv ukáže odosielateľa, predmet a text náhľadu. Potom nasleduje obsah, odkazy a pätička. V pozadí môže byť verzia s obyčajným textom a riadky hlavičky, ktoré čítajú e-mailové aplikácie.
Predmet a text náhľadu
- Daj dôležité slová na začiatok. Kde sa predmet oreže, závisí od e-mailovej aplikácie, zariadenia a písma. Na telefóne je to často okolo 40 znakov, na počítači viac. Ber to ako orientáciu, nie ako pravidlo.
- Napíš vlastný text náhľadu, nazývaný aj preheader. Bez neho schránka ukáže prvý text v e-maile, často riadok ako „Zobraziť v prehliadači“.
- Nech text náhľadu predmet dopĺňa, namiesto toho, aby ho opakoval.
- Vyhni sa slovám veľkými písmenami a radom výkričníkov. Čitatelia ich vnímajú ako dotieravé a niektoré spamové filtre ich zohľadňujú.
Odosielateľ
- Používaj meno a adresu odosielateľa, ktoré čitatelia poznajú, pri každom čísle rovnaké.
- Zabezpeč, aby odpovede niekam dorazili. Adresa na odpovede, ktorú nikto nečíta, stráca otázky aj sťažnosti.
- Uveď údaje o odosielateľovi v pätičke, napríklad názov firmy a poštovú adresu. Ktoré údaje sú povinné, závisí od tvojej krajiny a druhu e-mailu, preto si over, čo platí pre teba.
Odkaz na odhlásenie
Každý newsletter potrebuje viditeľný, funkčný spôsob odhlásenia. Daj odkaz do pätičky s jasným textom, napríklad „Odhlásiť sa z tohto newslettera“, a pred každým odoslaním ho otestuj.
- Odkaz vedie priamo ku kroku odhlásenia, bez prihlásenia.
- Stačí jedno kliknutie alebo jedno potvrdenie. Nežiadaj znova e-mailovú adresu, ak ju odkaz už pozná.
- Neskrývaj odkaz v drobnom alebo bledom texte. Čitatelia, ktorí ho nenájdu, často namiesto neho použijú tlačidlo spamu.
Obrázky a alt text
- Každému obrázku, ktorý nesie informáciu, daj alt text, ktorý hovorí, čo zobrazuje alebo znamená.
- Pri obrázku s odkazom alebo tlačidle z obrázka alt text pomenuje cieľ alebo akciu, napríklad „Nakupovať jesennú kolekciu“, nie „Banner“.
- Čisto dekoratívne obrázky označ prázdnym atribútom alt (alt=""), aby ich čítačky obrazovky preskočili.
- Hlavné posolstvo nedávaj iba do obrázka. WCAG žiada skutočný text namiesto obrázkov textu všade, kde to technológia umožňuje. Výnimkou sú logá.
Viac o písaní alt textov nájdeš v našom sprievodcovi o alt textoch.
Text, obrázky a veľkosť
Niektoré e-mailové aplikácie nenačítajú obrázky, kým to čitateľ nepovolí. E-mail, ktorý sa skladá hlavne z obrázkov, potom ukáže prázdne rámčeky a náhľad nemá text. Najdôležitejší obsah ponechaj ako text a obrázky používaj na jeho podporu. Udržiavaj aj štíhle HTML: niektoré e-mailové aplikácie veľmi dlhé správy orežú a s nimi aj pätičku s odkazom na odhlásenie.
Texty odkazov
- Povedz, kam odkaz vedie: „Pozrieť otváracie hodiny“ namiesto „Kliknite sem“. Účel odkazu by mal byť jasný z jeho textu alebo z textu spolu s okolitou vetou (WCAG 2.4.4).
- Pri každom odkaze používaj https.
- Ak odkaz ukazuje ako svoj text adresu, mal by viesť presne na túto adresu.
- Skontroluj parametre sledovania: mali by byť tie, ktoré si zamýšľal.
Časť s obyčajným textom
Mnohé služby na rozosielanie pridávajú verziu e-mailu s obyčajným textom. Niektoré e-mailové aplikácie a čítačky ukazujú iba túto časť. Raz si ju prečítaj: mala by obsahovať celé posolstvo, čitateľné odkazy a odkaz na odhlásenie, nie iba poznámku, že e-mail sa nedá zobraziť.
Čo opraviť najprv
Nie každý bod je rovnako dôležitý ani rovnako rýchlo opraviteľný. Matica ukazuje naše posúdenie, nie meranie.
Krátky kontrolný zoznam
- 1Predmet: dôležité slová na začiatku, žiadne veľké písmená na zdôraznenie.
- 2Text náhľadu: vlastný, dopĺňa predmet.
- 3Odosielateľ: známe meno, funkčná adresa na odpovede, údaje o odosielateľovi v pätičke.
- 4Odhlásenie: viditeľné, funguje bez prihlásenia, otestované.
- 5Obrázky: alt text pre obsah, prázdny alt pre dekoráciu, hlavné posolstvo ako text.
- 6Odkazy: jasné texty, https, zamýšľané sledovanie.
- 7Obyčajný text: úplný a čitateľný.
- 8Testovacie odoslanie: sebe, na telefóne aj počítači, vo svetlom aj tmavom režime.
Práca s Do4U
Nástroj Kontrola newslettera prečíta tvoj newsletter skôr, než ho odošleš. Vložíš HTML alebo vyberieš uložený súbor .html či .eml. Kód spočíta dĺžku predmetu a textu náhľadu a ukáže orientačné hodnoty pre telefón a počítač. Označí veľké písmená, veľa výkričníkov a slová, ktoré niektoré spamové filtre zohľadňujú, hľadá odkaz na odhlásenie a údaje o odosielateľovi, nájde obrázky bez alt textu, porovná text a obrázky a zmeria veľkosť HTML. Každý odkaz je uvedený s textom, parametrami sledovania a problémami ako http alebo „kliknite sem“. So súborom .eml skontroluje aj časť s obyčajným textom a hlavičku List-Unsubscribe. AI potom navrhne predmety s textom náhľadu a kód vyradí návrhy, ktoré sú príliš dlhé alebo obsahujú číslo, ktoré v tvojom e-maile nie je.
Do4U nikdy neotvára tvoje odkazy a nič neodosiela. Nájde tipy, ty skontroluješ a rozhodneš. Nekontroluje, ako sa tvoj e-mail odosiela, napríklad SPF, DKIM alebo DMARC, a neposudzuje, ktoré právne pravidlá sa na teba vzťahujú.
Zdroje
- W3C: Understanding WCAG 2.2, 1.1.1 Non-text Content (aktualizované 6. septembra 2026, v angličtine) (www.w3.org)
- W3C: Understanding WCAG 2.2, 1.4.5 Images of Text (aktualizované 28. júna 2026, v angličtine) (www.w3.org)
- W3C: Understanding WCAG 2.2, 2.4.4 Link Purpose (In Context) (aktualizované 18. mája 2026, v angličtine) (www.w3.org)
- W3C WAI Images Tutorial: Functional images (aktualizované 12. apríla 2017, v angličtine) (www.w3.org)
- W3C WAI: Writing for Web Accessibility, tipy na začiatok (aktualizované 16. júla 2024, v angličtine) (www.w3.org)