Aiuto! La mia email è rotta: errori comuni + correzioni

Il mondo della posta elettronica è pieno di potenziali insidie. Il supporto per le tecniche può svanire senza preavviso e le modifiche improvvise ai motori di rendering dei client di posta elettronica rendono difficile per i marketer di posta elettronica capire cosa funzionerà e dove. Ciò che può sembrare perfetto in Apple Mail può diventare un incubo in Outlook o Gmail. Quello che sembrava perfetto oggi potrebbe essere rotto domani. Inoltre, le versioni della posta in arrivo, gli aggiornamenti delle app e le modifiche al browser possono influire sull'aspetto di un'e-mail.

Il primo passo nella progettazione di una scadenza è prepararsi al peggio. Avere protezioni integrate nei tuoi modelli per coprire eventuali problemi importanti che potresti incontrare. —Logan Baird, Emma

Abbiamo raccolto alcuni problemi comuni che potresti riscontrare e come incorporare le misure di sicurezza nella tua prossima campagna email. In genere si tratta di…

HTML o CSS non supportati nei client di posta elettronica

Non sorprende che ogni client di posta elettronica sia diverso. Ma quando lavori su 10.000 altre cose alla volta, stare al passo con i cambiamenti improvvisi è l'ultima delle tue preoccupazioni. Anche quando il supporto non cambia, i client di posta elettronica interpretano il codice in modo diverso. Guarda tu stesso come un'e-mail standard può apparire notevolmente diversa tra i clienti in questa anteprima da Litmus Checklist.

Se non sei sicuro che la tua tecnica funzionerà o meno nel tuo client di posta elettronica, usa lo strumento di analisi del codice di Litmus.

Disponibile in Litmus Builder, l'analisi del codice ti mostrerà qualsiasi proprietà HTML o CSS non supportata in quel client di posta elettronica specifico, risparmiando ore di risoluzione dei problemi.

Gli errori comuni dovuti alla modifica del supporto includono:

Le immagini non vengono visualizzate

Ci sono alcuni motivi per cui le immagini potrebbero non apparire nelle tue email. Il più comune? Molti programmi di posta elettronica bloccano le immagini per impostazione predefinita, finché l'utente non fa clic su "Mostra immagini". Se non sei sicuro, ecco l'elenco aggiornato del supporto.

La soluzione: per assicurarti che i tuoi utenti abbiano ancora un'ottima esperienza, anche con le immagini che non vengono visualizzate, includi il testo ALT. Questa è una riga di testo progettata per riassumere il contesto dell'immagine nell'e-mail. Includere il testo ALT per tutte le tue immagini, anche se non stai ottimizzando per ogni cliente, è una best practice generale. Garantisce che il tuo messaggio venga trasmesso anche se utilizzi del testo nelle immagini e rende anche le tue e-mail più accessibili a coloro che utilizzano gli screen reader.

Altri problemi meno comuni potrebbero essere:

• La tua immagine non è ospitata su un server accessibile pubblicamente
• La tua immagine utilizza un percorso URL relativo anziché assoluto
• Il formato del tuo file immagine non è JPEG, GIF o PNG
• Vengono visualizzati degli spazi vuoti sotto le tue immagini

Verifica che le immagini funzionino e che aspetto abbia la tua email con le immagini disattivate, in Litmus Checklist.

Visualizza in anteprima le tue e-mail con le immagini disattivate Visualizza l'anteprima delle e-mail con le immagini disattivate e ricevi una notifica se in una delle tue immagini manca il testo ALT con Litmus Checklist. Guarda tu stesso cosa può fare Checklist! Dai un'occhiata a questa email rotta nella lista di controllo di tornasole Vedi di più →

I caratteri personalizzati non vengono visualizzati

Potresti aver lavorato con il tuo designer per creare un fantastico font personalizzato, solo per non vederlo nella tua email. Ciò potrebbe essere dovuto al fatto che non stai utilizzando un carattere sicuro per il Web o di sistema, che supporta tutti i client ed è generalmente installato sulla maggior parte dei computer.

La correzione: se desideri avere un carattere personalizzato, assicurati di includere un fallback e che siano dello stesso tipo del tuo carattere personalizzato, ad esempio utilizzando un carattere sans-serif per entrambi, che ti aiuterà a mantenere il tuo il design della posta elettronica in diversi client di posta elettronica.

Per ulteriori informazioni sui suggerimenti sulla tipografia, consulta la nostra guida definitiva.

L'e-mail sembra stravagante sui dispositivi mobili

Le dimensioni dello schermo possono fare una grande differenza quando si tratta di come viene visualizzata la tua email. Con oltre il 50% delle e-mail aperte dal 2015 provenienti da dispositivi mobili, è importante ottimizzare le tue e-mail per gli schermi più piccoli. Testare le tue e-mail su iPhone, iPad e Android è facile con Litmus Instant Previews.

Il design reattivo è la nuova norma, soprattutto ora che Gmail lo supporta. Le e-mail reattive si basano su query multimediali, o regole @media nel codice, per funzionare correttamente. Le media query sono un insieme speciale di stili CSS che agiscono come istruzioni condizionali o regole dinamiche. Pianificati con cura, possono aiutare a rendere le e-mail più utilizzabili su schermi di diverse dimensioni. Le query multimediali non sono supportate ovunque, quindi tienilo a mente durante la progettazione.

La soluzione : anche se non hai scelto di utilizzare il design reattivo, ci sono modi per assicurarti che la tua email sia leggibile e utilizzabile per tutto il tuo pubblico di iscritti.

