Հասկանալով HTML էլփոստի դիզայնի մարտահրավերները (և հիասթափությունները):
Եթե դուք բացում եք բովանդակության կառավարման համակարգ՝ վեբ էջեր ստեղծելու համար, դա բավականին պարզ գործընթաց է: Ժամանակակից վեբ բրաուզերների աջակցություն HTML, CSSև JavaScript-ը խիստ վեբ ստանդարտներին համապատասխան: Եվ դրանք ընդամենը մի քանի բրաուզերներ են, որոնց մասին դիզայներները պետք է անհանգստանան: Կան բացառություններ, իհարկե… և որոշ պարզ լուծումներ կամ գործառույթներ, որոնք հատուկ են այդ բրաուզերներին:
Ընդհանուր ստանդարտների պատճառով պարզ է բովանդակության կառավարման համակարգերում էջ ստեղծողներ մշակելը: Զննարկիչները համապատասխանում են HTML5-ին, CSS-ին և JavaScript-ին… և մշակողները կարող են ստեղծել աներևակայելի ամուր լուծումներ՝ ստեղծելու վեբ էջեր, որոնք արձագանքում են սարքերին և հետևողական են բոլոր բրաուզերներին: Երկու տասնամյակ առաջ գրեթե յուրաքանչյուր վեբ դիզայներ օգտագործում էր աշխատասեղանի ծրագրակազմ՝ վեբ էջեր մշակելու համար: Այժմ բավականին հազվադեպ է վեբ դիզայների համար վեբ էջ մշակելը. ավելի հաճախ, քան ոչ, նրանք մշակում են ձևանմուշներ և օգտագործում խմբագիրներ բովանդակության համակարգերում՝ բովանդակությունը լրացնելու համար: Կայքի խմբագիրները ֆանտաստիկ են:
Բայց էլփոստի խմբագիրները ողբալիորեն հետ են մնում: Ահա թե ինչու…
HTML նամակների նախագծումը շատ ավելի բարդ է, քան վեբկայքի համար
Եթե ձեր ընկերությունը ցանկանում է նախագծված գեղեցիկ HTML էլ.
- Չկան ստանդարտներ – HTML էլփոստ ցուցադրող էլփոստի հաճախորդների կողմից վեբ ստանդարտներին ՉԿԱ խիստ պահպանում: Գործնականում յուրաքանչյուր էլփոստի հաճախորդ և յուրաքանչյուր էլփոստի հաճախորդի յուրաքանչյուր տարբերակ գործում է տարբեր կերպ: Ոմանք կհարգեն CSS-ը, արտաքին տառատեսակները և ժամանակակից HTML-ը: Մյուսները հարգում են որոշ ներկառուցված ոճավորում, ցուցադրում են միայն տառատեսակների հավաքածու և անտեսում են ամեն ինչ, բացի սեղանի վրա հիմնված կառուցվածքներից: Բավականին ծիծաղելի է, որ ոչ ոք չի աշխատում այս հարցով։ Արդյունքում, կաղապարների նախագծումը, որոնք հետևողականորեն ցուցադրվում են հաճախորդների և սարքերի միջև, դարձել է մեծ բիզնես և կարող է բավականին թանկ լինել:
- Էլփոստի հաճախորդի անվտանգություն – Վերջերս Apple Mail-ը թարմացվել է՝ կանխադրված արգելափակելու բոլոր պատկերները HTML նամակներում, որոնք ներառված չեն էլ. Դուք կա՛մ թույլտվություն եք տալիս բեռնել նրանց նամակը միաժամանակ, կա՛մ պետք է միացնեք կարգավորումները՝ այս կարգավորումն անջատելու համար: Էլփոստի հաճախորդի անվտանգության կարգավորումների հետ մեկտեղ կան նաև կորպորատիվ կարգավորումներ:
- ՏՏ անվտանգություն – Ձեր ՏՏ թիմը կարող է կիրառել խիստ կանոններ այն մասին, թե իրականում ինչ առարկաներ կարող են ներկայացվել էլ. Եթե ձեր պատկերները, օրինակ, գալիս են որոշակի տիրույթից, որը սպիտակ ցուցակում չի ներառված կորպորատիվ firewall-ում, պատկերները պարզապես չեն երևա ձեր էլ. Երբեմն մենք ստիպված ենք եղել մշակել էլ. նամակներ և հյուրընկալել բոլոր պատկերները կորպորացիայի սերվերում, որպեսզի իրենց աշխատակիցները կարողանան տեսնել պատկերները:
- Էլեկտրոնային փոստի ծառայություններ մատուցողներ – Իրավիճակն ավելի վատթարացնելու համար էլփոստի ստեղծողները, որոնք էլփոստի ծառայություններ մատուցողները (ESPժ) իրականում ներկայացնել խնդիրներ, այլ ոչ թե սահմանափակել դրանք: Թեև նրանք գովազդում են իրենց խմբագիրն այն է, ինչ տեսնում եք, այն է, ինչ ստանում եք (WYSIWYG), հակառակը հաճախ ճիշտ է էլփոստի ձևավորման դեպքում: Դուք նախադիտեք նամակն իրենց հարթակում, և ստացողը կտեսնի դիզայնի բոլոր խնդիրները: Ընկերությունները հաճախ անգիտակցաբար ընտրում են գործառույթներով հարուստ խմբագիր՝ փակ խմբագրի փոխարեն՝ մտածելով, որ մեկը ավելի շատ հնարավորություններ ունի: Ճիշտ հակառակն է… եթե ցանկանում եք նամակներ, որոնք հետևողականորեն ներկայացվում են բոլոր էլփոստի հաճախորդներին, այնքան ավելի պարզ, այնքան լավ, քանի որ ավելի քիչ կարող է սխալ լինել:
- Էլփոստի հաճախորդի մատուցում – Հարյուրավոր էլ. Թեև էլփոստի ծառայությունների մատակարարի ձեր հմուտ տեքստային խմբագրիչը կարող է ունենալ վերնագիր ձեր էլ.փոստում տեղադրելու կարգավորում, լիցքը, լուսանցքները, տողի բարձրությունը և տառատեսակի չափը կարող են տարբերվել յուրաքանչյուր էլփոստի հաճախորդի համար: Որպես արդյունք, դուք պետք է խլացնեք HTML-ը և կոդավորեք յուրաքանչյուր տարրը տարբեր կերպ (տես ստորև բերված օրինակը) և հաճախ գրեք բացառություններով, որոնք հատուկ են էլ. Չկան հասարակ բլոկների տեսակներ, դուք պետք է կատարեք սեղանի վրա հիմնված դասավորություններ, որոնք համարժեք են ցանցի համար երեսուն տարի առաջ կառուցելուն: Ահա թե ինչու ցանկացած նոր դասավորություն պահանջում է ինչպես մշակում, այնպես էլ էլեկտրոնային փոստով հաճախորդի և սարքի փորձարկում: Այն, ինչ տեսնում եք ձեր մուտքի արկղում, կարող է բոլորովին տարբերվել այն ամենից, ինչ ես տեսնում եմ իմ մուտքի արկղում: Այդ իսկ պատճառով գործիքների մատուցումը նման է Email On Acid or Լիտմուսը պարտադիր են՝ ապահովելու համար, որ ձեր նոր դիզայնն աշխատի բոլոր էլփոստի հաճախորդների համար: Ահա հանրաճանաչ էլփոստի հաճախորդների և դրանց մատուցման շարժիչների կարճ ցուցակը.
- Apple Mail-ի, Outlook-ի համար Mac-ի, Android Mail-ի և iOS Mail-ի օգտագործումը WebKit- ը.
- Outlook 2000, 2002 և 2003 թվականների օգտագործումը internet Explorer- ի.
- Outlook 2007, 2010 և 2013 թվականների օգտագործումը Microsoft Word- ը (այո, Word!):
- Վեբփոստի հաճախորդներն օգտագործում են իրենց բրաուզերի համապատասխան շարժիչը (օրինակ՝ Safari-ն օգտագործում է WebKit-ը, իսկ Chrome-ը՝ Blink):
HTML-ի օրինակ Web Vs-ի համար: Էլ
Եթե ցանկանում եք օրինակ, որը ցույց է տալիս էլփոստի նախագծման բարդությունը համացանցում, ահա կատարյալ օրինակ Mailbakery-ի հոդվածից: 19 Մեծ տարբերություն Էլփոստի և Վեբ HTML-ի միջև:
HTML էլ
Մենք պետք է ստեղծենք մի շարք աղյուսակներ, որոնք կներառեն ամբողջ ներդիր ոճը, որն անհրաժեշտ է կոճակը ճիշտ տեղադրելու և էլփոստի հաճախորդների համար այն լավ տեսք ունենալու համար: Ուղեկցող ոճի պիտակը նույնպես կլինի այս էլփոստի վերևում՝ դասերը ներառելու համար:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
<tr>
<td class="text-button" style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
<a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
Վեբ HTML
Մենք կարող ենք օգտագործել արտաքին ոճաթերթ՝ դասերի հետ՝ սահմանելու համար կոճակ հայտնվող խարիսխի պիտակի գործը, հավասարեցումը, գույնը և չափը:
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>
Ինչպես խուսափել էլփոստի դիզայնի խնդիրներից
Էլփոստի նախագծման խնդիրները կարելի է խուսափել՝ հետևելով պատշաճ գործընթացին.
- Կաղապարի փորձարկում – Ձեր բաժանորդների կողմից օգտագործվող էլփոստի հաճախորդները հասկանալը և ձեր HTML էլ.փոստի ամբողջական փորձարկումը բջջային և աշխատասեղանում շատ կարևոր է նախքան որևէ ձևանմուշ տեղադրելը: Մենք կարող ենք նախագծել էլ.
- Ներքին փորձարկում – Ձեր ձևանմուշը նախագծվելուց և փորձարկվելուց հետո այն պետք է ուղարկվի կազմակերպության ներքին սերմացուցակ՝ վերանայելու և հաստատելու համար: Դուք նույնիսկ կարող եք սկսել անհատների շատ սահմանափակ ենթաբազմությունից, որպեսզի նախ համոզվեք, որ չկան firewall-ի կամ անվտանգության խնդիրներ, որոնք կապված են էլփոստի ներքին տեղադրման հետ: Եթե սա օրինակ է ստեղծում էլփոստի ծառայության նոր մատակարարի վրա, դուք կարող եք նույնիսկ գտնել որոշ զտման կամ արգելափակման խնդիրներ, որոնք կապված են նույնիսկ ձեր էլփոստը մուտքի արկղ հասցնելու հետ:
- Կաղապարի տարբերակում – Մի փոխեք ձեր դասավորությունները կամ ձևավորումները՝ առանց աշխատելու ձեր ձևանմուշի նոր տարբերակի վրա, որը կարող է նախագծվել, պատշաճ կերպով փորձարկվել և տեղակայվել: Շատ բիզնեսներ սիրում են միանվագ ձևավորումներ յուրաքանչյուր քարոզարշավի համար… բայց դա պահանջում է, որ յուրաքանչյուր էլ. Սա տոննա ժամանակ է ավելացնում էլփոստի շուկայավարման ներքին գործընթացին: Եվ դուք վտանգում եք չհասկանալ, թե ձեր էլփոստի որ տարրերն են լավ կատարում, քան այն տարրերը, որոնք չեն: Հետևողականությունը պարզապես գործընթացը հեշտացնելու միջոց չէ, այն նաև կարևոր է ձեր բաժանորդների վարքագծի համար:
- Էլփոստի ծառայություններ մատուցողի բացառություններ – Գրեթե յուրաքանչյուր էլփոստի ծառայություններ մատուցող ունի այն խնդիրների շուրջ աշխատելու միջոցներ, որոնք ներկայացնում է իրենց էլփոստի ստեղծողը: Մենք հաճախ կարող ենք չմշակված CSS-ն ավելացնել հաշվում, կամ նույնիսկ ունենալ բովանդակության բլոկ, որը պետք է ներառվի յուրաքանչյուր էլ. նամակում, որպեսզի ընկերությունը օգտագործի ներկառուցված էլփոստի խմբագրիչը և չխախտի ձեր էլփոստի դիզայնը: Իհարկե, դա կարող է պահանջել որոշակի ուսուցում և գործընթացի վերահսկում այդ քայլերը կիրառելու համար՝ ապահովելու համար, որ դրանք համապատասխանում են: Կամ՝ դուք կարող եք բառացիորեն պարզապես ցանկանալ զարգացնել ձեր էլփոստի դիզայնը այնպիսի լուծման մեջ, որն ապացուցված է, որ աշխատում է հաճախորդների և սարքերի միջև, այնուհետև այն նորից տեղադրեք ձեր էլփոստի ծառայության մատակարարում:
Էլփոստի ձևավորման հարթակներ
Քանի որ էլփոստի ծառայությունների հարթակները վատ աշխատանք են կատարել՝ ստեղծելով և պահպանելով խաչաձև հաճախորդների և սարքերի միջև հետևողականորեն մատուցվող շինարարներ, շուկա են դուրս եկել մի շարք հիանալի հարթակներ: Մեկը, որը մենք լայնորեն օգտագործել ենք Ստրիպո.
Stripo-ն պարզապես էլփոստի ստեղծող չէ, նրանք նաև ունեն ավելի քան 900 ձևանմուշների գրադարան, որոնք կարելի է հեշտությամբ ներմուծել: Էլփոստը ձևավորելուց հետո կարող եք էլփոստ ուղարկել 60+ ESP-ներին և էլփոստի հաճախորդներին, ներառյալ Intuit Mailchimp, HubSpot, Քարոզարշավ Monitor, AWeber, eSputnik, Հեռանկար, եւ Gmail. Ամենից լավ Stripo-ի ձևանմուշները ներառում են էլփոստի մատուցման թեստեր, որպեսզի կարողանաք համոզվել, որ դրանք փորձարկվել են և հետևողականորեն աշխատում են ավելի քան 40 էլփոստի հաճախորդների հետ: