การบล็อกรูปภาพในอีเมล: ตอบอะไร ทำไม ที่ไหน ใคร และอย่างไร

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

ฉันจะแนะนำคุณผ่าน:

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

นั่นอะไร?

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

หรืออันนี้ที่มีข้อความ ALT ของรูปภาพที่ดีกว่า (ยังดูไม่ดีใช่มั้ย):

ทำไมมันถึงเกิดขึ้น?

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

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

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

รูปภาพอีเมลถูกบล็อกที่ไหน

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

ไคลเอนต์เว็บเมล

*ข้อความ ALT ยังคงมีขีดเส้นใต้

ไคลเอนต์เดสก์ท็อป

*ปิดไปแล้วใน Outlook 2016 แต่เราไม่สามารถทดสอบเพื่อดูว่ายังเป็นอยู่หรือไม่
**สิ่งนี้จะแสดงหลังจากข้อความเตือนและเฉพาะในกรณีที่ปิดรูปภาพ หากรูปภาพเสียหาย ข้อความ ALT จะไม่แสดงผล

ลูกค้ามือถือ

*นี่เป็นครั้งล่าสุดที่เราตรวจสอบ แต่เราไม่สามารถทดสอบเพื่อดูว่ายังเป็นกรณีอยู่หรือไม่

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

ดังนั้นจึงมีโอกาสที่คุณจะโอเค แต่ในทุกเรื่องของอีเมล มันขึ้นอยู่กับว่าใครเป็นผู้ชมของคุณ หากคุณมีจำนวนสมาชิก Outlook ที่สูงกว่าค่าเฉลี่ย (หากคุณเป็น B2B มีโอกาสสูงที่นี่คือคุณ) คุณอาจประสบปัญหาได้

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

ใครบล็อกอีเมลของพวกเขาจากการโหลดรูปภาพ

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

จากการวิจัยก่อนหน้านี้ของเราเมื่อ Gmail เริ่มเปิดรูปภาพโดยค่าเริ่มต้นในปี 2013 พบว่า 43% ของผู้ใช้ Gmail เคยดูอีเมลโดยปิดรูปภาพ นั่นบ่งบอกถึงสิ่งที่ผู้ใช้ Outlook ทำหรือไม่? อาจเป็นได้ แต่เราไม่มีทางรู้ได้เลย

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

คุณจะเพิ่มประสิทธิภาพอีเมลสำหรับรูปภาพได้อย่างไร

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

ใช้ HTML สดให้มากที่สุด

วิธีที่ดีที่สุดในการเขียนโค้ดอีเมลเพื่อให้แน่ใจว่าสามารถเข้าถึงได้สูงสุดคือการเขียนโค้ดอีเมลด้วย HTML แบบสด นั่นหมายถึงไม่ใส่ข้อความ (โดยเฉพาะข้อมูลสำคัญ) ในภาพ ให้ปุ่มและข้อความถูกเข้ารหัสโดยใช้ HTML แทนการสร้างเป็นกราฟิก ใช้รูปภาพสำหรับรูปภาพโดยเฉพาะ

ข้อความสด

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

Magic Spoon ทำงานได้ดีมากในการทำให้รูปภาพมีข้อความ ALT ที่เหมาะสม แต่จะง่ายมากที่จะมีข้อความเหล่านั้นเป็นข้อความสดในแท็ก <p> สำหรับเวอร์ชันที่ไม่มีรูปภาพที่ส่งผลกระทบมากกว่า เช่น สิ่งที่ Ace Hardware ทำ:

อีเมล Magic Spoon พร้อมปิดรูปภาพ	อีเมลของ Ace Hardware พร้อมปิดรูปภาพ

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

– แอนน์ ทอมลิน (@pompeii79) 3 สิงหาคม 2564

ปุ่มกันกระสุน

การใช้ข้อความสดในการเรียกร้องให้ดำเนินการ (CTA) เป็นสิ่งจำเป็น ในฐานะที่เป็นตัวขับเคลื่อนหลักสำหรับอีเมลของคุณ คุณต้องการให้แน่ใจว่า CTA ของคุณแสดงขึ้นไม่ว่าสมาชิกของคุณจะใช้ประสบการณ์แบบใด ใช้ปุ่มกันกระสุนเพื่อทำสิ่งนี้ให้สำเร็จ และตรวจสอบให้แน่ใจว่า CTA ของคุณแสดงขึ้นเสมอ:

