de beste Grootte van e-mailontwerp voor verschillende campagnes
Waarom is de grootte van e-mailsjabloon zo belangrijk? Waarom zijn er zoveel vragen over dit onderwerp en geen snelle antwoorden? Simpel gezegd, de grootte van het e-mailontwerp is van invloed op de vraag of uw e-mail überhaupt zal worden geleverd. Het bepaalt ook of uw klant uw bericht zal lezen en de gewenste acties te ondernemen. Er is de standaard template breedte (600 px), maar toch, er zijn fijne kneepjes die je moet weten. Bovendien zijn er geen strikte regels voor de hoogte van de e-mailsjabloon, hetzelfde als voor de ontwerpblokken.,
in dit artikel zullen we alle e-mail template componenten doornemen en de principes voor elk type campagne uitleggen.,tr>
e-Mail template afmetingen
Het belangrijkste idee achter unifying-e-mail normen is de weergave in alle e-mailclients en typen apparaten., De meerderheid van uw ontvangers gebruiken Gmail op het bureaublad of de e-mailapp van de iPhone. Dat gezegd hebbende, er zijn nog steeds veel mensen het lezen van e-mails met Outlook, Yahoo Mail, en zelfs AOL. Dit betekent dat u onvermijdelijk verschillende rendering engines en problemen met display zult tegenkomen.
om op elk type apparaat te passen, moeten uw e-mails responsief zijn. Deze trend is niet nieuw, dus alle vooraf gedefinieerde e-mailsjablonen en e-mailkaders zijn al ontworpen om aan deze regel te voldoen., Als u het coderen van sjablonen met pure HTML en CSS, gebruik maken van de aanbevelingen verzameld in onze gids over het bouwen van een HTML e-mail.
e-mailontwerp breedte
u hebt al ongeveer 600 pixels gehoord. Dit is de standaardbreedte die de afgelopen jaren is aanbevolen. Dingen zijn niet veranderd: 600 pixels is nog steeds de gouden regel. Dit is de gemiddelde breedte desktop e-mailclients gebruiken om uw e-mailberichten te tonen. Ook Gmail is algemeen bekend voor het niet weergeven van achtergrondkleur voor een sjabloon breedte meer dan 640 px.,
De meeste e-mailbouwers en-services bieden standaard sjablonen aan met een e-mailbreedte van maximaal 600 pixels, waaronder bijvoorbeeld Mailchimp en Klaviyo.
u kunt ook suggesties vinden om 700-800 pixels brede sjablonen te proberen, met een opmerking dat u ze grondig moet testen op alle populaire e-mailclients. Wij zijn van mening dat als je redenen, tijd en middelen hebt voor extra testen en experimenten, je elke vorm van sjabloon moet proberen die voor jou zou kunnen werken.,
e-mailontwerp hoogte
de hoogte van uw e-mailsjabloon wordt niet strikt beperkt door de regels van e-mailclients. Dit betekent dat er geen vereiste grootte is. Er zijn echter verschillende dingen te volgen bij het bouwen van uw nieuwe e-mailsjabloon.
1. Houd in gedachten het doel van uw bericht: een ontvanger moet in staat zijn om het te begrijpen direct na het openen van uw e-mail. Plaats de belangrijkste informatie boven de vouw – dit is ongeveer 350 pixels., Vergelijk:
en
gebruik ruimte verstandig. Foto ‘ s zijn mooi, maar ze moeten ook informatief zijn in uw e-mails en gebruikers aanmoedigen om te scrollen. Bij het testen en bekijken van uw e-mails, in de eerste plaats, evalueren wat de ontvanger zal zien.
Pro Tip: ondersteun je geweldige e-mailonderwerp met een inspirerende e-mailheader door het zichtbaar te houden op één scherm.
2. Streven om uw e-mails schoon en duidelijk te houden., Hoe korter het bericht, hoe groter de kans dat het zal worden gelezen tot het einde. Soms extra secties verwarren de lezer en vervagen het belangrijkste idee van de e-mail.
de meerderheid van marketing e-mails zoals nieuwsbrieven en promoties zijn ongeveer 2500 – 3000 pixels.
Email clipping. Soms kunt u geknipte berichten zien in uw Gmail-of Yahoo-inbox. Het wordt niet veroorzaakt door template hoogte, maar door de totale grootte van een bericht (102 KB)., De hele e-mail grootte van de Witcher spel promo hierboven aangetoond is slechts 36 KB.
Pro Tip: om snel de grootte van e-mail te controleren, kunt u een bericht vanuit uw script naar een postvak in Mailtrap sturen en het direct op het hoofdscherm zien:
Wat is het verschil tussen transactionele en marketing e-mail sjablonen?
in termen van de grootte van e-mailsjabloon zijn transactionele e-mails meestal korter. Ze hebben een specifiek doel: een actie bevestigen, instructies geven of een gebruiker op de hoogte brengen., In sommige soorten van dergelijke berichten, is het aanvaardbaar om een aantal marketing spullen toe te voegen, maar in het algemeen, de sjabloon moet eenvoudig zijn. Gewoonlijk variëren transactionele e-mailsjablonen van 600 pixels tot 1200 pixels.
het belangrijkste doel van marketingmails is het promoten van uw goederen, diensten of inhoud en het opbouwen van vertrouwen door het delen van uw kennis. Op deze manier kan uw e-mail vrij lang zijn, ongeveer 5000 pixels en hoger.,
andere belangrijke dimensies
we hebben de beste e-mail template breedte en hoogte ontdekt. Maar hoe zit het met e-mail inhoud en innerlijke blokken? Ze doen er ook toe!
een e-mail bestaat uit drie hoofdonderdelen: koptekst, inhoudsblokken en voettekst.
e-mail header grootte
gewoonlijk bevat de e-mail header uw bedrijfslogo, links om dit bericht in een browser te bekijken, en menuknoppen. We geven de voorkeur aan een beknopt ontwerp, dus raden we aan om de gemeenschappelijke headergrootte te houden: tot 200 px., Het is handig om de “boven de vouwregel” te lezen en overeen te komen (Weet je nog dat het nuttig is om zinvolle details in de eerste 350 pixels te plaatsen?)
voor grote e-mail header voorbeelden en richtlijnen, lees onze e-mail Header Design That Matters blog post.
inhoudsblokken grootte
opnieuw, Geen regels hier!, In deze sectie heb je genoeg ruimte voor je creativiteit. “Content” definieert betekent alle soorten informatie die u in staat stellen om te communiceren met uw ontvangers, met inbegrip van teksten, afbeeldingen, video ‘s, GIF’ s, knoppen, en zelfs verdelers.
ons algemene advies is om de verhalen begrijpelijk, visueel aantrekkelijk en met een duidelijke oproep tot actie te houden.
Als u met een templating-service of een e-mailbewerker werkt, bieden zij u vooraf gedefinieerde sjablonen en aanbevelingen voor afbeeldingsformaten.,
wat moet u in gedachten houden over de afbeeldingsgrootte:
- Als u afbeeldingen host op een server en ernaar linkt in uw e-mails, hebben deze geen invloed op de e-mailgrootte. E-mailservices en sjabloonbouwers hebben groottelimieten voor afbeeldingen om ruimte te besparen op hun servers.
- de afbeeldingsgrootte in pixels is aan u, terwijl de minimale aanbevolen resolutie 72 dpi is.
- optimaliseer afbeeldingen voor Retina-schermen met 2x-formaat.,
Voettekstgrootte
u kunt talrijke aanbevelingen vinden over wat in de voettekst van de e-mail moet worden opgenomen. Meestal bevat de voettekst juridische gegevens, zoals uw bedrijfsadres, afmeldlinks, kanttekeningen, enz. Lees je e-mail voetteksten? In veel gevallen krijgt de e-mailfooter de aandacht van de lezer niet en in het algemeen is er geen standaard over de hoogte.
soms voegen mensen een persoonlijke handtekening toe aan de voettekst van de e-mail., In dit geval is het beter om het op een maximum van 100 pixels te houden.
dingen om te onthouden
vandaag is het bouwen van e-mail eenvoudig dankzij de vele tools, sjablonen en tutorials die beschikbaar zijn. In termen van e-mail template grootte, er zijn niet zo veel beperkingen en eisen. Hier is waar je echt op moet letten:
- Responsive design. Optimaliseer uw e-mailsjablonen voor verschillende apparaten, omdat meer dan 55% van de e-mails nu wordt bekeken vanuit mobiele e-mailclients.
- perceptie van de gebruiker., Denk aan wat uw ontvanger zal zien bij het openen van uw bericht en hoe gemakkelijk het voor hen zal zijn om uw belangrijkste idee te begrijpen. Blijf creatief, maar volg gemeenschappelijke regels en best practices.
- e-mail testen. Test elke nieuwe e-mailcampagne. U kunt experimenteren met niet-standaard sjablonen en maten, maar zorg ervoor dat uw HTML goed zal werken in alle e-mailclients. Met dit in gedachten, uw ontvangers zullen blij zijn met uw mooie e-mails.,
handige artikelen over dit onderwerp
- Mailtrap ‘ s Guide on how to Build HTML Email
- How to Create an HTML Template That Email Clients Render Well
- vergelijking van 10 HTML e-mail Editors voor uw volgende campagne
- een e-Mailkader kiezen voor uw campagnes
- e-mail Header Design That Matters
- Wat maakt een wachtwoord Reset e-mail geweldig?
- aanbevolen maximale e-Mailgrootte en bewezen manieren om het te optimaliseren
Als u dit artikel leuk vond, deel en verspreid het woord. We zullen het echt waarderen.