Best practice per le e-mail HTML: le e-mail di sole immagini sono dannose per il marketing?
Pubblicato: 2022-11-24Le aziende di successo attribuiscono un'elevata priorità all'applicazione degli standard del proprio marchio, e giustamente. È una rappresentazione visiva del rapporto che hanno con i loro clienti e mantengono quel rapporto utilizzando sempre gli stessi caratteri, colori, logo e stile dell'immagine.
Ecco perché può essere così sconcertante quando inizi a creare una strategia di email marketing per il tuo cliente solo per rendersi conto che sei limitato a caratteri sicuri per il Web, non puoi facilmente sovrapporre parole alle immagini e non puoi controllare l'esatto aspetto del testo perché il riempimento o i margini variano in base alla posta in arrivo.
Per questo motivo, potresti essere tentato di creare un modello di sole immagini in modo che la tua email appaia sempre esattamente come desideri. Sfortunatamente, questa è una strategia miope che potrebbe causare più problemi di quanti ne risolva. Continua a leggere per scoprire perché (e cosa dovresti fare invece).
Perché dovresti evitare le email di sola immagine
Purtroppo, i vantaggi delle e-mail di sole immagini non superano gli svantaggi. Di seguito sono riportati solo alcuni dei motivi per cui dovresti evitarli.
Possono causare problemi di consegna
Quando si tratta di creare le tue campagne e-mail, la tua massima priorità dovrebbe essere sempre la consegna. Le e-mail di sola immagine vengono spesso inviate direttamente alla cartella spam perché possono essere una tattica utilizzata dai truffatori per aggirare i filtri di testo messi in atto per rilevare testi offensivi o ingannevoli.
La dimensione complessiva del file della tua e-mail influisce anche sulla consegna, come mostrato in questa e-mail sull'articolo acido, e le e-mail di sole immagini sono molto più grandi delle e-mail HTML.
Potrebbero essere lenti a caricarsi o non apparire affatto
Alcuni client di posta elettronica potrebbero avere le immagini disattivate per impostazione predefinita per motivi di sicurezza o per proteggere gli utenti da contenuti o malware potenzialmente offensivi. Se hai creato un'e-mail di sole immagini, potrebbero non vedere altro che un muro di icone di immagini rotte, come gli esempi mostrati in questo articolo di tornasole sul blocco delle immagini.
Le e-mail con molte immagini possono anche aumentare notevolmente il tempo necessario per caricare l'e-mail, il che può essere dannoso per il coinvolgimento degli utenti. Le persone passano in media 10-13 secondi a leggere una singola email; questo significa che se c'è un ritardo durante il caricamento delle immagini, la già ristretta finestra di opportunità che hai per far passare il tuo messaggio si ridurrà ulteriormente.
Compromettono l'accessibilità
Le persone ipovedenti avranno molte più difficoltà a utilizzare un dispositivo di lettura dello schermo per interpretare un'e-mail di sole immagini. Sebbene le immagini in un'e-mail debbano sempre avere un testo alternativo descrittivo relativo al contenuto dell'e-mail, non intendono sostituire interamente il testo dell'e-mail.
Non sono ottimizzati per i dispositivi mobili
Se progetti un'e-mail di sole immagini per desktop, il tuo cliente strizzerà gli occhi per vederla sul proprio dispositivo mobile. D'altra parte, se lo progetti per la leggibilità sui telefoni, sembrerà grande come un cartone animato sullo schermo di un computer.
Non sono ricercabili come le e-mail HTML
Se invii un'e-mail con informazioni a cui un contatto desidera fare riferimento in un secondo momento, come un coupon o un evento imminente, avrà più difficoltà a cercare il messaggio nella propria casella di posta se tutto il testo è basato su immagini.
Ora che sei a conoscenza di tutti i motivi per cui non dovresti creare email di sole immagini, ecco alcune best practice da tenere a mente quando crei email HTML belle ed efficaci.
Best practice per la creazione di email HTML
Questo significa che dovresti evitare di avere immagini nelle tue e-mail? Affatto! La maggior parte delle risorse suggerisce un rapporto testo-immagine di 60/40 per il miglior equilibrio tra deliverability e un'esperienza utente ottimale. Prova queste strategie per creare e-mail che abbiano un impatto con o senza la visualizzazione delle immagini.
Riduci il più possibile le dimensioni delle tue immagini
Puoi, e dovresti, ancora includere immagini nella tua e-mail, ma la loro dimensione del file dovrebbe essere ridotta al minimo prima di aggiungerle al tuo modello di e-mail.
Per esportare le immagini per un'e-mail da Photoshop, seleziona File > Esporta > Salva per Web. Per le immagini opache come le fotografie, il formato di file JPEG consentirà dimensioni di file inferiori rispetto a PNG. Per immagini illustrate come loghi che richiedono trasparenza, PNG è l'opzione ideale.
Se non hai accesso a Photoshop, uno strumento di compressione delle immagini online gratuito come tinypng può aiutarti a ridurre al minimo le dimensioni delle tue immagini.
Usa il testo dal vivo
Nella maggior parte dei casi, tutte le parole e-mail dovrebbero essere testo HTML che può essere selezionato con un cursore e letto da un dispositivo di lettura dello schermo. Sebbene l'elenco originale di caratteri sicuri per il Web sia la scelta più sicura, alcune caselle di posta potrebbero visualizzare il tuo carattere (ad esempio, Gmail mostrerà Google Fonts).
Puoi sempre scegliere di utilizzare prima il carattere del tuo marchio con caratteri sicuri per il Web come fallback. Usando le virgole in CSS, stai dicendo alla posta in arrivo di usare il primo font se possibile, poi il secondo se possibile, e infine qualsiasi altro font sans-serif se gli altri due non sono disponibili.
<style=”font-family: 'KoHo', Arial, sans-serif”>Crea pulsanti antiproiettile
Un pulsante antiproiettile è qualsiasi pulsante di posta elettronica creato utilizzando HTML anziché un'immagine. Possono essere realizzati utilizzando diversi metodi tra cui riempimento, bordi o Vector Markup Language (VML).
Questo creatore di pulsanti e-mail a prova di proiettile può aiutarti a creare facilmente un pulsante stilizzato che verrà visualizzato magnificamente nella maggior parte delle caselle di posta, incluso Outlook.
Scambia le immagini per le gif per il massimo impatto
Potresti essere sorpreso di apprendere che una gif animata può essere ancora più piccola di una fotografia. Tutto si riduce alla complessità dell'immagine e al numero di pixel che cambiano tra i fotogrammi.
Questo articolo fornisce diverse strategie dettagliate per creare gif di dimensioni ragionevoli per le tue e-mail. Alcuni di questi suggerimenti includono:
- Taglio invece di dissolvenza per le transizioni
- Utilizzo di elementi vettoriali illustrati invece di foto
- Utilizzo di una sovrapposizione per limitare la tavolozza dei colori
Includi un link "Visualizza nel browser" nella parte superiore della tua email
Alcuni utenti preferiranno che le immagini siano disattivate per impostazione predefinita o potrebbero non essere in grado di controllare questa funzione perché dispongono di una casella di posta sul posto di lavoro con funzionalità di sicurezza integrate.
Questo è il motivo per cui è sempre una buona idea includere un collegamento "Visualizza nel browser" nella parte superiore dell'e-mail in modo che il contatto possa vedere l'e-mail così come è stata originariamente progettata.
Usa elementi di testo invece di icone di immagini
Sperimenta con elementi basati su testo/CSS al posto delle immagini quando possibile. Ad esempio, invece di creare l'immagine di una freccia, verifica se esiste un carattere sicuro per il Web che ne includa uno. Puoi google "ASCII" o "Unicode" seguito dalla tua parola chiave per controllare. Questo grafico mostra tutti i simboli che forse non sapevi facessero parte della famiglia di font Arial.
Rendi le immagini un elemento di accento facoltativo
Una tendenza recente che abbiamo notato sono le e-mail che utilizzano immagini per fondersi perfettamente con sfondi a tinta unita. Ciò dà l'illusione di un'e-mail di sole immagini pur mantenendo il testo HTML e il design reattivo per desktop e dispositivi mobili.
Anche se potresti non avere l'opzione dei caratteri e del layout ideali, un'e-mail HTML ben progettata è ancora uno strumento di marketing altamente efficace che può essere utilizzato per raggiungere tutti i tuoi clienti, indipendentemente dal gruppo demografico o dalle capacità fisiche.