Cadangan tentang cara membuat e-mel HTML perniagaan_HTML/Xhtml_Pengeluaran halaman web

Melalui pemasaran e-mel berasaskan kebenaran, anda bukan sahaja dapat mengurangkan kos pemasaran dan promosi dengan banyak, tetapi juga menyampaikan maklumat secara langsung dan tepat kepada pelanggan.

Persoalan yang saya selidiki hari ini ialah bagaimana untuk bermula dari aspek teknikal untuk mencipta e-mel yang sangat baik yang serasi dengan penglihatan pengguna dan pelanggan e-mel.

1. Pilih HTML atau teks biasa
Sesetengah orang suka teks ringkas, manakala yang lain suka melihat HTML yang kaya.
Untuk e-mel pemasaran, adalah disyorkan untuk menggunakan format HTML (gambar);
Untuk e-mel pengesahan/peringatan/pemberitahuan, adalah disyorkan untuk menggunakan teks atau HTML ringkas untuk menciptanya (gambar).

Mengapa kaedah pengeluaran yang berbeza digunakan untuk dua jenis e-mel yang berbeza ini berdasarkan sebab ini: Kandungan e-mel pemasaran adalah kaya dan pelbagai kandungan e-mel pengesahan adalah tunggal dan unik;

Dalam e-mel pemasaran, pelanggan akan memberi lebih perhatian kepada kekayaan kandungan dan keindahan kesan visual

Dalam e-mel pengesahan, kami mahu pelanggan melihat maklumat pengesahan, kandungan kompleks dan kesan visual secara langsung Ia hanya akan menyebabkan pelanggan untuk; abaikan kandungan utama e-mel - iaitu, mesej pengesahan;

2. Kemahiran asas HTML berdasarkan reka letak jadual CSS

Terdapat dua jenis kung fu, satu adalah yang kepada kuat, satu lagi adalah yin kepada lembut Sebab mengapa Zhang Sanfeng mencapai atas adalah kerana seni mempertahankan diri Dengan asas yang baik dan kemahiran asas Shaolin yang kukuh, saya menyedari bahawa Tai Chi boleh mencapai yin dan yang.
Hal yang sama berlaku untuk e-mel HTML Kami tahu bahawa terdapat banyak pelanggan membaca e-mel hari ini, seperti Outlook tradisional, Thunderbird, Lotus Notes dan Mac Mail dalam talian, Gmail, Hotmail, dll. Tafsiran e-mel akan berbeza. . Kebanyakan sistem e-mel dalam talian akan menyekat kod antara teg Untuk menjadikan semua pengguna yang menggunakan pelanggan berbeza melihat e-mel yang sama, anda perlu menguasai kemahiran asas HTML dengan baik. Sesetengah orang mengatakan DIV CSS, dan sesetengah orang mengatakan ia adalah semantik tag SEO Tidak dapat dinafikan bahawa sebagai pembangun web, ia akan menjadi sangat popular untuk mempunyai dua idea pembangunan HTML yang popular ini, tetapi ini tidak digunakan untuk pengeluaran e-mel. Matlamat kami adalah untuk membolehkan pelanggan melihat kandungan maklumat yang sama di bawah klien e-mel yang berbeza, yang menggunakan kaedah tetapan taip yang paling primitif: CSS reka letak jadual. Mari kita lihat sokongan untuk HTML dan CSS dalam klien e-mel semasa (gambar):

*Hotmail boleh menghuraikan antara , tetapi juga menyekatnya. antara

3. Apabila membuat e-mel HTML, anda mesti memberi perhatian kepada perkara berikut:

1. Tulis gaya di dalam teg HTML, jangan tulis secara berasingan dalam fail luaran, atau tulis di antara (gambar);
   Tambah CSS di dalam setiap teg kandungan, walaupun ia berulang dan menyusahkan
   
2. Jangan gunakan CSS untuk meletakkan tag elemen HTML
   Gunakan kaedah bersarang jadual yang menggabungkan saiz mutlak (piksel) dan saiz relatif (peratusan) untuk kedudukan.
