Bekijk en optimaliseer hoe uw e-mail over verschillende clients en apparaten wordt weergegeven

Terwijl u uw marketing-e-mail ontwerpt, kunt u vooraf bekijken hoe deze eruitziet op verschillende apparaattypen en e-mailclients. Als u merkt dat uw e-mail er op bepaalde clients niet zo uitziet als verwacht, leest u hieronder de best practices en oplossingen voor veelvoorkomende problemen.

Bekijk een voorbeeld van uw e-mail op mobiele apparaten en desktopclients

Voordat u uw e-mail verzendt, kunt u een voorbeeld bekijken van hoe deze eruit zal zien op verschillende clients en apparaten.

• { local.navEmail }}
• Klik op denaam van een bestaande e-mail die is opgesteld.
• Klik rechtsboven in de e-maileditor op het vervolgkeuzemenuActies en klik vervolgens opVoorbeeld.
• Bekijk hoe uw e-mail eruit zal zien op zowel een breder desktopscherm als een kleinere mobiele versie
• Om te bekijken hoe uw e-mail er in specifieke e-mailprogramma's uitziet, klikt u boven in het voorbeeldscherm opClients.
• Schakel in het linkerdeelvenster hetselectievakje in naast de e-mailclient waarvan u een voorbeeld wilt bekijken.
• In de rechterbovenhoek, klik opTest mijn e-mail nu. HubSpot zal previews genereren voor elk van de door u geselecteerde klanten.
  • Klik op de knoppen < of > om tussen de voorbeeldweergaven te navigeren.
  • Veel clients schakelen standaard afbeeldingen uit wanneer de e-mail voor het eerst wordt geladen. Als u wilt zien hoe uw e-mail eruitziet zonder afbeeldingen, schakelt u de schakelaarvoor het blokkeren van afbeeldingen in.

Problemen met knippen bij Gmail verhelpen

Als de totale grootte van uw e-mail, inclusief eventuele ingesloten code in de opmaak van uw bericht, groter is dan 102 KB, zal Gmail uw e-mail schrappen. Om de volledige inhoud van uw e-mail te bekijken, zal uw ontvanger moeten klikken op de View entire message link, wat een negatieve invloed kan hebben op uw verzendreputatie, en ook interfereert met HubSpot's vermogen om interacties met uw e-mail te volgen.

Als uw opgestelde e-mail het risico loopt te worden geclipt in Gmail, zal er een waarschuwing verschijnen in het paneel Beoordelen en verzenden .

Om te voorkomen dat Gmail uw e-mail afknipt, kunt u de onderstaande stappen volgen:

• Knip extra inhoud weg:herzie uw e-mail om alle inhoud te verwijderen die niet essentieel is voor uw ontvangers om te lezen. Controleer ook op code of styling die u mogelijk hebt opgenomen als u inhoud uit een andere editor hebt gekopieerd. Vergeet niet dat het verwijderen van grote afbeeldingen de grootte van uw e-mail niet aanzienlijk zal verminderen, aangezien deze afzonderlijk van de inhoud van uw e-mail worden geladen.
• Vermijd het verzenden van meerdere e-mails met dezelfde onderwerpregel: als u meerdere e-mails met dezelfde onderwerpregel naar een ontvanger verzendt, voegt Gmail ze automatisch samen in één thread, zelfs als de meest recente e-mail nieuwe inhoud bevat.
• Test uw e-mail nadat u wijzigingen hebt aangebracht: nadat u uw e-mail hebt aangepast om deze te verkleinen, stuurt u een testmail naar een Gmail-account waarvan u de eigenaar bent om te controleren of uw e-mail er zo uitziet als u zou verwachten, zonder dat deze wordt afgesneden.

Maak uw e-mail mobielvriendelijk

Hoewel het moeilijk is om uw e-mail zo te ontwerpen dat deze perfect tussen desktop en mobiel wordt weergegeven, kunt u de onderstaande tips volgen om een consistente mobiele ervaring te garanderen.

Gebruik een responsieve e-mailsjabloon

Alle HubSpotdrag-and-drop sjablonenzijn standaard responsive. Dit betekent dat de inhoud zich aanpast aan het scherm waarop het wordt bekeken. HubSpot voegt ook een max-breedte toe aan afbeeldingen in de inhoudseditor, zodat u zich geen zorgen hoeft te maken over het bewerken van de broncode om max-breedtes toe te voegen.

Als u een gecodeerde e-mail template maakt in HubSpot, zorg er dan voor dat u onzeresponsive e-mail template markupgebruikt. U kunt ookeen responsieve e-mailtemplate kopen in deSjabloon Marktplaats.

Verminder de bestandsgrootte van afbeeldingen

In de meeste gevallen zijn downloadsnelheden op mobiele apparaten langzamer dan op desktop. Gebruik kleinere afbeeldingsbestanden om de laadtijd van uw e-mail te verminderen. HubSpot verkleint automatisch uw afbeeldingen die een breedte-attribuut in een <img> tag bevatten. Diensten zoals FastStone Photo Resizer enJPEGmini kunnen ookde bestandsgrootte tot 80% reduceren zonder de kwaliteit van uw afbeelding te verminderen.

Vergroot de grootte van links en CTA-knoppen

Zorg ervoor dat uw inhoud groot genoeg is om duidelijk gelezen te worden op een mobiel apparaat. Om ervoor te zorgen dat uw abonnees uw inhoud duidelijk kunnen zien en erop kunnen klikken, moet u ervoor zorgen datalle tekstlinks en CTA-knoppen groter en breder zijn dan 57x57 pixels.

Problemen met e-mailvoorbeeldtekst oplossen

Wanneer uw e-mail in de inbox van een ontvanger verschijnt, kunnen e-mailclients zoals Gmail of Outlook extra inhoud uit de hoofdtekst van uw e-mail weergeven na de onderwerpregel en de voorbeeldtekst. Dit gedrag kan resulteren in onbedoelde tekst na de voorbeeldtekst. Als u bijvoorbeeld een afbeelding, zoals een banner of logo, boven aan uw e-mailbericht hebt geplaatst, kan de alt-tekst van de afbeelding in het afdrukvoorbeeld van het e-mailbericht worden opgenomen.

Om dit probleem te voorkomen, kunt u proberen een samenvatting van de inhoud van uw e-mailbericht op te nemen als alt-tekst van een afbeelding boven aan uw e-mailbericht, of u kunt de alt-tekst helemaal weglaten. Om te bevestigen dat de volledige voorbeeldtekst wordt weergegeven zoals verwacht, kunt u uzelf een test-e-mail sturen.

Vermijd het gebruik van JavaScript en inline frames

Als u de klassieke e-maileditor gebruikt om uw e-mails op te stellen, moet u het gebruik van <script>- of <iframe>-elementen in uw sjabloon vermijden, aangezien deze door de meeste grote e-mailclients niet worden weergegeven. Als je een <iframe> aan een HTML-element toevoegt om een video in je e-mail in te voegen, kun je beter de videomodule gebruiken.