Praktik Terbaik Email HTML: Apakah Email Hanya Gambar Buruk untuk Pemasaran?
Diterbitkan: 2022-11-24Bisnis yang sukses menempatkan prioritas tinggi dalam menegakkan standar merek mereka—dan memang seharusnya begitu. Ini adalah representasi visual dari hubungan yang mereka miliki dengan pelanggan mereka, dan mereka mempertahankan hubungan itu dengan selalu menggunakan font, warna, logo, dan gaya gambar yang sama.
Itulah mengapa bisa sangat menggelegar ketika Anda mulai menyusun strategi pemasaran email untuk klien Anda hanya untuk menyadari bahwa Anda terbatas pada font yang aman untuk web, tidak dapat dengan mudah melapisi kata-kata pada gambar, dan tidak dapat mengontrol tampilan teks yang tepat. karena padding atau margin bervariasi menurut kotak masuk.
Karena itu, Anda mungkin tergoda untuk membuat template hanya gambar sehingga email Anda selalu terlihat persis seperti yang Anda inginkan. Sayangnya, ini adalah strategi picik yang cenderung menyebabkan lebih banyak masalah daripada menyelesaikannya. Teruslah membaca untuk mempelajari mengapa (dan apa yang seharusnya Anda lakukan).
Mengapa Anda Harus Menghindari Email Hanya Gambar
Sayangnya, manfaat email hanya gambar tidak lebih besar daripada kekurangannya. Berikut adalah beberapa alasan mengapa Anda harus menghindarinya.
Mereka Dapat Menyebabkan Masalah Keterkiriman
Saat menyusun kampanye email Anda, prioritas utama Anda harus selalu pengiriman. Email hanya gambar sering dikirim langsung ke folder spam karena bisa menjadi taktik yang digunakan oleh scammers untuk menghindari filter teks yang dipasang untuk mendeteksi kata-kata yang menyinggung atau menipu.
Ukuran file keseluruhan email Anda juga memengaruhi keterkiriman, seperti yang ditunjukkan dalam email ini di artikel asam, dan email yang hanya berisi gambar jauh lebih besar daripada email HTML.
Mereka Mungkin Lambat Memuat—atau Tidak Muncul Sama Sekali
Beberapa klien email mungkin menonaktifkan gambar secara default untuk alasan keamanan atau untuk melindungi pengguna dari konten atau malware yang berpotensi menyinggung. Jika Anda telah membuat email hanya gambar, mereka mungkin tidak melihat apa-apa selain dinding ikon gambar yang rusak, seperti contoh yang ditampilkan di artikel lakmus ini tentang pemblokiran gambar.
Email dengan banyak gambar juga dapat sangat meningkatkan jumlah waktu yang diperlukan untuk memuat email, yang dapat merusak keterlibatan pengguna. Orang-orang menghabiskan rata-rata 10-13 detik untuk membaca satu email; ini berarti jika ada jeda waktu saat gambar dimuat, jendela peluang yang sudah sempit yang Anda miliki untuk menyampaikan pesan akan semakin menyusut.
Mereka Mengompromikan Aksesibilitas
Orang dengan gangguan penglihatan akan lebih kesulitan menggunakan perangkat pembaca layar untuk menginterpretasikan email yang hanya berisi gambar. Meskipun gambar dalam email harus selalu memiliki teks alt deskriptif yang relevan dengan konten email, gambar tersebut tidak dimaksudkan untuk menggantikan teks email seluruhnya.
Mereka Tidak Dioptimalkan untuk Seluler
Jika Anda mendesain email hanya gambar untuk desktop, pelanggan Anda akan menyipitkan mata untuk melihatnya di perangkat seluler mereka. Di sisi lain, jika Anda mendesainnya agar mudah dibaca di ponsel, itu akan terlihat seperti kartun besar di layar komputer.
Mereka Tidak Dapat Ditelusuri seperti Email HTML
Jika Anda mengirim email dengan informasi yang ingin dirujuk oleh kontak nanti, seperti kupon atau acara mendatang, mereka akan kesulitan mencari pesan Anda di kotak masuk jika semua teks berbasis gambar.
Sekarang setelah Anda mengetahui semua alasan mengapa Anda sebaiknya tidak membuat email yang hanya berisi gambar, berikut adalah beberapa praktik terbaik yang perlu diingat saat membuat email HTML yang indah dan efektif.
Praktik Terbaik untuk Membuat Email HTML
Apakah ini berarti Anda harus menghindari gambar di email Anda? Sama sekali tidak! Sebagian besar sumber daya menyarankan rasio teks-ke-gambar 60/40 untuk keseimbangan pengiriman terbaik dan pengalaman pengguna yang optimal. Coba strategi ini untuk membuat email yang berdampak dengan atau tanpa menampilkan gambar.
Kurangi Ukuran Gambar Anda Sebanyak Mungkin
Anda dapat—dan harus—tetap menyertakan gambar di email Anda, tetapi ukuran filenya harus diminimalkan sebelum menambahkannya ke template email Anda.
Untuk mengekspor gambar Anda untuk email dari Photoshop, pilih File > Export > Save for Web. Untuk gambar buram seperti foto, format file JPEG memungkinkan ukuran file lebih kecil dari PNG. Untuk gambar bergambar seperti logo yang membutuhkan transparansi, PNG adalah pilihan yang ideal.
Jika Anda tidak memiliki akses ke Photoshop, alat kompresi gambar online gratis seperti tinypng dapat membantu memperkecil ukuran gambar Anda.
Gunakan Teks Langsung
Di sebagian besar kasus, semua susunan kata email harus berupa teks HTML yang dapat dipilih dengan kursor dan dibaca oleh perangkat pembaca layar. Meskipun daftar asli font aman web adalah pilihan teraman Anda, beberapa kotak masuk mungkin menampilkan font Anda (misalnya, Gmail akan menampilkan Google Font).
Anda selalu dapat memilih untuk menggunakan font merek Anda terlebih dahulu dengan font aman web sebagai cadangan. Dengan menggunakan koma di CSS, Anda memberi tahu kotak masuk untuk menggunakan font pertama jika memungkinkan, lalu font kedua jika memungkinkan, dan terakhir font sans-serif lainnya jika dua lainnya tidak tersedia.
<style=”font-family: 'KoHo', Arial, sans-serif”>Buat Tombol Antipeluru
Tombol antipeluru adalah tombol email apa pun yang dibuat menggunakan HTML, bukan gambar. Mereka dapat dibuat menggunakan beberapa metode termasuk padding, border, atau Vector Markup Language (VML).
Pembuat tombol email antipeluru ini dapat membantu Anda dengan mudah membuat tombol bergaya yang akan ditampilkan dengan indah di sebagian besar kotak masuk, termasuk Outlook.
Tukar Gambar untuk Gif untuk Dampak Maksimal
Anda mungkin terkejut mengetahui bahwa gif animasi bisa berukuran lebih kecil daripada foto. Semuanya bermuara pada kerumitan gambar dan berapa banyak piksel yang berubah di antara bingkai.
Artikel ini memberikan beberapa strategi mendetail untuk membuat gif berukuran wajar untuk email Anda. Beberapa tips ini meliputi:
- Memotong alih-alih memudar untuk transisi
- Menggunakan elemen vektor bergambar, bukan foto
- Menggunakan overlay untuk membatasi palet warna
Sertakan Tautan "Lihat di Browser" di Bagian Atas Email Anda
Beberapa pengguna akan memilih untuk menonaktifkan gambar secara default, atau mereka mungkin tidak dapat mengontrol fitur ini karena mereka memiliki kotak masuk tempat kerja dengan fitur keamanan bawaan.
Inilah sebabnya mengapa selalu merupakan ide bagus untuk menyertakan tautan "lihat di browser" di bagian atas email Anda sehingga kontak dapat melihat email seperti aslinya.
Gunakan Elemen Teks Alih-alih Ikon Gambar
Bereksperimenlah dengan elemen berbasis teks/CSS sebagai pengganti gambar jika memungkinkan. Misalnya, alih-alih membuat gambar panah, lihat apakah ada font yang aman untuk web yang menyertakannya. Anda dapat google "ASCII" atau "Unicode" diikuti dengan kata kunci Anda untuk memeriksa. Bagan ini menunjukkan semua simbol yang mungkin belum Anda ketahui adalah bagian dari keluarga font Arial.
Jadikan Gambar sebagai Elemen Aksen Opsional
Tren baru-baru ini yang kami perhatikan adalah email yang menggunakan gambar untuk berbaur mulus dengan latar belakang berwarna solid. Ini memberikan ilusi email hanya gambar sambil tetap mempertahankan teks HTML dan desain responsif untuk desktop dan seluler.
Meskipun Anda mungkin tidak memiliki pilihan font dan tata letak yang ideal, email HTML yang dirancang dengan baik masih merupakan alat pemasaran yang sangat efektif yang dapat digunakan untuk menjangkau setiap pelanggan Anda—terlepas dari kelompok demografis atau kemampuan fisik mereka.