Innehållsförteckning
De som är dedikerade till e -postmarknadsföring bör veta hur man skapar e -postmeddelanden i html.
Vi kommer att se några rekommendationer för design, kodning och leverans av e -postmeddelanden i HTML -format och för att ditt nyhetsbrev ska se bra ut i de flesta e -postklienter.Att skicka e -post från nyhetsbrev är en bra kommunikationsform mellan redaktörer och läsare, men om vi också gör det i HTML -format kommer det att göra det möjligt för oss att berika dokumentet med visuella element som gör e -posten mer attraktiv, direktåtkomst till andra platser och vi Det gör att vi kan göra mätningar på e -postöppningar, spåra och räkna länkarna du besöker, mäta läsarens intressen etc.
Genom att skicka ett e -postmeddelande i vanlig text kan vi inte använda alla dessa funktioner, men tvärtom får vi andra fördelar, till exempel en lägre spamnivå genom att inte inkludera HTML -taggar och det är därför det gör det enklare för e -postklienter att perfekt visualisera innehållet av e -postmeddelandet i alla kunder.
Kodning av HTML för e-postmeddelanden kan ge dig mycket huvudvärk, eftersom både skrivbords- och webbaserade e-postklienter inte följer någon webbstandard, inte tolkar HTML-kod och formatmallar bra eller tolkar det på sitt eget sätt. Lägga till eller ta bort kod till det mottagna e -postmeddelandet, så utformningen av e -postmeddelandet som mottagaren får kan skilja sig mycket från utformningen av redaktören som skickade det e -postmeddelandet.
HTML över CSSFörsök att använda HTML -taggar och deras egenskaper så mycket som möjligt istället för formatmallar, eftersom många av CSS -egenskaper och väljare är begränsade av webbklienter.
Använda tabeller för layoutJa, vi återvänder till borden. Webbstandarderna säger att tabeller inte ska användas för att layouta en webbsida, men det här är inte en webbsida utan ett e -postmeddelande och det är lämpligt att använda dem istället förom vi vill att vårt nyhetsbrev ska visas bra hos de flesta e -postläsare. Och det är att e -postklienter inte stöder många av de egenskaper som är nödvändiga för att designa med divisioner.
Använd tabell- och cellattribut för att visa tabellen istället för att använda CSS -egenskaper. Till exempel tilldela border = "0", valign = "top", align = "left" (eller center), cellpadding = "0", cellspacing = "0", och så vidare. Detta gör att bordet ser bra ut i gamla postklienter.
Använd en tabell som en behållare för alla tabeller och interna element (till exempel för sidhuvud, innehåll och sidfot).
Försök att inte bo för många bord och undvik att använda egenskapen "colspan" eftersom den här egenskapen inte är väl förstådd av vissa stationära klienter.
Storlek och upplösning. Visst är du van vid att koda webbsidor i 800 × 600 eller i 1024 × 768 ungefär, men för utformning av e -postmeddelanden i HTML kanske det inte fungerar särskilt bra eftersom de flesta av klienterna visar e -postmeddelandet i en slags "förhandsgranskningspanel" som är normalt en del av det totala tillgängliga utrymmet.
Det bästa du kan göra är att ställa in bredden till cirka 500-600px eller ge en storlek i procent, vilket är hur jag brukar göra det så att det anpassar sig till det utrymme du har tillgängligt.
Använda Cascading Style Sheets (CSS)Användningen av formatmallar i HTML -dokument för e -post är begränsad och beroende på vilken klient den tillåter mer eller mindre egenskaper. Helst ska stilar appliceras på själva taggen (inline styles) snarare än att deklarera klasserna i Head -taggen som du skulle göra på en webbsida …
Det rekommenderas till exempel att använda
istället för
.
Om vi använder bilder är det bättre att använda hela sökvägen till domänen där bilden är värd.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