3. 
   Jangan masukkan sebarang Javascript, Flash dan beberapa teg khas (seperti: marquee) ke dalam e-mel
   Kebanyakan pelanggan e-mel akan menyekat Flash dan Javascript, serta beberapa teg dan atribut khas; Jangan gunakan imej latar belakang
Atribut imej latar belakang akan disekat dalam kebanyakan klien e-mel dalam talian Dalam Gmail, anda tidak dapat melihat sebarang imej latar belakang
4. Nyatakan nilai atribut lebar, tinggi dan Alt untuk setiap imej; . 54575.com/logo.gif” width=”297″ height=”160″ alt=”Hidup dengan baik=bermakna” />
   
Ralat:
5. 
   
6. Sila jangan gunakan gambar untuk menandakan kandungan penting
   Masa, lokasi, kandungan dan maklumat lain pameran adalah sangat penting Memandangkan gambar mungkin tidak dipaparkan, tidak digalakkan untuk memaparkan kandungan ini dalam gambar;
   Walaupun ia diletakkan dalam imej, sila nyatakan dalam bentuk teks dalam kandungan e-mel dan tambahkan kandungan pada atribut Alt imej. Gunakan pengekodan utf-8 bersatu;
   4.
7. Lebar e-mel, 650px Atau 600px?
   
   Kita semua tahu bahawa standard lebar halaman web semasa ialah 950/960px, yang bergantung pada kadar resolusi monitor kami;
E-mel selalunya dibuka melalui dua cara, pelanggan perisian dan pelanggan dalam talian, dua pelanggan e-mel ini (gambar).
8. *Microsoft Outlook 2003

*E-mel NetEase 163
Seperti yang dapat dilihat daripada gambar, e-mel selalunya tidak dipaparkan dalam skrin penuh
Jika anda terus menggunakan lebar standard 960/950px halaman web, ia pasti akan menyebabkan sebahagian daripada kandungan e-mel menjadi. bertutup, sekali gus mencipta dua pandangan mendatar dan menegak Bar skrol menyusahkan pelanggan untuk menyemak imbas
dan lebar yang terlalu sempit akan menyebabkan pembaziran ruang (gambar)

Jadi, apakah lebar optimum untuk e-mel HTML? Mari kita rujuk terlebih dahulu lebar yang digunakan oleh beberapa syarikat terkenal semasa menghasilkan e-mel HTML:
NetEase Youdao: 600px

Ahli QQ: 650px

Rumah & Pejabat Dell: 650px

Cisco Webex: 600px

Dapat dilihat bahawa lebar e-mel pemasaran syarikat IT terkenal ini hanya dua jenis: 600px dan 650px

Menurut pengalaman EDM dan reka bentuk Web saya selama 4 tahun, saya lebih cenderung untuk memilih. yang terakhir, iaitu, 650px sebagai standard untuk lebar e-mel pemasaran HTML.

Kelebihan 650px:
Apabila kandungan e-mel dibahagikan kepada 2 lajur, 650px boleh dibahagikan kepada X 10 Y, di mana X = lajur kiri, Y = lajur kanan, 10 ialah jurang, X Y = 640 dan 640 Boleh dibahagi tepat dengan 20, 640=2×2x2×2x2×2x10

,

Apabila kandungan e-mel dibahagikan kepada 3 lajur, 650px boleh dibahagikan kepada X 10 Y 10 Z, begitu juga, X Y Z= 630, 630 betul-betul boleh dibahagi dengan 30,
630=3×3x7×10.

Mengapa ia terurai dengan cara ini? Sila semak penyelidikan tentang rasterisasi halaman web.

Inilah sebabnya saya memilih 650px dan bukannya 600px.
Sudah tentu, ini hanyalah piawaian peribadi saya dan belum lagi menjadi piawaian yang bersatu secara global, tetapi saya berharap satu hari nanti lebar ini akan diiktiraf oleh sebahagian besar pengeluar dan penerima e-mel HTML.