Pensa a:

• Ingrandimento dei caratteri: consigliamo un minimo di 14 pixel per il corpo del testo e 22 pixel per i titoli in modo che la tua e-mail sia leggibile su schermi di piccole dimensioni.
• Utilizzo di un CTA touch-friendly: i tuoi abbonati non fanno più clic, ma toccano anche! Consigliamo che i pulsanti siano un minimo di 44x44 pixel per le dita.
• Semplificazione del layout: utilizza un approccio a una colonna o un design reattivo per adattare la visualizzazione su schermi più piccoli e aumentare la leggibilità.
• Semplificazione dei contenuti: valuta il contenuto della tua e-mail ed elimina i link, i testi e le immagini meno utili o irrilevanti. Sii conciso, ma comunque persuasivo.

Link che si interrompono + tracciamento

Quando crei un'e-mail, stai cercando non solo le aperture, ma le aperture che convertono. E affinché i tuoi abbonati si convertano, devono essere in grado di agire, di solito sotto forma di pulsante di invito all'azione. Se il collegamento per il tuo pulsante (o qualsiasi collegamento, se è per questo) è interrotto, hai perso un'enorme opportunità e potresti aver danneggiato la tua reputazione con i tuoi abbonati. Non vuoi mai che vedano uno schermo come questo:

Allo stesso modo, se i tuoi link non hanno tracciamento su di essi, non avrai rovinato l'esperienza dell'utente, ma non sarai in grado di dire cosa funziona e cosa no. Qualcuno ha cliccato sul tuo link?

La soluzione : ricontrolla ciascuno dei tuoi collegamenti con Litmus Checklist per assicurarti che funzionino.

Quindi, assicurati di aver aggiunto codici di monitoraggio a ciascuno dei tuoi collegamenti con Tracking Manager in Litmus Builder in modo da poter misurare il successo della tua campagna e-mail.

GIF animate + video non funzionanti

Sia le GIF animate che i video aggiungono un po' di pepe alla tua email. Possono essere divertenti e coinvolgenti o fornire demo rapide del tuo prodotto in azione. Indipendentemente da come utilizzi entrambe le tecniche, possono essere difficili da includere in un'e-mail.

Innanzitutto, le GIF e i video animati di grandi dimensioni tendono ad aumentare la velocità di caricamento della tua e-mail e possono frustrare i tuoi abbonati perché non vedranno l'intera narrativa che stai cercando di trasmettere quando le immagini pesanti sono ancora in fase di caricamento. Le cose diventano ancora più complicate sui dispositivi mobili, dove il caricamento delle immagini potrebbe far sembrare che tu abbia inviato un'e-mail vuota.

La correzione : poiché non tutti i client supportano GIF o video animati, ottimizza il primo fotogramma della tua GIF e includi un'immagine di fallback per il tuo video. Per entrambi, assicurati che l'immagine catturi accuratamente il tuo messaggio.

L'aggiunta di video è una tecnica potente per incoraggiare il coinvolgimento. Includere un'icona di riproduzione a quell'immagine incoraggerà un clic. Ospita il tuo video su un'altra pagina, preferibilmente una pagina di destinazione designata per monitorare ulteriormente il coinvolgimento dei tuoi iscritti che hanno fatto clic sul video dall'e-mail.

Quando si tratta di velocità di caricamento, bilancia la tua creatività con i tuoi dati: usa Litmus Checklist per determinare qual è la velocità di caricamento della tua email con il tuo video o GIF. Abbiamo messo insieme tutto ciò che devi sapere sulla dimensione del file, incluso come ridurla, in questa guida.

Sii consapevole della frequenza per questa tecnica. Usate con parsimonia, le GIF animate e i video possono sorprendere e deliziare gli abbonati. Usati troppo frequentemente, gli stessi iscritti potrebbero stancarsi e avere meno probabilità di interagire con le tue campagne.

Poi ci sono le piccole cose...

Problemi di sintassi

Può essere così frustrante non sapere perché le cose sembrano stravaganti. È probabile che ci sia un tag di chiusura errato, una tabella nidificata in modo errato o un altro errore di battitura nascosto nel codice.

La correzione : per rilevare eventuali errori, esegui la tua e-mail tramite Litmus Checklist per vedere immediatamente cosa è rotto.

Link blu

Apple converte numeri di telefono, indirizzi, date e parole di invito come "stasera" in collegamenti blu sottolineati nelle e-mail. Questo perché le informazioni possono attivare eventi basati su app, come aggiungere qualcosa al tuo calendario o lanciare una mappa.

Sebbene questo possa essere ottimo per gli utenti che aprono le e-mail personali, in HTML può rendere difficile leggere o intraprendere azioni sulla tua e-mail. I link blu possono ridurre la leggibilità (pensa: link blu su sfondo blu) e possono anche entrare in conflitto con il design del tuo marchio.

La correzione : fortunatamente, ci sono alcuni modi per risolvere questo problema.

Risolvi i problemi con le tue email

La garanzia della qualità è una delle parti più lunghe del processo di progettazione della posta elettronica e una delle più frustranti, ma non deve esserlo. Semplifica il tuo processo di test con Litmus, per vedere se hai problemi di rendering in oltre 70 client di posta elettronica, oltre a tracciamento dei collegamenti, analisi del codice e altre funzionalità che semplificano la risoluzione dei problemi prima di premere Invia.

Inizia il test ora →