ผิดหวังกับลิงค์สีน้ำเงินในอีเมล? พิชิตพวกเขาให้ดี
เผยแพร่แล้ว: 2021-07-24ลิงก์สีน้ำเงินในอีเมล: เป็นคุณลักษณะการใช้งานที่เป็นประโยชน์ แต่บ่อยครั้งที่นักการตลาดอีเมลต้องปวดหัวกับการออกแบบแคมเปญในแบรนด์ที่รอบคอบ
หลายปีที่ผ่านมา เราพบวิธีจัดการลิงก์สีน้ำเงินในอีเมล HTML หลายวิธี ตั้งแต่แบบง่ายไปจนถึงซับซ้อน
แต่เทคนิคใดได้ผลดีที่สุด? และนักการตลาดจะมั่นใจได้อย่างไรว่าการออกแบบอีเมลที่สวยงามโดยไม่สูญเสียฟังก์ชันที่มีประโยชน์ในอีเมล ในคู่มือนี้ เราจะพิจารณาว่าลิงก์สีน้ำเงินคืออะไร และวิธีที่ดีที่สุดในการป้องกันไม่ให้ลิงก์เหล่านี้ทำลายอีเมลของคุณเอง เตรียมพร้อมที่จะเรียนรู้:
- ลิงค์สีน้ำเงินคืออะไร?
- คุณควรลบออกหรือไม่
- วิธีเปลี่ยนสำหรับไคลเอนต์อีเมลแต่ละอัน
- กรณี Edge เป็นทางเลือกสำรอง (และสำหรับ Outlook)
 | ระวัง: ยังมีผู้กระทำผิดอื่นๆ ของอีเมลเสีย ข้อผิดพลาดของอีเมลทำให้คุณสั่นหรือไม่? ลิงก์สีน้ำเงินเป็นเพียงวิธีหนึ่งที่อีเมลของคุณอาจดูเสียหาย เจาะลึกถึงสิ่งที่สามารถทำลายอีเมลของคุณและเคล็ดลับและกลเม็ดเพื่อให้เป็นจริง เปิดเผยปัญหาและการแก้ไขทั่วไป → |
