แนวทางปฏิบัติที่ดีที่สุดสำหรับอีเมล HTML: อีเมลที่มีรูปภาพอย่างเดียวไม่ดีต่อการตลาดหรือไม่
เผยแพร่แล้ว: 2022-11-24ธุรกิจที่ประสบความสำเร็จให้ความสำคัญกับการบังคับใช้มาตรฐานแบรนด์ของตนเป็นอย่างสูง และถูกต้องตามนั้น เป็นการแสดงภาพความสัมพันธ์ที่พวกเขามีกับลูกค้า และพวกเขารักษาสายสัมพันธ์นั้นไว้โดยใช้แบบอักษร สี โลโก้ และรูปแบบรูปภาพเดียวกันเสมอ
นั่นเป็นสาเหตุที่อาจทำให้สับสนได้เมื่อคุณเริ่มสร้างกลยุทธ์การตลาดผ่านอีเมลสำหรับลูกค้าของคุณ เพียงเพื่อตระหนักว่าคุณมีฟอนต์ที่ปลอดภัยสำหรับเว็บจำกัด ไม่สามารถวางทับคำบนภาพได้ง่าย และไม่สามารถควบคุมลักษณะที่ปรากฏของข้อความได้ เนื่องจากการเติมหรือระยะขอบจะแตกต่างกันไปตามกล่องจดหมาย
ด้วยเหตุนี้ คุณอาจถูกล่อลวงให้สร้างเทมเพลตแบบรูปภาพเท่านั้น เพื่อให้อีเมลของคุณมีลักษณะตรงตามที่คุณต้องการเสมอ น่าเสียดายที่นี่เป็นกลยุทธ์ที่มองการณ์ไกลซึ่งมีแนวโน้มที่จะก่อให้เกิดปัญหามากกว่าที่จะแก้ปัญหา อ่านต่อเพื่อเรียนรู้สาเหตุ (และสิ่งที่คุณควรทำแทน)
ทำไมคุณควรหลีกเลี่ยงอีเมลที่มีแต่รูปภาพ
น่าเศร้าที่ประโยชน์ของอีเมลแบบรูปภาพเท่านั้นไม่ได้มีค่ามากกว่าข้อเสีย ด้านล่างนี้เป็นเพียงเหตุผลบางประการที่คุณควรหลีกเลี่ยง
อาจทำให้เกิดปัญหาการส่งมอบได้
เมื่อพูดถึงการสร้างแคมเปญอีเมล ความสำคัญสูงสุดของคุณควรจะเป็นการส่งมอบเสมอ อีเมลที่มีแต่รูปภาพมักถูกส่งตรงไปยังโฟลเดอร์สแปม เนื่องจากอาจเป็นกลยุทธ์ที่มิจฉาชีพใช้เพื่อหลีกเลี่ยงตัวกรองข้อความที่ใช้เพื่อตรวจหาถ้อยคำที่ไม่เหมาะสมหรือหลอกลวง
ขนาดไฟล์โดยรวมของอีเมลของคุณยังส่งผลต่อความสามารถในการส่ง ดังที่แสดงในบทความเกี่ยวกับกรดของอีเมลนี้ และอีเมลแบบรูปภาพอย่างเดียวจะมีขนาดใหญ่กว่าอีเมล HTML มาก
อาจโหลดช้าหรือไม่ปรากฏเลย
ไคลเอนต์อีเมลบางตัวอาจปิดรูปภาพตามค่าเริ่มต้นด้วยเหตุผลด้านความปลอดภัยหรือเพื่อปกป้องผู้ใช้จากเนื้อหาที่อาจไม่เหมาะสมหรือมัลแวร์ หากคุณสร้างอีเมลแบบรูปภาพอย่างเดียว พวกเขาอาจไม่เห็นอะไรนอกจากกำแพงไอคอนรูปภาพที่แตก ดังตัวอย่างที่แสดงในบทความสารสีน้ำเงินนี้เกี่ยวกับการบล็อกรูปภาพ
อีเมลที่มีรูปภาพจำนวนมากยังสามารถเพิ่มระยะเวลาที่ใช้ในการโหลดอีเมลได้อย่างมาก ซึ่งอาจส่งผลเสียต่อการมีส่วนร่วมของผู้ใช้ ผู้คนใช้เวลาเฉลี่ย 10-13 วินาทีในการอ่านอีเมลแต่ละฉบับ ซึ่งหมายความว่าหากเกิดความล่าช้าขณะโหลดรูปภาพ หน้าต่างแห่งโอกาสที่แคบอยู่แล้วที่คุณต้องได้รับข้อความก็จะยิ่งหดตัวลงอีก
พวกเขาประนีประนอมการเข้าถึง
ผู้ที่มีความบกพร่องทางการมองเห็นจะมีช่วงเวลาที่ยากลำบากมากขึ้นในการใช้อุปกรณ์อ่านหน้าจอเพื่อตีความอีเมลที่มีแต่รูปภาพ แม้ว่ารูปภาพในอีเมลควรมีข้อความแสดงแทนคำอธิบายที่เกี่ยวข้องกับเนื้อหาอีเมลเสมอ แต่ก็ไม่ได้หมายถึงการแทนที่ข้อความอีเมลทั้งหมด

