Miért néz ki az aláírásod az egyik postafiókban tökéletesen, a másikban meg szétesve? A logó óriási. A színek eltűntek. Egy kolléga a cégneved helyett nyers kódot lát.
A HTML e-mail-aláírások formázott jelölést használnak az elrendezés, a linkek és a képek szabályozására az elérhetőségi blokkodban. Több tervezési szabadságot adnak, mint a sima szöveg. Az e-mail-kliensekben viszont másként viselkednek, ezért a döntés előtt fontos érteni a kompromisszumokat.
Mi az a HTML e-mail-aláírás?
A HTML e-mail-aláírás jelöléssel épített elérhetőségi blokk, nem sima karakterekből áll. Tartalmazhatja a logódat képként, stílusozott szöveget és kattintható linkeket a weboldaladra vagy a közösségi profiljaidra. Az e-mail-kliensed tárolja a kódot, és minden üzenet alá beilleszti.
A HTML-aláírások inkább egy mini weboldalra hasonlítanak, mint egy begépelt címblokkra. Ez a vizuális igényesség segíti a márka felismerhetőségét, ha párosítod a e-mail-címek létrehozása a saját domaineden alapján beállított domainnel.
Miben különbözik a HTML-aláírás a sima szövegestől?
A sima szöveges aláírások csak sortöréseket és egyszerű karaktereket használnak. Minden kliens ugyanúgy jeleníti meg őket. A HTML-aláírások dizájnelemeket adnak, de az olvasó alkalmazásától függően eltérő térközzel, betűtípussal vagy hiányzó képekkel jelenhetnek meg.
A HTML akkor jó, ha logóra, márkaszínre vagy több linkelt ikonra van szükséged. A sima szöveg rövid belső válaszokhoz vagy olyan szerepekhez jó, ahol a sebesség fontosabb a látványnál. Sok csapat mindkét változatot tartja az e-mail-aláírás-sablonjában.
Hogyan építs időtálló HTML e-mail-aláírást?
Az e-mail-kliensek nem böngészők. Sok szabványos webes megoldást kivágnak vagy figyelmen kívül hagynak. Maradj az egyszerű, bevált mintáknál.
1. Használj beágyazott stílusokat
A színt és a betűméretet közvetlenül minden elemre add meg. A külső stíluslapokat gyakran eltávolítják. A beágyazott stílusok több kliensben megmaradnak, mint az osztályalapú CSS.
2. A képeket a saját domaineden tárold
A logófájlokat a saját weboldalad szerveréről linkeld, ne ideiglenes feltöltési linkekről. A saját domaineden lévő képek megbízhatóan töltődnek be, és illeszkednek a professzionális e-mail és a weboldalad bizalmi jeléhez.
3. Tartsd egyszerűnek a kódot
Kerüld a táblázatokba ágyazott táblázatokat, az egyedi betűtípusokat és a nagy háttérképeket. Egyetlen egyszerű táblázat a logóddal és a szöveges sorokkal a legtöbb márkának elég. Teszteld úgy, hogy elküldöd magadnak, és megnyitod mobilon.
Mikor válaszd a HTML-t a sima szöveg helyett?
Akkor válaszd a HTML-t, ha az arculati útmutatód minden kimenő üzenetben logót és színt követel. A sima szöveget akkor, ha a csapatod sok rövid választ küld, vagy ha a kézbesíthetőség és a betöltési sebesség a legfontosabb.
Ha HTML-t használsz, mindig adj sima szöveges tartalékot azoknak a klienseknek, amelyek kivágják a formázást. Az e-mail-aláírás blokkjának formázása fejezet olyan elrendezési szabályokat tárgyal, amelyek mindkét formátumra érvényesek.
Gyakran ismételt kérdések
Kell programozni tudnom a HTML e-mail-aláírás elkészítéséhez?
Az alap HTML-aláírások egyszerű címkéket használnak a linkekhez és a képekhez, amelyeket átmásolhatsz egy sablonból. Nem kell haladó programozói tudás. A WEMASY segít a logófájlokat a saját domaineden tárolni a weboldalépítőben.
Miért tűnnek el a képek egyes HTML e-mail-aláírásokból?
Egyes e-mail-kliensek alapból blokkolják a képeket, amíg az olvasó nem engedélyezi őket. A képeket a saját domaineden tárold, és tartsd kicsin a fájlméretet. Mindig adj meg alt szöveget a cégneveddel, hogy a szöveg látszódjon, ha a képek blokkolva vannak.
Lassíthatják a HTML e-mail-aláírások az üzeneteimet?
A nagy képek és a nehéz jelölés növeli a betöltési időt, főleg mobilhálózaton. Tömörítsd a logófájlokat, és korlátozd a linkelt képek számát. A könnyű blokk gyorsabban megy el, és professzionálisabbnak tűnik.
Beilleszthetem a HTML-kódot közvetlenül az e-mail-kliensembe?
A legtöbb üzleti e-mail-kliensnek van aláírás-szerkesztője, amely beillesztett HTML-t vagy vizuális szerkesztőt fogad. Illeszd be a kódot, mentsd el, és küldj tesztüzenetet. Nézd meg a mi az az e-mail-kliens fejezetet, hogy megértsd, az eszközöd hogyan kezeli az aláírásokat.
Biztonságosak a HTML e-mail-aláírások üzleti használatra?
A HTML-aláírások biztonságosak, ha te irányítod a kódot, és te tárolod a képeket. Kerüld az ismeretlen forrásból származó aláírások beillesztését. Maradj a csapatod által készített és belül átnézett sablonoknál.
Hogyan kapcsolódnak a HTML-aláírások az arculati szabályokhoz?
Használd ugyanazt a logót, színeket és betűtípusokat az arculati útmutatódból. Az e-mail-aláírás tervezésének bevált gyakorlatai fejezet a HTML-re és a sima szövegre egyaránt érvényes vizuális szabályokat tárgyalja.