แนวทางปฏิบัติที่ดีที่สุดสำหรับอีเมล 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 เข้ากับรูปภาพได้อย่างลงตัว

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

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