La migliore dimensione del design e-mail per diverse campagne
Perché la dimensione del modello e-mail è così importante? Perché ci sono così tante domande su questo argomento e nessuna risposta rapida? Per dirla semplicemente, la dimensione del design dell’e-mail influisce sul fatto che la tua e-mail verrà consegnata. Definisce anche se il tuo cliente leggerà il tuo messaggio e intraprenderà le azioni desiderate. C’è la larghezza del modello standard (600 px), ma ancora, ci sono complessità di cui dovresti essere a conoscenza. Inoltre, non ci sono regole rigide per l’altezza del modello di posta elettronica, lo stesso che per i blocchi di progettazione.,
In questo articolo, esamineremo tutti i componenti del modello di email e spiegheremo i principi per qualsiasi tipo di campagna.,tr>
e-Mail, modello di dimensioni
L’idea principale dietro unificante e-mail standard è la visualizzazione su tutti i client di posta e tipi di dispositivi., La maggior parte dei destinatari utilizza Gmail sul desktop o l’app e-mail per iPhone. Detto questo, ci sono ancora molte persone che leggono le email con Outlook, Yahoo Mail, e anche AOL. Ciò significa che incontrerai inevitabilmente diversi motori di rendering e problemi con la visualizzazione.
Per adattarsi a ogni tipo di dispositivo, le tue e-mail devono essere reattive. Questa tendenza non è nuova, quindi tutti i modelli di posta elettronica predefiniti e i framework di posta elettronica sono già progettati per corrispondere a questa regola., Se stai codificando modelli con puro HTML e CSS, usa i consigli raccolti nella nostra Guida su come costruire un’email HTML.
Email design width
Hai già sentito parlare di 600 pixel. Questa è la larghezza standard che è stata raccomandata negli ultimi anni. Le cose non sono cambiate: 600 pixel sono ancora la regola d’oro. Questa è la larghezza media client di posta elettronica desktop utilizzano per mostrare i messaggi di posta elettronica. Inoltre, Gmail è comunemente noto per non visualizzare il colore di sfondo per una larghezza del modello superiore a 640 px.,
La maggior parte dei costruttori di e-mail e dei servizi fornisce modelli progettati con larghezza e-mail fino a 600 pixel per impostazione predefinita, inclusi Mailchimp e Klaviyo, per esempio.
Potresti anche trovare suggerimenti per provare modelli larghi 700-800 pixel, con una nota che dovresti testarli accuratamente su tutti i client di posta elettronica più diffusi. Crediamo che se hai ragioni, tempo e risorse per ulteriori test ed esperimenti, dovresti provare qualsiasi tipo di modello che potrebbe funzionare per te.,
Email design height
L’altezza del tuo modello di email non è strettamente limitata dalle regole dei client di posta elettronica. Ciò significa che non ci sono dimensioni richieste. Tuttavia, ci sono diverse cose da seguire quando si costruisce il nuovo modello di posta elettronica.
1. Tieni presente l’obiettivo del tuo messaggio: un destinatario dovrebbe essere in grado di capirlo subito dopo aver aperto la tua email. Metti le informazioni più importanti sopra la piega: si tratta di circa 350 pixel., Confrontare:
e
Utilizzare lo spazio con saggezza. Le immagini sono belle, ma dovrebbero anche essere informativo nelle e-mail e incoraggiare gli utenti a scorrere. Durante il test e l’anteprima delle tue e-mail, prima di tutto, valuta ciò che vedrà il destinatario.
Suggerimento pro: Supporta il tuo grande oggetto e-mail con un’intestazione e-mail stimolante mantenendolo visibile su uno schermo.
2. Mira a mantenere le tue email pulite e chiare., Più breve è il messaggio, maggiore è la probabilità che venga letto fino alla fine. A volte sezioni extra confondono il lettore e confondono l’idea principale dell’e-mail.
La maggior parte delle email di marketing come newsletter e promozioni sono circa 2500 – 3000 pixel.
Ritaglio email. A volte puoi vedere i messaggi ritagliati nella tua casella di posta Gmail o Yahoo. Non è causato dall’altezza del modello ma dalla dimensione complessiva di un messaggio (102 KB)., L’intera dimensione e-mail di the Witcher gioco promo dimostrato sopra è solo 36 KB.
Pro Suggerimento: Per verificare rapidamente le dimensioni della posta elettronica, è possibile inviare un messaggio dal tuo script per un Mailtrap casella di posta e vedere immediatamente sulla schermata principale:
Qual è la differenza tra transazionale di marketing e modelli di e-mail?
In termini di dimensione del modello di e-mail, le e-mail transazionali sono solitamente più brevi. Hanno un obiettivo specifico: confermare un’azione, fornire istruzioni o notificare un utente., In alcuni tipi di tali messaggi, è accettabile aggiungere alcune cose di marketing, ma in generale, il modello dovrebbe essere semplice. Di solito, i modelli di e-mail transazionali vanno da 600 pixel a 1200 pixel.
L’obiettivo principale delle email di marketing è promuovere i tuoi beni, servizi o contenuti e creare fiducia condividendo le tue conoscenze. In questo modo, la tua email può essere piuttosto lunga, circa 5000 pixel e oltre.,
Altre dimensioni importanti
Abbiamo scoperto la migliore larghezza e altezza del modello di posta elettronica. Ma per quanto riguarda il contenuto e-mail e blocchi interni? Anche loro contano!
Un’e-mail è composta da tre parti principali: intestazione, blocchi di contenuto e piè di pagina.
Dimensione intestazione email
Di solito, l’intestazione email contiene il logo aziendale, i link per visualizzare questo messaggio in un browser e i pulsanti del menu. Preferiamo un design conciso, quindi consigliamo di attenersi alla dimensione dell’intestazione comune: fino a 200 px., È conveniente leggere e abbinare la “regola sopra la piega” (ti ricordi che mettere dettagli significativi nei primi 350 pixel è utile?)
Per grandi esempi di intestazione e-mail e linee guida, leggere il nostro Design di intestazione e-mail che conta post sul blog.
Dimensione dei blocchi di contenuto
Ancora una volta, nessuna regola qui!, In questa sezione, hai abbastanza spazio per la tua creatività. Per” Contenuto ” si intendono tutti i tipi di informazioni che consentono di comunicare con i destinatari, inclusi testi, immagini, video, GIF, pulsanti e persino divisori.
Il nostro consiglio generale è quello di mantenere le storie comprensibili, visivamente accattivante, e con un chiaro invito all’azione.
Se si lavora con un servizio di creazione di modelli o un editor di posta elettronica, essi forniscono modelli predefiniti e raccomandazioni per le dimensioni delle immagini.,
Cosa tenere a mente sulle dimensioni dell’immagine:
- Se si ospitano immagini su un server e si collegano a loro nelle e-mail, non influiscono sulle dimensioni dell’e-mail. I servizi di posta elettronica e i costruttori di modelli hanno limiti di dimensioni per le immagini per risparmiare spazio sui loro server.
- La dimensione dell’immagine in pixel dipende dall’utente, mentre la risoluzione minima consigliata è di 72 dpi.
- Ottimizza le immagini per i display Retina utilizzando le dimensioni 2x.,
Dimensione del piè di pagina
Puoi trovare numerosi consigli su cosa dovrebbe essere incluso nel piè di pagina dell’email. Di solito, il piè di pagina include dettagli legali, come l’indirizzo della tua azienda, link di cancellazione, note a margine, ecc. Leggi i piè di pagina delle email? In molti casi, il piè di pagina e-mail non ottiene l’attenzione del lettore e, in generale, non esiste uno standard sulla sua altezza.
A volte le persone aggiungono una firma personale al piè di pagina dell’email., In questo caso, è meglio tenerlo a un massimo di 100 pixel.
Cose da ricordare
Oggi, la creazione di e-mail è facile grazie ai numerosi strumenti, modelli e tutorial disponibili. In termini di dimensioni del modello di posta elettronica, non ci sono così tante limitazioni e requisiti. Ecco a cosa dovresti davvero prestare attenzione:
- Responsive design. Ottimizza i tuoi modelli di e-mail per diversi dispositivi poiché oltre il 55% delle e-mail viene ora visualizzato dai client di posta elettronica mobili.
- Percezione dell’utente., Pensate a ciò che il destinatario vedrà quando si apre il messaggio e come sarà facile per loro di capire la vostra idea principale. Resta creativo ma segui regole e best practice comuni.
- Test e-mail. Prova ogni nuova campagna email. Puoi sperimentare modelli e dimensioni non standard, ma assicurati che il tuo HTML funzioni correttamente su tutti i client di posta elettronica. Con questo in mente, i destinatari saranno felici con le vostre belle e-mail.,
Articoli utili su questo argomento
- Guida di Mailtrap su come costruire email HTML
- Come creare un modello HTML che i client di posta elettronica rendano bene
- Confronto di 10 editor di email HTML per la tua prossima campagna
- Scelta di un framework di posta elettronica per le tue campagne
- Dimensione massima consigliata e-mail e modi collaudati per ottimizzarlo
Se ti è piaciuto questo articolo, si prega di condividere e diffondere la parola. Lo apprezzeremo davvero.