Forhåndsvisning og optimering af, hvordan din e-mail vises på tværs af klienter og enheder

Når du designer din marketingmail, kan du få vist, hvordan den ser ud på forskellige enhedstyper og e-mailklienter. Hvis du opdager, at din e-mail ikke gengives som forventet på bestemte klienter, kan du læse om best practices og løsninger på almindelige problemer nedenfor.

Forhåndsvis din e-mail på mobile enheder og desktopklienter

Før du sender din e-mail, kan du se et eksempel på, hvordan den vil se ud på forskellige klienter og enheder.

• På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
• Klik på navnet på en eksisterende udkast til e-mail.
• Klik på rullemenuen Handlinger øverst til højre i e-maileditoren, og klik derefter på Forhåndsvisning.
• Gennemgå, hvordan din e-mail vil se ud på både en større desktopskærm og en mindre mobilversion
• For at se, hvordan din e-mail vil se ud i bestemte e-mailklienter, skal du klikke på Klienter øverst på preview-skærmen.
• I venstre rude markerer du afkrydsningsfeltet ud for den e-mailklient, du vil se et eksempel på.
• Klik på Test min e-mail nu øverst til højre. HubSpot vil generere forhåndsvisninger for hver af de klienter, du har valgt.
  • Klik på knapperne < eller > for at navigere mellem forhåndsvisningerne af klienterne.
  • Som standard vil mange klienter først deaktivere billeder, når e-mailen indlæses første gang. For at se, hvordan din e-mail ser ud uden billeder, skal du slå billedblokering til.

Løs problemer med beskæring i Gmail

Hvis den samlede størrelse af din e-mail, inklusive eventuel indlejret kode i markeringen af din besked, overstiger 102 KB, vil Gmail klippe din e-mail. For at se det fulde indhold af din e-mail skal din modtager klikke på linket Vis hele meddelelsen, hvilket kan påvirke dit omdømme som afsender negativt og også forstyrrer HubSpots evne til at spore interaktioner med din e-mail.

Hvis din udarbejdede e-mail risikerer at blive klippet i Gmail, vil der blive vist en advarsel i panelet Gennemse og send . Denne advarsel er baseret på en tilnærmelse af din e-mailstørrelse, baseret på HTML i din e-mail og dens tilknyttede sporingslinks.

For at forhindre Gmail i at klippe din e-mail, kan du følge nedenstående trin:

• Reducer antallet af links i din e-mail: Hvert sporingslink i din e-mail indeholder HubSpots sporingsparametre i slutningen af URL'en. Disse links kan variere i længde, men hvert enkelt kan ofte være flere hundrede tegn langt, hvilket bidrager til størrelsen af din e-mail.
• Trim alt ekstra indhold ud: Gennemgå din e-mail for at fjerne alt indhold, der ikke er vigtigt for dine modtagere at læse. Du bør også tjekke for kode eller styling, som du kan have inkluderet, hvis du har kopieret indhold fra en separat editor. Husk, at fjernelse af store billeder ikke vil reducere størrelsen på din e-mail væsentligt, da de indlæses separat fra indholdet i din e-mail.
• Undgå at sende flere e-mails med samme emnelinje: Hvis du sender flere e-mails til en modtager med samme emnelinje, vil Gmail automatisk kombinere dem i en enkelt tråd, selv om den seneste e-mail indeholder nyt indhold.
• Test din e-mail, når du harforetaget ændringer: Når du har revideret din e-mail for at reducere dens størrelse, skal du sende en test-e-mail til en Gmail-konto, du ejer, for at kontrollere, at din e-mail vises, som du forventer, uden nogen form for klipning.

Gør din e-mail mobilvenlig

Selvom det er svært at designe din e-mail, så den ser perfekt ud på både desktop og mobil, kan du følge nedenstående tips for bedst muligt at sikre en ensartet mobiloplevelse.

Brug en responsiv e-mailskabelon

Alle HubSpots drag-and-drop-skabeloner er som standard responsive. Det betyder, at indholdet justeres, så det passer til den skærm, det vises på. HubSpot tilføjer også en max-width til billeder i indholdseditoren, så du ikke behøver at bekymre dig om at redigere kildekoden for at tilføje max-widths.

Hvis du opretter en kodet e-mailskabelon i HubSpot, skal du sørge for at bruge vores responsive e-mailskabelonmarkup. Du kan også købe en responsiv e-mailskabelon fra Template Marketplace.

Reducer størrelsen på billedfiler

I de fleste tilfælde er downloadhastigheder på mobile enheder langsommere end på desktop. Brug mindre billedfiler for at reducere indlæsningstiden for din e-mail. HubSpot ændrer automatisk størrelsen på dine billeder, der indeholder en width-attribut i et <img>-tag. Tjenester som FastStone Photo Resizer og JPEGmini kan også reducere filstørrelsen med op til 80% uden at reducere kvaliteten af dit billede.

Øg størrelsen på links og CTA-knapper

Sørg for, at dit indhold er stort nok til at kunne læses tydeligt på en mobil enhed. For at sikre, at dine abonnenter tydeligt kan se og klikke på dit indhold, skal du sørge for, at alle tekstlinks og CTA-knapper er højere og bredere end 57x57 pixels.

Fejlfinding af tekst i e-maileksemplet

Når din e-mail vises i modtagerens indbakke, kan e-mailklienter som Gmail eller Outlook gengive yderligere indhold fra brødteksten i din e-mail efter emnelinjen og preview-teksten. Denne adfærd kan resultere i utilsigtet tekst efter previewet. Hvis du f.eks. har inkluderet et billede som et banner eller et logo i toppen af din e-mail, kan billedets alt-tekst blive inkluderet i e-mailens preview.

For at forhindre dette problem kan du prøve at give et resumé af din e-mails indhold som alt-tekst til et billede i toppen af din e-mail, eller du kan helt udelade alt-teksten. For at bekræfte, at den fulde preview-tekst vises som forventet, kan du sende dig selv en testmail.

Undgå at bruge JavaScript og inline frames

Hvis du bruger den klassiske e-maileditor til at oprette dine e-mails, bør du undgå at bruge <script>- eller <iframe>-elementer i din skabelon, da de ikke vil blive gengivet af de fleste større e-mailklienter. Hvis du tilføjer en <iframe> til et HTML-element for at indsætte en video i din e-mail, bør du i stedet vælge at bruge videomodulet.