Veb səhifələr yaratmaq üçün məzmun idarəetmə sistemini açsanız, bu olduqca sadə bir prosesdir. Müasir veb brauzerlər HTML, CSS və JavaScript-i dəstəkləyir sərt veb standartları toplusu. Və onlar həqiqətən dizaynerlərin narahat olması lazım olan bir neçə brauzerdir. İstisnalar, əlbəttə ki... və bəzi sadə həllər və ya həmin brauzerlərə xas funksiyalar var.
Ümumi standartlara görə, məzmun idarəetmə sistemlərində səhifə qurucularını inkişaf etdirmək həqiqətən asandır. Brauzerlər HTML5, CSS və JavaScript-ə uyğundur... və tərtibatçılar cihazlara cavab verən və brauzerlər arasında ardıcıl olan veb səhifələr yaratmaq üçün inanılmaz dərəcədə möhkəm həllər hazırlaya bilərlər. İyirmi il əvvəl, demək olar ki, hər bir veb-dizayner veb səhifələr hazırlamaq üçün masa üstü proqram təminatından istifadə edirdi. İndi bir veb-dizayner üçün veb səhifə hazırlaması olduqca qeyri-adi haldır – daha tez-tez onlar şablonlar hazırlayır və məzmunu doldurmaq üçün məzmun sistemlərində redaktorlardan istifadə edirlər. Veb sayt redaktorları fantastikdir.
Lakin e-poçt redaktorları çox geridə qalıblar. Budur niyə…
HTML E-poçtlarının Dizaynı Vebsaytdan Daha Mürəkkəbdir
Əgər şirkətiniz gözəl bir HTML e-poçtu dizayn etmək istəyirsə, proses bir sıra səbəblərə görə veb səhifə yaratmaqdan daha mürəkkəbdir:
- Standartlar yoxdur – Heç bir internetə ciddi riayət YOXDUR standartları HTML e-poçtunu göstərən e-poçt müştəriləri tərəfindən. Əslində virtual olaraq hər bir e-poçt müştərisi və hər bir e-poçt müştərisinin hər versiyası fərqli hərəkət edir. Bəziləri CSS-ə, xarici şriftlərə və müasir HTML-yə hörmət edəcək. Digərləri bəzi daxili üsluba hörmət edir, yalnız şriftlər toplusunu nümayiş etdirəcək və cədvəllə idarə olunan strukturlardan başqa hər şeyə məhəl qoymur. Bu məqamda heç kimin bu məsələ ilə məşğul olmaması əslində olduqca gülüncdür. Nəticədə, müştərilər və cihazlar arasında ardıcıl olaraq təqdim olunan şablonların dizaynı böyük biznesə çevrilib və olduqca bahalı ola bilər.
- E-poçt Müştəri Təhlükəsizliyi – Məhz bu həftə, Apple Mail standart olaraq HTML e-poçtlarında e-poçta daxil edilməyən bütün şəkilləri bloklamaq üçün yeniləndi. Siz ya onlara bir dəfəyə e-poçt yükləməyə icazə verirsiniz, ya da bu ayarı aradan qaldırmaq üçün parametrləri aktivləşdirməlisiniz. E-poçt müştəri təhlükəsizlik parametrləri ilə yanaşı, korporativ parametrlər də var.
- İT Təhlükəsizlik – İT komandanız hansı obyektlərin əslində e-poçtda göstərilə biləcəyinə dair ciddi qaydalar toplusunu yerləşdirə bilər. Əgər şəkilləriniz, məsələn, korporativ təhlükəsizlik duvarında ağ siyahıya daxil edilməyən xüsusi bir domendən gəlirsə, şəkillər sadəcə olaraq e-poçtunuzda görünməyəcək. Bəzən biz e-poçtlar hazırlamalı və bütün şəkilləri korporasiyanın serverində yerləşdirməli olurduq ki, onların öz əməkdaşları şəkilləri görə bilsinlər.
- E-poçt xidmət təminatçıları – Məsələni daha da pisləşdirmək üçün e-poçt qurucuları e-poçt xidməti təminatçılarına (ESPs) problemləri məhdudlaşdırmaq əvəzinə faktiki olaraq təqdim edin. Onların redaktoru təşviq edərkən Gördüyünüz şey, əldə etdiyiniz şeydir (WYSIWYG), əksinə e-poçt dizaynında çox vaxt doğrudur. Siz e-poçtu onların platformasında nəzərdən keçirəcəksiniz, sonra e-poçt alıcısı hər cür dizayn problemlərini görür. Şirkətlər tez-tez bilmədən kilidlənmiş redaktor əvəzinə birinin digərindən daha çox xüsusiyyətə malik olduğunu düşünərək zəngin xüsusiyyətlərə malik redaktoru seçirlər. Bunun əksi doğrudur… bütün e-poçt müştəriləri arasında ardıcıl şəkildə göstərilən e-poçtları istəyirsinizsə, nə qədər sadə olsa, bir o qədər yaxşıdır, çünki daha az səhv ola bilər.
- E-poçt Müştərisinin göstərilməsi – Yüzlərlə e-poçt müştərisi var, hər biri masaüstü, proqramlar, mobil və veb-poçt müştəriləri arasında HTML-ni fərqli şəkildə göstərir. E-poçt xidmət provayderinizdəki məlahətli mətn redaktorunuz e-poçtunuza başlıq qoymaq üçün parametrə malik olsa da... doldurma, kənarlar, sətir hündürlüyü və şrift ölçüsü hər bir e-poçt müştərisində fərqli ola bilər. Nəticə etibarilə, siz HTML-i lal etməli və hər bir elementi fərqli şəkildə kodlamalısınız (aşağıdakı nümunəyə baxın) – və tez-tez e-poçt müştərisinə xas olan istisnalar yazmalısınız – e-poçtun ardıcıl şəkildə göstərilməsini təmin etmək. Sadə blok növləri yoxdur, siz otuz il əvvəl veb üçün tikilməyə ekvivalent olan cədvəllə idarə olunan planlar etməlisiniz. Buna görə də hər hansı yeni tərtibat həm inkişaf, həm də çarpaz e-poçt müştəri və cihaz testini tələb edir. Gələnlər qutunuzda gördükləriniz mənim gələnlər qutumda gördüklərimdən tamamilə fərqli ola bilər. Buna görə də render alətləri kimi Acid On E-poçt or Lakmus yeni dizaynlarınızın bütün e-poçt müştəriləri arasında işləməsini təmin etmək lazımdır. Populyar e-poçt müştərilərinin və onların təqdimetmə mühərriklərinin qısa siyahısı:
- Apple Mail, Mac üçün Outlook, Android Mail və iOS Mail istifadə WebKit.
- Outlook 2000, 2002 və 2003 istifadə Internet Explorer.
- Outlook 2007, 2010 və 2013 istifadə Microsoft Word (bəli, Word!).
- Veb poçt müştəriləri brauzerlərinin müvafiq mühərrikindən istifadə edirlər (məsələn, Safari WebKit-dən, Chrome isə Blink-dən istifadə edir).
Web Vs üçün HTML nümunəsi. E-poçt
İnternetə qarşı e-poçtda dizaynın mürəkkəbliyini göstərən bir nümunə istəyirsinizsə, burada Mailbakery-nin məqaləsindən mükəmməl bir nümunə var. 19 E-poçt və Veb HTML Arasındakı Böyük Fərqlər:
mina
Düyməni düzgün yerləşdirmək və onun e-poçt müştəriləri arasında yaxşı görünməsini təmin etmək üçün lazım olan bütün daxili üslubu özündə birləşdirən bir sıra cədvəllər qurmalıyıq. Dərsləri birləşdirmək üçün bu e-poçtun yuxarı hissəsində müşayiət olunan stil etiketi də olacaq.
<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>web
Düymə kimi görünən anker teqinin vəziyyətini, düzülməsini, rəngini və ölçüsünü müəyyən etmək üçün sinifləri olan xarici üslub cədvəlindən istifadə edə bilərik.
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>E-poçt dizaynı ilə bağlı problemlərdən necə qaçınmaq olar
Layiqli bir prosesə əməl etməklə e-poçt dizaynı ilə bağlı problemlərin qarşısını almaq olar:
- Şablon Dizaynı – E-poçt dizaynlarınızda yaratmaq istədiyiniz hər üslubu əhatə edən müxtəlif tərtibat və məzmun blokları ilə şablon hazırlayın. Müştəri həyata keçirəndə biz həmişə onu itələyirik gələcək üçün e-poçt dizayn edin – yalnız göndərilən növbəti e-poçt kampaniyası deyil. Beləliklə, biz lazımi həll yollarını tam dizayn edə, inkişaf etdirə, sınaqdan keçirə və həyata keçirə bilərik əvvəl onlar ilk e-poçtu göndərirlər.
- Şablon Testi – Abunəçilərinizin istifadə etdiyi e-poçt müştərilərini başa düşmək və HTML e-poçtunuzun mobil və iş masası üzərində tam sınaqdan keçirilməsini təmin etmək hər hansı şablonu yerləşdirməzdən əvvəl vacibdir. Biz bir e-poçtu sözün həqiqi mənasında Photoshop tərtibatından tərtib edə bilərik... lakin onu dilimləmək və masaya əsaslanan, çarpaz e-poçt müştərisinə bölmək optimal və ardıcıl e-poçt dizaynlarını tətbiq etmək üçün vacibdir.
- Daxili Test – Şablonunuz tərtib edildikdən və sınaqdan keçirildikdən sonra nəzərdən keçirmək və təsdiqləmək üçün təşkilat daxilində daxili əsas siyahıya göndərilməlidir. Siz hətta e-poçtun daxildə göstərilməsi ilə bağlı firewall və ya təhlükəsizlik problemlərinin olmadığından əmin olmaq üçün çox məhdud fərdlər toplusu ilə başlamaq istəyə bilərsiniz. Əgər bu, yeni e-poçt xidməti provayderində nümunə yaradırsa, hətta e-poçtunuzu gələnlər qutusuna çatdırmaqla bağlı bəzi filtrləmə və ya bloklama problemləri tapa bilərsiniz.
- Şablon versiyası – Şablonunuzun tərtib oluna, düzgün sınaqdan keçirilə və yerləşdirilə bilən yeni versiyası üzərində işləmədən planlarınızı və ya dizaynlarınızı dəyişdirməyin. Bir çox müəssisələr hər kampaniya üçün birdəfəlik dizaynları sevirlər... lakin bu, hər bir e-poçtun hər bir kampaniya üçün tərtib edilməsini, hazırlanmasını və yerləşdirilməsini tələb edir. Bu, daxili e-poçt marketinq prosesinə bir ton vaxt əlavə edir. Və e-poçtunuzdakı hansı elementlərin hansı elementlərin olmadığını başa düşməmək riski daşıyırsınız. Ardıcıllıq sadəcə prosesi asanlaşdıran bir üsul deyil, həm də abunəçilərinizin davranışı üçün vacibdir.
- E-poçt Xidməti Provayderi İstisnaları – Faktiki olaraq hər bir e-poçt xidməti təminatçısının e-poçt qurucusunun təqdim etdiyi problemlər ətrafında işləmək üçün bir vasitə var. Şirkətin daxili e-poçt redaktorundan istifadə etməsi və e-poçtunuzun dizaynını pozmaması üçün biz tez-tez hesaba xam CSS əlavə edə bilərik - və ya hətta hər bir e-poçta daxil edilməli olan məzmun blokuna sahib ola bilərik. Əlbəttə ki, bu addımların yerinə yetirilməsini təmin etmək üçün bəzi təlim və prosesə nəzarət tələb edə bilər. Və ya – siz sözün əsl mənasında e-poçt dizaynınızı müştərilər və cihazlar arasında işlədiyi sübut edilmiş bir həlldə inkişaf etdirmək istəyə bilərsiniz, sonra onu yenidən e-poçt xidmət provayderinizə yapışdırın.
E-poçt Dizayn Platformaları
E-poçt xidməti platformaları müştərilərlərarası və cihazlar arası ardıcıl olaraq göstərilən qurucuların yaradılması və saxlanmasında zəif iş gördüyü üçün bir sıra möhtəşəm platformalar bazara çıxdı. Geniş istifadə etdiyimiz biri Stripo.
Stripo təkcə e-poçt qurucusu deyil, həm də asanlıqla idxal edilə bilən 900-dən çox şablondan ibarət kitabxanaya malikdir. E-poçtu tərtib etdikdən sonra siz 60+ ESP-yə və e-poçt müştərilərinə, o cümlədən e-poçt göndərə bilərsiniz MailChimp, HubSpot, Kampaniya Monitoru, AWeber, eSputnik, Outlook və Gmail. Ən yaxşı Stripo şablonları e-poçt göstərmə testləri ilə birlikdə gəlir ki, onların sınaqdan keçirildiyinə və 40-dan çox e-poçt müştərisi arasında ardıcıl işlədiyinə əmin olasınız.
Stripo Redaktor Demosuna daxil olun
Açıqlama: Mən özümə qoşuluram marketinq konsaltinq şirkəti faktiki olaraq hər hansı bir e-poçt xidməti provayderində aparıcı brendlər üçün müştərilər arası e-poçtları dizayn edən və yerləşdirən. Mən də filialıyam Stripo və mən bu məqalədə öz linkimdən istifadə edirəm.
