Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Email

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

Laatst bijgewerkt: mei 28, 2021

Geldt voor:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

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 de e-mail eruit zal zien op verschillende clients en apparaten.

  • Navigeer in uw HubSpot-account naar Marketing > E-mail.
  • Klik op de naamvan een bestaande e-mail die is opgesteld.
  • Klik rechtsboven in de e-maileditor op het vervolgkeuzemenuActies en klik vervolgens op Voorbeeld.
  • 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 bovenin het voorbeeldscherm op Clients.
  • Schakel in het linkerdeelvenster het selectievakje innaast de e-mailclient waarvan u een voorbeeld wilt bekijken.
  • Klik rechtsboven op Testmijn e-mail nu. HubSpot genereert previews voor elk van de klanten die je hebt geselecteerd.
    • 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.

preview-your-email-in-editor

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 geknipt in Gmail, ziet u een waarschuwing onder aan de e-maileditor.

gmail-clipping-warning

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

  • Knip extra inhoud weg: herzieuw 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 wordt weergegeven zoals u zou verwachten, zonder dat er wordt geknipt.

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 HubSpotsjablonen met slepen en neerzettenzijn 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 je een gecodeerd e-mail sjabloon maakt in HubSpot, zorg er dan voor dat je onzeresponsive e-mail sjabloon markupgebruikt. U kunt ookeen responsieve e-mailtemplate kopen op 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 past automatisch de grootte aan van uw afbeeldingen die een breedte-attribuut in een <img>-tag bevatten. Diensten zoals FastStone Photo Resizer en JPEGminikunnende bestandsgrootte ook met wel 80% reducerenzonder 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 dat alletekstlinks en CTA-knoppen groter en breder zijn dan 57x57 pixels.