Smart. Concentrazione. Email.
Posta elettronica veloce e multipiattaforma progettata per filtrare i fastidi.
Definizione
💡 Email HTML: email codificate in HyperText Markup Language che consentono di aggiungere formattazione, immagini, colori e link. In pratica, è la differenza tra un noioso documento di testo e un messaggio davvero progettato. L'email HTML offre funzionalità di formattazione e markup semantico che non sono disponibili con il testo normale.
Perché l'email HTML è importante
Le email in testo normale sono solo testo. Niente colori, niente immagini, nemmeno grassetto o corsivo. Le email HTML sono tutto il resto.
Le email HTML hanno colori, stile, immagini e talvolta contenuti multimediali, simili a pagine web recapitate nelle caselle di posta elettronica delle persone. Ciò significa che puoi allinearti al tuo brand, usare il tuo logo e aggiungere pulsanti su cui le persone possono davvero fare clic. Puoi usare gli elementi visivi intrinseci per aiutare a concentrare l'attenzione sulle varie parti del contenuto della tua email e sfruttare gli elementi con cui gli utenti si aspettano di interagire, come immagini e video.
La maggior parte delle aziende oggi invia email HTML. Secondo i sondaggi delle aziende di marketing online, l'adozione di client email compatibili con HTML è ormai quasi universale, con meno dell'1 percento che dichiara di usare client solo testo. I tuoi clienti si aspettano email ben progettate e il testo normale può sembrare poco professionale o superato. Trasmette l'idea che tu non prenda sul serio la tua comunicazione.
Ma l'HTML non è automaticamente migliore. Ci sono dei compromessi. Le email HTML sono più pesanti, impiegano più tempo a caricarsi e possono rompersi su diversi client email. Inoltre attivano i filtri antispam più spesso del testo normale.
Come funzionano le email HTML
Quando invii un'email HTML, in pratica stai inviando una mini pagina web nella casella di posta di qualcuno.
Il designer dell'email scrive codice HTML, un po' come quando si realizza una pagina web, definendo la struttura con HTML e applicando lo stile con CSS. Aggiungi immagini, formatti il testo, crei layout. Poi, quando il destinatario apre l'email, il suo client di posta legge quel codice HTML e lo rende come farebbe un browser con una pagina web.
Ecco il punto: esistono centinaia di servizi e app diversi che le persone usano per leggere le proprie email, come Gmail, Yahoo! e Outlook, e ogni servizio visualizza HTML e CSS in modo leggermente diverso. Ciò che appare perfetto in Gmail potrebbe rompersi in Outlook. Ciò che funziona su desktop potrebbe non funzionare su mobile.
Per questo motivo molti server email sono configurati per generare automaticamente una versione in testo normale del messaggio e inviarla insieme alla versione HTML, usando Content-Type: multipart/alternative. Se l'HTML non viene visualizzato correttamente, il client email ripiega sul testo normale. In entrambi i casi sei coperto.
HTML vs testo normale
Hai due opzioni:
Le email HTML ti danno il pieno controllo del design. Colori, font, immagini, pulsanti cliccabili, layout in linea con il tuo sito web. L'HTML è il formato migliore quando vuoi creare messaggi che assomigliano a documenti tradizionali, con vari font, colori ed elenchi puntati e numerati, e quando vuoi mostrare immagini all'interno del messaggio. Perfetto per newsletter, campagne di marketing e comunicazioni di brand.
Le email in testo normale sono essenziali. Solo testo, nessuno stile, nessun link incorporato. Il formato testo normale non supporta il grassetto o il corsivo, i font colorati o altra formattazione del testo, e non supporta la visualizzazione di immagini all'interno del messaggio. Meno coinvolgenti, certo, ma funzionano ovunque. Inoltre danno una sensazione più personale e meno commerciale, motivo per cui alcune persone le preferiscono per la corrispondenza uno a uno.
Per gli account Microsoft, puoi scegliere come ricevere le tue email nella casella di posta.
Funziona benissimo per lettere di vendita e aggiornamenti e, se sei un venditore che intrattiene una corrispondenza email uno a uno, le email in testo normale sono probabilmente migliori. Ma per la maggior parte delle attività di marketing? Vince l'HTML.
Creare email HTML
Hai varie opzioni a seconda del tuo livello di dimestichezza tecnica.
Scrivilo tu stesso in codice. Se conosci HTML e CSS, puoi scrivere il codice da zero. Ricorda solo che creare un'email in HTML è un'attività specializzata e non è esattamente come creare una pagina web. I client email sono molto meno permissivi dei browser. Dovrai usare tabelle per il layout (sì, davvero), CSS inline invece di fogli di stile esterni e testare su più client.
Usa un builder drag-and-drop. La maggior parte dei provider di servizi email, come Mailchimp, Constant Contact o Campaign Monitor, offre editor visuali. Trascini blocchi di testo, immagini, pulsanti e lo strumento genera l'HTML per te. Nessuna competenza di programmazione richiesta.
Inizia da un template. Prendi un template email HTML già pronto da un servizio come Litmus o Email on Acid, poi personalizzalo con i tuoi contenuti e il tuo branding. Più veloce che partire da zero, con più controllo rispetto a un editor drag-and-drop.
Qualunque approccio tu scelga, devi comunque assicurarti che le tue email siano responsive rispetto alle diverse risoluzioni e funzionino con diversi client email. Testa tutto prima di inviare all'intera lista.
Best practice per le email HTML
Progetta pensando prima al mobile. Più della metà delle email viene aperta su telefono. Ora che la navigazione da mobile ha superato l'uso di PC desktop e laptop, progettare le tue email per i dispositivi mobili è più importante che mai. Usa layout a colonna singola, aree di tocco ampie per i pulsanti e dimensioni del font leggibili senza zoom.
Mantienilo semplice. Non esagerare con il design. Quando sviluppi un'email HTML, non dimenticare la semplicità: non complicarti il lavoro, meglio attenersi a una soluzione a due colonne. Meno elementi significano tempi di caricamento più rapidi e meno cose che possono rompersi.
Usa CSS inline. Il tag head, usato per contenere le regole di stile CSS per un intero documento HTML, non è ben supportato e a volte viene rimosso del tutto, rendendo le dichiarazioni di stile inline lo standard di fatto.
Testa su più client. Gmail, Outlook, Apple Mail, Yahoo e i client mobili visualizzano tutto in modo diverso. Puoi provare a inviare le tue email a vari account collegati a diversi client email, oppure usare strumenti di test delle email per semplificare il processo. Servizi come Litmus e Email on Acid sono specializzati in questo.
Includi un fallback in testo normale. Invia sempre sia la versione HTML sia quella in testo normale nella stessa email. Se l'HTML si rompe, i destinatari ricevono comunque il tuo messaggio.
Tieni d'occhio la dimensione del file. L'email HTML è più pesante del testo normale. Immagini pesanti e codice gonfio rallentano il caricamento e possono attivare i filtri antispam. Se possibile, mantieni la dimensione totale dell'email sotto i 100 KB.
Non fare affidamento solo sulle immagini. Alcuni client email bloccano le immagini per impostazione predefinita. Il tuo messaggio dovrebbe comunque avere senso anche senza di esse. Usa il testo alternativo per tutte le immagini.