ช่วย! อีเมลของฉันเสีย: ข้อผิดพลาดทั่วไป + การแก้ไข

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

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

เราได้รวบรวมปัญหาทั่วไปที่คุณอาจพบ และวิธีรวมการป้องกันไว้ในแคมเปญอีเมลครั้งต่อไปของคุณ โดยทั่วไปแล้วจะลงมาที่...

ไม่รองรับ HTML หรือ CSS ในไคลเอนต์อีเมล

ไม่น่าแปลกใจเลยที่โปรแกรมรับส่งเมลทุกเครื่องจะแตกต่างกัน แต่เมื่อคุณกำลังทำงานกับสิ่งอื่น ๆ อีก 10,000 รายการในคราวเดียว การตามให้ทันการเปลี่ยนแปลงอย่างกะทันหันเป็นสิ่งที่คุณกังวลน้อยที่สุด แม้ว่าการสนับสนุนจะไม่เปลี่ยนแปลง แต่โปรแกรมรับส่งเมลจะแปลรหัสของคุณแตกต่างออกไป ดูด้วยตัวคุณเองว่าอีเมลมาตรฐานจะดูแตกต่างอย่างน่าทึ่งในไคลเอนต์ต่างๆ ได้อย่างไรในตัวอย่างนี้จาก Litmus Checklist

หากคุณไม่แน่ใจว่าเทคนิคของคุณจะใช้ได้กับโปรแกรมรับส่งเมลหรือไม่ ให้ใช้เครื่องมือวิเคราะห์โค้ดของ Litmus

พร้อมใช้งานใน Litmus Builder การวิเคราะห์โค้ดจะแสดงคุณสมบัติ HTML หรือ CSS ที่ไม่สนับสนุนในโปรแกรมรับส่งเมลเฉพาะนั้น ช่วยให้คุณประหยัดเวลาในการแก้ปัญหาได้หลายชั่วโมง

ข้อผิดพลาดทั่วไปเนื่องจากการเปลี่ยนแปลงการสนับสนุน ได้แก่:

ภาพไม่ขึ้น

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

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

ปัญหาอื่นๆ ที่พบไม่บ่อยอาจเป็น:

• รูปภาพของคุณไม่ได้โฮสต์บนเซิร์ฟเวอร์ที่เข้าถึงได้แบบสาธารณะ
• รูปภาพของคุณใช้ความสัมพันธ์แทนเส้นทาง URL แบบสัมบูรณ์
• รูปแบบไฟล์รูปภาพของคุณไม่ใช่ JPEG, GIF หรือ PNG
• ช่องว่างปรากฏขึ้นใต้ภาพของคุณ

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

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

แบบอักษรที่กำหนดเองไม่ปรากฏขึ้น

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

การแก้ไข: หากคุณต้องการมีแบบอักษรแบบกำหนดเอง ตรวจสอบให้แน่ใจว่าได้รวมตัวเลือกสำรองไว้ด้วย และแบบอักษรเหล่านี้เป็นประเภทเดียวกับแบบอักษรที่กำหนดเองของคุณ ตัวอย่างเช่น การใช้แบบอักษร sans-serif สำหรับทั้งสองแบบ ซึ่งจะช่วยรักษา การออกแบบอีเมลในไคลเอนต์อีเมลต่างๆ

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเคล็ดลับเกี่ยวกับการพิมพ์ โปรดดูคำแนะนำขั้นสุดท้ายของเรา

อีเมลดูขี้ขลาดบนมือถือ

ขนาดหน้าจอสามารถสร้างความแตกต่างอย่างมากเมื่อต้องแสดงอีเมลของคุณ ด้วยการเปิดอีเมลมากกว่า 50% ตั้งแต่ปี 2015 ที่มาจากมือถือ สิ่งสำคัญคือต้องเพิ่มประสิทธิภาพอีเมลของคุณสำหรับหน้าจอขนาดเล็ก การทดสอบอีเมลใน iPhone, iPad และ Android เป็นเรื่องง่ายด้วย Litmus Instant Previews

การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์เป็นบรรทัดฐานใหม่ โดยเฉพาะอย่างยิ่งตอนนี้ที่ Gmail รองรับ อีเมลที่ปรับเปลี่ยนตามอุปกรณ์นั้นอาศัยการสืบค้นสื่อ—หรือกฎ @media ในโค้ด—เพื่อให้ทำงานได้อย่างถูกต้อง คิวรี่สื่อคือชุดสไตล์ CSS พิเศษที่ทำหน้าที่เหมือนคำสั่งแบบมีเงื่อนไขหรือกฎแบบไดนามิก การวางแผนอย่างรอบคอบสามารถช่วยทำให้อีเมลใช้งานได้มากขึ้นบนหน้าจอขนาดต่างๆ ไม่รองรับการสืบค้นสื่อในทุกที่ ดังนั้นโปรดคำนึงถึงสิ่งนี้เมื่อออกแบบ

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

คิดเกี่ยวกับ:

• การขยายแบบอักษร: เราขอแนะนำขั้นต่ำ 14px สำหรับสำเนาเนื้อหา และ 22px สำหรับพาดหัว เพื่อให้อีเมลของคุณสามารถอ่านได้บนหน้าจอขนาดเล็ก
• การใช้ CTA ที่เป็นมิตรต่อการสัมผัส: ผู้ติดตามของคุณจะไม่คลิกอีกต่อไป—พวกเขากำลังแตะเช่นกัน! เราขอแนะนำปุ่มที่มีขนาดอย่างน้อย 44x44px ที่เหมาะกับนิ้ว
• ลดความซับซ้อนของเลย์เอาต์: ใช้แนวทางหนึ่งคอลัมน์หรือการออกแบบที่ตอบสนองเพื่อรองรับการรับชมบนหน้าจอขนาดเล็กและเพิ่มความชัดเจน
• ปรับปรุงเนื้อหาของคุณ: ประเมินเนื้อหาในอีเมลของคุณและกำจัดลิงก์ คัดลอก และรูปภาพที่มีประโยชน์น้อยกว่าหรือไม่เกี่ยวข้อง กระชับแต่ยังคงโน้มน้าวใจ

ลิงค์แตก+ติดตาม

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

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

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

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

GIF แบบเคลื่อนไหว + วิดีโอไม่ทำงาน

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

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

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

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

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

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

แล้วมีสิ่งเล็ก ๆ น้อย ๆ ...

ปัญหาไวยากรณ์

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

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

ลิงค์สีน้ำเงิน

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

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

การแก้ไข : โชคดีที่มีสองสามวิธีในการแก้ไขปัญหานี้

แก้ไขปัญหาอีเมลของคุณ

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

เริ่มการทดสอบเลย →