ไม่เหมาะสำหรับมือถือ
หากคุณออกแบบอีเมลแบบรูปภาพสำหรับเดสก์ท็อป ลูกค้าของคุณจะเหล่ตาเพื่อดูอีเมลบนอุปกรณ์เคลื่อนที่ของตน ในทางกลับกัน หากคุณออกแบบให้อ่านง่ายบนโทรศัพท์ หน้าจอคอมพิวเตอร์จะดูใหญ่แบบการ์ตูน

ไม่สามารถค้นหาได้เหมือนกับอีเมล HTML
หากคุณส่งอีเมลพร้อมข้อมูลที่ผู้ติดต่อต้องการอ้างอิงในภายหลัง เช่น คูปองหรือกิจกรรมที่กำลังจะมาถึง พวกเขาจะค้นหาข้อความในกล่องจดหมายของคุณได้ยากขึ้นหากข้อความทั้งหมดเป็นแบบรูปภาพ
ตอนนี้คุณทราบสาเหตุทั้งหมดแล้วว่าทำไมคุณไม่ควรสร้างอีเมลแบบรูปภาพอย่างเดียว ต่อไปนี้คือแนวทางปฏิบัติที่ดีที่สุดที่ควรคำนึงถึงเมื่อสร้างอีเมล HTML ที่สวยงามและมีประสิทธิภาพ
แนวทางปฏิบัติที่ดีที่สุดสำหรับการสร้างอีเมล HTML
นี่หมายความว่าคุณควรหลีกเลี่ยงการมีรูปภาพในอีเมลของคุณใช่หรือไม่ ไม่เลย! แหล่งข้อมูลส่วนใหญ่แนะนำให้ใช้อัตราส่วนข้อความต่อรูปภาพ 60/40 เพื่อความสมดุลของความสามารถในการส่งที่ดีที่สุดและประสบการณ์ผู้ใช้ที่ดีที่สุด ลองใช้กลยุทธ์เหล่านี้ในการสร้างอีเมลที่สร้างผลกระทบโดยมีหรือไม่มีภาพแสดง