ภาพพื้นหลัง

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

และใส่สีพื้นหลังพร้อมกับภาพพื้นหลังเพื่อให้แน่ใจว่าอีเมลของคุณยังคงน่าสนใจและอยู่ในแบรนด์ (คุณไม่ต้องการพื้นที่สีขาวขนาดมหึมา เว้นแต่จะเป็นรูปลักษณ์ที่คุณต้องการ) เพียงตรวจสอบให้แน่ใจว่าได้จัดรูปแบบข้อความ ALT ของคุณแล้ว เพื่อให้แสดงบนตัวเลือกสีพื้นหลังสำรองและจะไม่สูญหาย เช่นตัวอย่างนี้:

รูปภาพบน	ปิดรูปภาพ

อีเมลเข้ารหัสแบบสดอาจซับซ้อนกว่า "การใส่รูปภาพเข้าไป" แต่เมื่อเข้ารหัสอีเมลแล้ว การเปลี่ยนแปลงข้อความจะง่ายและรวดเร็วกว่าการเปลี่ยนแปลงรูปภาพและต้องอัปโหลดใหม่อีกครั้ง ด้วยเครื่องมือทั้งหมดที่มีอยู่ในปัจจุบัน (เช่น Visual Editor ของ Litmus) การสร้างอีเมลโดยไม่ต้องใช้ภาพเพียงอย่างเดียวจะง่ายกว่าที่เคย

ใช้ข้อความ ALT หรือข้อความ ALT ที่มีสไตล์

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

การใช้ข้อความ ALT ช่วยให้ผู้ที่เปิดใช้การบล็อกรูปภาพ (และผู้ที่ใช้โปรแกรมอ่านหน้าจอ) ทราบว่ามีอะไรอยู่ในรูปภาพ ฉันรู้ว่าฉันมักมีปัญหาในการเขียนข้อความ ALT สำหรับรูปภาพ ดังนั้นนี่คือเคล็ดลับที่เป็นประโยชน์ 4 ข้อ

ข้อความ ALT ไม่จำเป็นต้องแห้ง

เพิ่มอารมณ์ให้กับคำอธิบายข้อความ ALT ของคุณเพื่อช่วยให้ภาพของคุณมีชีวิตชีวาขึ้น ตัวอย่างเช่น ดูภาพนี้:

แทนที่จะใช้แค่ “ภาพหัวของเทย์เลอร์ เดวิส” ให้ใช้ “เทย์เลอร์ เดวิส หัวเราะดังลั่นในช่วงเวลาที่คาดไม่ถึง”

คำนึงถึงบริบทของภาพของคุณ

ใช่ เป็นคำอธิบาย แต่บริบทคือกุญแจสำคัญ ลองดูภาพนี้ เช่น

“คนที่กำลังดูโทรศัพท์และภาพระยะใกล้ของหน้าจอที่แสดงการแจ้งเตือนสำหรับอีเมล” เป็นข้อความ ALT ที่เหมาะสม แต่ถ้าบทความเกี่ยวกับเคล็ดลับหัวเรื่อง "การแจ้งเตือนป๊อปอัปที่แสดงหัวเรื่องที่น่าสนใจ" จะเป็นข้อความ ALT ที่เกี่ยวข้องและเป็นประโยชน์มากกว่า

เว้นข้อความ ALT ว่างไว้สำหรับรูปภาพตกแต่ง

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

อย่าบอกให้คนอื่นดาวน์โหลดภาพ

ฉันเคยคิดว่าสิ่งนี้เป็นอัจฉริยะเพราะรูปภาพที่ดาวน์โหลดหมายถึงการรับข้อมูลแบบเปิด:

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

วิธีเขียนโค้ด ALT text

การเพิ่มข้อความ ALT ลงในรูปภาพทำได้ง่ายเพียงแค่เพิ่มแอตทริบิวต์ ALT ลงในแท็กรูปภาพของคุณ: