Statistiky jsou jasné: 61 % emailů se otevírá na mobilu. Pokud vaše šablona není optimalizovaná pro malé obrazovky, ztrácíte polovinu čtenářů. A dost často ani nevíte.
Co se na mobilu rozbíjí
- Dva sloupce – na 360 px šířky se nevejdou vedle sebe.
- Malé písmo – pod 14 px se na mobilu špatně čte.
- Široké obrázky – roztáhnou layout mimo obrazovku.
- Vrstvené menu – na dotykové obrazovce nefungují.
- Skryté odkazy – prst potřebuje minimálně 44 px čtvereční plochu.
5 pravidel pro mobilní email
1. Jeden sloupec, vždy
Single-column layout je jediné bezpečné řešení pro cross-device kompatibilitu. Žádné výjimky.
2. Tlačítka, ne odkazy
Text odkazu je na mobilu těžko kliknutelný. Místo toho použijte velké tlačítko s dostatečným paddingem (min. 44×44 px).
3. Obrázky s fluidní šířkou
Nikdy ne pevná šířka. Vždy width: 100%; max-width: 600px;.
4. Předmět do 30 znaků
Na mobilu se zobrazí prvních 30 znaků. Zbytek se skryje. Nechte to podstatné tam.
5. Preheader text
Těch 90 znaků, která následují po předmětu. Pište je jako větu, ne jako meta description.
Jak otestovat
- Otevřete šablonu na iPhonu a na Androidu.
- Použijte Litmus nebo Email on Acid pro preview napříč zařízeními.
- Posílejte si testovací emaily sám sobě – Gmail, Outlook, Apple Mail.
Bonus tip
Pokud máte responzivní šablonu v Incomakeru, automaticky se přizpůsobí. Nemusíte nic programovat – jen si ověřte, že máte zapnuté „mobile-first“ styly.
Závěr
Mobilní optimalizace není nice-to-have. Je to základ. Pokud váš email nefunguje na 5palcové obrazovce, neexistuje pro 60 % publika.