ลดขนาดรูปภาพของคุณให้มากที่สุด
คุณสามารถ—และควร—ยังคงใส่รูปภาพในอีเมลของคุณ แต่ควรลดขนาดไฟล์ก่อนที่จะเพิ่มลงในเทมเพลตอีเมลของคุณ
หากต้องการส่งออกรูปภาพของคุณเป็นอีเมลจาก Photoshop ให้เลือก ไฟล์ > ส่งออก > บันทึกสำหรับเว็บ สำหรับรูปภาพทึบแสง เช่น ภาพถ่าย รูปแบบไฟล์ JPEG จะอนุญาตให้มีขนาดไฟล์ที่เล็กกว่า PNG สำหรับภาพที่มีภาพประกอบ เช่น โลโก้ที่ต้องการความโปร่งใส PNG เป็นตัวเลือกที่เหมาะสมที่สุด
หากคุณไม่สามารถเข้าถึง Photoshop ได้ เครื่องมือบีบอัดรูปภาพออนไลน์ฟรี เช่น tinypng สามารถช่วยลดขนาดรูปภาพของคุณให้เล็กที่สุดได้
ใช้ข้อความสด
ในกรณีส่วนใหญ่ ข้อความอีเมลทั้งหมดควรเป็นข้อความ HTML ที่สามารถเลือกได้ด้วยเคอร์เซอร์และอ่านโดยอุปกรณ์อ่านหน้าจอ แม้ว่ารายการแบบอักษรดั้งเดิมที่ปลอดภัยบนเว็บจะเป็นตัวเลือกที่ปลอดภัยที่สุดของคุณ แต่กล่องจดหมายบางกล่องอาจแสดงแบบอักษรของคุณ (เช่น Gmail จะแสดงแบบอักษรของ Google)
คุณสามารถเลือกที่จะใช้ฟอนต์แบรนด์ของคุณก่อนเสมอด้วยฟอนต์ที่ปลอดภัยบนเว็บเป็นทางเลือกสำรอง เมื่อใช้เครื่องหมายจุลภาคใน CSS คุณกำลังบอกกล่องจดหมายให้ใช้แบบอักษรแรกหากเป็นไปได้ จากนั้นให้ใช้แบบอักษรที่สองหากเป็นไปได้ และสุดท้ายคือแบบอักษร sans-serif อื่นๆ หากไม่มีอีกสองแบบอักษร
<style=”font-family: 'KoHo', Arial, sans-serif”>
สร้างปุ่มกันกระสุน
ปุ่มกันกระสุนคือปุ่มอีเมลใดๆ ที่สร้างขึ้นโดยใช้ HTML แทนรูปภาพ สามารถทำได้หลายวิธี เช่น การเติม เส้นขอบ หรือ Vector Markup Language (VML)
ผู้สร้างปุ่มอีเมลแบบกันกระสุนนี้สามารถช่วยให้คุณสร้างปุ่มที่มีสไตล์ซึ่งจะแสดงอย่างสวยงามในกล่องจดหมายส่วนใหญ่ รวมถึง Outlook
สลับรูปภาพเป็น Gif เพื่อผลลัพธ์สูงสุด
คุณอาจประหลาดใจที่รู้ว่า gif แบบเคลื่อนไหวอาจมีขนาดไฟล์ที่เล็กกว่ารูปถ่ายด้วยซ้ำ ทั้งหมดนี้ขึ้นอยู่กับความซับซ้อนของภาพและจำนวนพิกเซลที่เปลี่ยนไประหว่างเฟรม
บทความนี้มีกลยุทธ์โดยละเอียดหลายประการสำหรับการสร้าง gif ที่มีขนาดเหมาะสมสำหรับอีเมลของคุณ เคล็ดลับบางประการ ได้แก่ :
- การตัดแทนการซีดจางสำหรับการเปลี่ยนภาพ
- ใช้องค์ประกอบเวกเตอร์ภาพประกอบแทนภาพถ่าย
- ใช้การซ้อนทับเพื่อจำกัดจานสี
รวมลิงก์ "ดูในเบราว์เซอร์" ที่ด้านบนของอีเมลของคุณ
ผู้ใช้บางรายอาจต้องการปิดรูปภาพตามค่าเริ่มต้น หรืออาจควบคุมฟีเจอร์นี้ไม่ได้เพราะมีกล่องจดหมายเข้าในที่ทำงานพร้อมฟีเจอร์ความปลอดภัยในตัว
นี่คือเหตุผลที่ควรใส่ลิงก์ "ดูในเบราว์เซอร์" ที่ด้านบนของอีเมลเสมอ เพื่อให้ผู้ติดต่อสามารถเห็นอีเมลตามที่ออกแบบไว้ตั้งแต่แรก
ใช้องค์ประกอบข้อความแทนไอคอนรูปภาพ
ทดลองใช้องค์ประกอบแบบข้อความ/CSS แทนรูปภาพเมื่อเป็นไปได้ ตัวอย่างเช่น แทนที่จะสร้างภาพลูกศร ให้ดูว่ามีแบบอักษรสำหรับใช้งานบนเว็บที่มีแบบอักษรนี้หรือไม่ คุณสามารถ google “ASCII” หรือ “Unicode” ตามด้วยคำสำคัญของคุณเพื่อตรวจสอบ แผนภูมินี้แสดงสัญลักษณ์ทั้งหมดที่คุณอาจไม่ทราบว่าเป็นส่วนหนึ่งของตระกูลฟอนต์ Arial
ทำให้รูปภาพเป็นองค์ประกอบเน้นเสียงเพิ่มเติม
เทรนด์ล่าสุดที่เราสังเกตเห็นคืออีเมลที่ใช้รูปภาพเพื่อผสมผสานเข้ากับพื้นหลังสีทึบได้อย่างลงตัว สิ่งนี้ให้ภาพลวงตาของอีเมลแบบรูปภาพเท่านั้น ในขณะที่ยังคงรักษาข้อความ HTML และการออกแบบที่ตอบสนองสำหรับเดสก์ท็อปและอุปกรณ์เคลื่อนที่

แม้ว่าคุณอาจไม่มีตัวเลือกแบบอักษรและเลย์เอาต์ที่เหมาะสม แต่อีเมล HTML ที่ออกแบบมาอย่างดียังคงเป็นเครื่องมือทางการตลาดที่มีประสิทธิภาพสูง ซึ่งสามารถใช้เพื่อเข้าถึงผู้สนับสนุนของคุณทุกคน โดยไม่คำนึงถึงกลุ่มประชากรหรือความสามารถทางกายภาพของพวกเขา