ลิงค์สีน้ำเงินคืออะไร?
ลิงก์สีน้ำเงินคือสิ่งที่พวกเขาดูเหมือน: ข้อความในอีเมลที่ใช้สีน้ำเงินเริ่มต้น การกำหนดสไตล์ที่ขีดเส้นใต้ร่วมกับไฮเปอร์ลิงก์ ในการทำการตลาดผ่านอีเมล โดยเฉพาะอย่างยิ่งบนอุปกรณ์เคลื่อนที่ ลิงก์สีน้ำเงินเหล่านี้จะถูกสร้างขึ้นโดยอัตโนมัติโดยโปรแกรมรับส่งเมล เพื่อให้ผู้คนมีตัวเลือกในการบันทึกหรือโต้ตอบกับข้อมูล
ในช่วงไม่กี่ปีที่ผ่านมา Apple Mail ได้อัปเดตการจัดการลิงก์เหล่านี้บางส่วนและไม่เปลี่ยนเป็นสีน้ำเงินอีกต่อไป สำหรับที่อยู่และเวลา อุปกรณ์ iOS จะคงสไตล์ดั้งเดิมไว้ แต่เพิ่มขีดเส้นใต้เพื่อระบุว่าสิ่งเหล่านี้สามารถคลิกได้
แม้ว่านี่จะเป็นการก้าวไปข้างหน้าสำหรับการเข้าถึงสำหรับปัญหาลิงก์สีน้ำเงินบางส่วน แต่ก็ไม่สามารถแก้ปัญหาทั้งหมดได้ เนื่องจากอาจได้รับผลกระทบมากกว่าแค่ที่อยู่และเวลา
Apple Mail เวอร์ชัน iOS ส่วนใหญ่จะเปลี่ยนหมายเลขโทรศัพท์ URL และที่อยู่อีเมลเป็นสีน้ำเงิน แต่ปล่อยให้ที่อยู่และเวลาเป็นสีดั้งเดิม (สีแดงในตัวอย่างด้านล่าง)
ใน iOS 13 เนื้อหายังคงเชื่อมโยงอยู่ แต่ยังคงรักษาสีสไตล์ดั้งเดิมไว้:
ในการทดสอบของเรา สิ่งเหล่านี้เป็นตัวเลือกหลักสำหรับการเป็นเนื้อหาที่เชื่อมโยง (สีน้ำเงินหรืออย่างอื่น):
- ที่อยู่
- วันที่
- ที่อยู่อีเมล
- URL ของเว็บไซต์
- ไทม์ส
- หมายเลขโทรศัพท์
ประโยชน์ของลิงค์สีน้ำเงิน: คุณควรลบหรือไม่?
ในแต่ละกรณี ข้อมูลที่เชื่อมโยงอาจมีประโยชน์ต่อสมาชิก ไม่ว่าพวกเขาต้องการเพิ่มหมายเลขโทรศัพท์ลงในรายชื่อผู้ติดต่อหรือค้นหาที่อยู่ทางออนไลน์ แม้ว่าจะเป็นเรื่องน่ารำคาญในมุมมองของแบรนด์ แต่จริงๆ แล้วลิงก์สีน้ำเงินนั้นยอดเยี่ยมสำหรับการใช้งานและการเข้าถึง โดยให้ฟังก์ชันการทำงานที่สำคัญ
สิ่งนี้ทำให้เกิดการอภิปราย: เราควรเอาชนะพฤติกรรมนี้ตั้งแต่แรกหรือไม่?
ประการหนึ่ง เราต้องการให้การออกแบบอีเมลของเรามีความสอดคล้องและอยู่ในแบรนด์ ไคลเอนต์อีเมลที่เอาชนะสไตล์ของเราเองอาจทำให้เกิดความประหลาดใจ ความโกรธของผู้มีส่วนได้ส่วนเสีย และทำให้เกิดปัญหาในการเข้าถึง ในทางกลับกัน ผู้คนอาจพึ่งพาฟังก์ชันนี้และคาดว่าจะสามารถดำเนินการกับข้อมูลในอีเมลได้
ดังนั้นนักออกแบบอีเมลควรทำอย่างไร?
เราเห็นว่าการแทนที่สไตล์— แต่ไม่ใช่ฟังก์ชัน— ของลิงก์เหล่านี้เป็นแนวทางที่ดีที่สุด ทางออกที่ดีที่สุดสำหรับลิงก์สีน้ำเงินควรรักษาความสามารถในการดำเนินการกับลิงก์ที่สร้างขึ้นโดยอัตโนมัติเหล่านั้น แต่ช่วยให้เราจัดรูปแบบลิงก์เหล่านั้นได้ ไม่ใช่ระบบปฏิบัติการหรือโปรแกรมรับส่งเมล
บางคนอาจโต้แย้งว่าการแทนที่สไตล์สีน้ำเงินที่ขีดเส้นใต้นั้นกำลังไปไกลเกินไป อย่างไรก็ตาม พฤติกรรมเริ่มต้นมีปัญหาการช่วยสำหรับการเข้าถึงอย่างร้ายแรง ซึ่งเราสามารถต่อสู้ได้ ตัวอย่างเช่น ดูส่วนท้ายของอีเมลนี้พร้อมลิงก์สีน้ำเงินที่เพิ่มไปยังที่อยู่:
เป็นการออกแบบทั่วไป: ข้อความสีขาวบนพื้นหลังสีดำ โดยมีข้อความขนาดเล็กเพื่อเน้นที่เนื้อหาด้านบน เมื่อมีการเชื่อมโยงข้อมูลและใช้สไตล์สีน้ำเงิน คอนทราสต์จะต่ำมาก ใครก็ตามที่มีความบกพร่องทางสายตา—หรือผู้ที่มีความบกพร่องทางสายตาที่ใช้หน้าจอหรี่แสงหรืออุปกรณ์มือถือในที่ที่มีแสงแดดส่อง—จะต้องใช้เวลาอย่างมากในการใช้ข้อมูลนั้น คุณลักษณะที่เป็นประโยชน์จะกลายเป็นประสบการณ์ที่น่าผิดหวัง
ไม่ใช่ว่าไคลเอ็นต์อีเมลทั้งหมดจะถือว่าการเชื่อมโยงอัตโนมัติเหมือนกัน แม้ว่าลิงก์สีน้ำเงินจะเป็นต้นเหตุที่พบบ่อยที่สุด แต่ไคลเอ็นต์บางรายจะคงสีแบบอักษรไว้แต่เพิ่มการขีดเส้นใต้เล็กน้อย ลูกค้าบางรายเชื่อมโยงหมายเลขโทรศัพท์แต่ไม่ได้เชื่อมโยงที่อยู่ ด้วยความไม่สอดคล้องกันทั้งหมดนั้น การจัดการอาจเป็นเรื่องที่น่าหงุดหงิด
ดังนั้น นักออกแบบอีเมลจะจัดการกับลิงก์สีน้ำเงินได้อย่างไร
วิธีที่ดีที่สุดในการลบล้างการจัดสไตล์ลิงก์อัตโนมัติ
แม้ว่าเราจะเคยดูวิธีแก้ปัญหาต่างๆ ในอดีต เช่น การกำหนดเป้าหมายข้อความที่เชื่อมโยงโดยทั่วไปด้วยช่วงและคลาส หรือการแทรกอักขระที่มองไม่เห็นลงในข้อความนั้นเพื่อทำลายพฤติกรรม ทางออกที่ดีที่สุดที่เราพบคือการใช้ CSS แบบฝัง เพื่อแทนที่การจัดรูปแบบลิงก์อัตโนมัติ จากนั้น เพิ่มค่า เช่น ขีดเส้นใต้และสีในแบรนด์ เพื่อให้ผู้คนรู้ว่าเนื้อหานั้นยังสามารถคลิกได้ เหมาะอย่างยิ่งสำหรับการใช้งานและการเข้าถึง
วิธีนี้มีประโยชน์หลายอย่าง คุณสามารถ:
- กำหนดสไตล์ของคุณเองบนข้อความ
- ใช้สไตล์ที่แตกต่างกันสำหรับลิงก์ที่ต่างกัน—ซึ่งจะไม่บังคับสไตล์เดียวในอีเมล
- รักษาฟังก์ชันการทำงานที่แนะนำโดยไคลเอนต์อีเมลและระบบปฏิบัติการ
- รักษาสไตล์ได้อย่างง่ายดาย
นั่นเป็น win-win สำหรับทั้งคุณและสมาชิกของคุณ
ข้อแม้เดียว? โปรแกรมรับส่งเมลต่างกันทำสิ่งที่แตกต่างกันเมื่อเชื่อมโยงข้อความอัตโนมัติ ดังนั้นคุณจึงต้องใช้กฎ CSS หลายกฎเพื่อแทนที่การจัดรูปแบบ
 | อีเมลของคุณมีลิงก์สีน้ำเงินหรือไม่ รู้เสมอเมื่อไคลเอนต์อีเมลอัปเดตการแสดงผลอีเมลด้วย Litmus Email Previews ดูตัวอย่างอีเมลของคุณในโปรแกรมรับส่งเมลและอุปกรณ์ยอดนิยมทั้งหมด และระบุข้อผิดพลาดก่อนส่ง เรียนรู้เพิ่มเติม → |
การแทนที่ลิงก์สีน้ำเงินใน Apple Mail
เมื่อสร้างลิงก์รอบข้อความ Apple Mail จะเพิ่มแอตทริบิวต์เพิ่มเติมให้กับลิงก์เหล่านั้นนอกเหนือจาก href ปกติ ตัวอย่างง่ายๆมีดังต่อไปนี้:
