Anteprima e ottimizzazione della visualizzazione delle e-mail su tutti i client e dispositivi

Durante la progettazione dell'e-mail di marketing, è possibile visualizzare l'anteprima dell'aspetto su diversi tipi di dispositivi e client e-mail. Se notate che l'e-mail non viene visualizzata come previsto su client specifici, leggete le best practice e le soluzioni per i problemi più comuni qui di seguito.

Comprendere limiti e considerazioni

• Per ogni periodo mobile di 30 giorni, è possibile generare anteprime della posta in arrivo in base ai seguenti limiti:
  • Gli accountMarketing Hub Professional possono creare fino a 500 test.
  • Gli accountMarketing Hub Enterprise possono creare fino a 1500 test.

Anteprima delle e-mail su dispositivi mobili e client desktop

Prima di inviare l'e-mail, è possibile visualizzare in anteprima l'aspetto che avrà su diversi client e dispositivi.

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Fare clic sul nome di un'e-mail esistente.
3. In alto a destra dell'editor di e-mail, fare clic su Anteprima e test, quindi selezionare Anteprima posta in arrivo.
4. Recensione dell'e-mail su uno schermo desktop più ampio e su uno schermo mobile più piccolo.
5. Per vedere in anteprima come apparirà l'e-mail in specifici client di posta elettronica, fare clic su Client nella parte superiore della schermata di anteprima.
6. Nel pannello di sinistra, selezionare la casella di controllo accanto al client e-mail che si desidera visualizzare in anteprima.
7. In alto a destra, fate clic su Prova la mia e-mail ora. HubSpot genererà le anteprime per ciascuno dei client selezionati.
8. Fare clic sui pulsantilefta sinistra e righta destra per spostarsi tra le anteprime dei client.
9. Per impostazione predefinita, molti clienti disabilitano le immagini al primo caricamento dell'e-mail. Per vedere come appare l'e-mail senza immagini, fare clic per attivare il blocco delle immagini.

Risolvere i problemi di ritaglio di Gmail

Se la dimensione totale dell'e-mail, compresi i codici incorporati nel markup del messaggio, supera i 102 KB, Gmail blocca l'e-mail. Per visualizzare il contenuto completo dell'e-mail, il destinatario dovrà fare clic sul link Visualizza l'intero messaggio, il che potrebbe avere un impatto negativo sulla reputazione dell'invio e interferire con la capacità di HubSpot di tracciare le interazioni con l'e-mail.

Se l'e-mail redatta rischia di essere ritagliata in Gmail, nel pannello Recensione e invio viene visualizzato un avviso. L'avviso si basa su un'approssimazione delle dimensioni dell'e-mail, basata sull'HTML dell'e-mail e sui link di tracciamento associati.

Per impedire a Gmail di ritagliare le e-mail, potete seguire i passaggi indicati di seguito:

• Ridurre il numero di link nella vostra e-mail: ogni link tracciato nella vostra e-mail include i parametri di tracciamento di HubSpot alla fine dell'URL. La lunghezza di questi link può variare, ma spesso ognuno di essi può essere lungo centinaia di caratteri, il che contribuisce alla dimensione dell'e-mail.
• Eliminareil contenuto extra: rivedete la vostra e-mail per eliminare i contenuti non essenziali per la lettura da parte dei destinatari. Dovreste anche controllare il codice o lo stile che potreste aver incluso se avete copiato il contenuto da un editor separato. Tenete presente che la rimozione di immagini di grandi dimensioni non ridurrà in modo significativo le dimensioni dell'e-mail, poiché vengono caricate separatamente dal contenuto dell'e-mail.
• Evitare di inviare più e-mail con lo stesso oggetto: se si inviano più e-mail a un destinatario con lo stesso oggetto, Gmail le unirà automaticamente in un unico thread, anche se l'e-mail più recente contiene nuovi contenuti.
• Testate l'e-mail dopo aver apportato le modifiche: dopo aver rivisto l'e-mail per ridurne le dimensioni, inviate un'e-mail di prova a un account Gmail di vostra proprietà per verificare che l'e-mail venga visualizzata come previsto senza alcun ritaglio.

Rendere la vostra e-mail compatibile con i dispositivi mobili

Anche se è difficile progettare l'e-mail in modo che appaia perfettamente tra desktop e mobile, è possibile seguire i suggerimenti riportati di seguito per garantire un'esperienza mobile coerente.

Utilizzare un modello di e-mail responsive

Tutti i modelli drag-and-drop di HubSpot sono responsive per impostazione predefinita. Ciò significa che il contenuto si adatta allo schermo su cui viene visualizzato. HubSpot aggiunge anche una larghezza massima alle immagini nell'editor dei contenuti, così non dovrete preoccuparvi di modificare il codice sorgente per aggiungere le larghezze massime.

Se state creando un modello di e-mail codificato in HubSpot, assicuratevi di utilizzare il nostro markup per modelli di e-mail responsive. È anche possibile acquistare un modello di e-mail responsive dal Marketplace dei modelli.

Riduzione delle dimensioni dei file di immagine

Nella maggior parte dei casi, la velocità di download sui dispositivi mobili è inferiore a quella dei desktop. Utilizzate file di immagini più piccoli per ridurre il tempo di caricamento delle e-mail. HubSpot ridimensiona automaticamente le immagini che includono l'attribuzione width in un tag . Anche servizi come FastStone Photo Resizer e JPEGmini possono ridurre le dimensioni dei file fino all'80% senza ridurre la qualità dell'immagine.

Aumentare le dimensioni dei link e dei pulsanti CTA

Assicuratevi che il contenuto sia abbastanza grande da poter essere letto chiaramente su un dispositivo mobile. Per garantire che i vostri abbonati possano vedere e cliccare sui vostri contenuti in modo chiaro, assicuratevi che i link di testo e i pulsanti CTA siano più alti e più larghi di 57x57 pixel.

Risoluzione dei problemi relativi all'anteprima del testo dell'e-mail

Quando l'e-mail viene visualizzata nella posta in arrivo del destinatario, i client di posta elettronica come Gmail o Outlook possono visualizzare contenuti aggiuntivi dal corpo dell'e-mail dopo l'oggetto e il testo di anteprima. Questo comportamento può comportare la comparsa di testo indesiderato dopo l'anteprima. Ad esempio, se si include un'immagine come un banner o un logo nella parte superiore dell'e-mail, l'ALT text dell'immagine potrebbe essere incluso nell'anteprima dell'e-mail.

Per evitare questo problema, si può provare a fornire un riassunto del contenuto dell'e-mail come testo alt di un'immagine nella parte superiore dell'e-mail, oppure si può omettere del tutto il testo alt. Per confermare che il testo completo dell'anteprima viene visualizzato come previsto, è possibile inviare un'e-mail di prova.

Evitare l'uso di JavaScript e di frame inline

Se si utilizza l'editor di posta elettronica classico per creare le e-mail, si dovrebbe evitare di utilizzare elementi