ปัญหาหลักที่เกี่ยวข้องกับลิงก์อีเมล HTML คือสามารถบล็อกได้โดยไคลเอนต์อีเมลหรือตัวกรองสแปม ซึ่งหมายความว่าผู้รับอาจไม่สามารถเข้าถึงลิงก์ได้ ส่งผลให้ผู้ใช้ได้รับประสบการณ์ที่ไม่ดี นอกจากนี้ ไคลเอนต์อีเมลบางตัวอาจดึงรหัส HTML ออกจากอีเมล ซึ่งอาจทำให้ลิงก์เสียหรือไม่สามารถคลิกได้
<a href="mailto:example@example.com">Send an email</a>
1. โค้ดบรรทัดนี้สร้างองค์ประกอบสมอ HTML ซึ่งใช้เพื่อเชื่อมโยงไปยังหน้าหรือทรัพยากรอื่น
2. แอตทริบิวต์ “href” ระบุปลายทางของลิงก์ ในกรณีนี้คือที่อยู่ไปรษณีย์
3. ค่าของแอตทริบิวต์ “href” ถูกตั้งค่าเป็น “mailto:example@example.com” ซึ่งจะเปิดไคลเอ็นต์อีเมลพร้อมที่อยู่ที่ระบุซึ่งกรอกเป็นผู้รับแล้วเมื่อคลิก
4. ข้อความระหว่างแท็กสมอเปิดและปิด (“ส่งอีเมล”) จะแสดงเป็นลิงก์ที่คลิกได้บนหน้าเว็บที่สามารถคลิกเพื่อเปิดไคลเอนต์อีเมลที่มี example@example.com กรอกเป็น ที่อยู่ผู้รับเมื่อคลิก
ลิงค์ mailto
ลิงค์ mailto เป็นองค์ประกอบ HTML ที่ช่วยให้ผู้ใช้สามารถส่งอีเมลจากหน้าเว็บ โดยปกติจะแสดงด้วยคำว่า "mailto:" ตามด้วยที่อยู่อีเมล เมื่อคลิก โปรแกรมจะเปิดโปรแกรมอีเมลเริ่มต้นของผู้ใช้ และกรอกช่องถึงล่วงหน้าด้วยที่อยู่ที่ระบุ ลิงก์ mailto ยังสามารถรวมข้อมูลอื่นๆ เช่น บรรทัดหัวเรื่อง ข้อความเนื้อหา และที่อยู่ cc หรือ bcc
วิธีสร้างลิงก์อีเมลใน HTML
ในการสร้างลิงก์อีเมลใน HTML คุณต้องใช้ แท็ก NS แท็กใช้เพื่อสร้างไฮเปอร์ลิงก์ที่เชื่อมโยงหน้าหนึ่งไปยังอีกหน้าหนึ่ง
แอตทริบิวต์ href ใช้เพื่อระบุปลายทางของลิงก์ หากต้องการสร้างลิงก์อีเมล คุณต้องตั้งค่าแอตทริบิวต์ href เป็น “mailto:email@example.com” ซึ่งจะเป็นการเปิดหน้าต่างอีเมลพร้อมที่อยู่ที่ระบุในช่อง "ถึง" เมื่อคลิก
คุณยังสามารถเพิ่มบรรทัดหัวเรื่องและเนื้อความสำหรับอีเมลของคุณได้โดยเพิ่มแอตทริบิวต์เพิ่มเติมหลัง mailto: ในค่า href ของคุณ ตัวอย่างเช่น หากคุณต้องการเพิ่มหัวเรื่องและข้อความเนื้อหา ค่า href ของคุณจะมีลักษณะดังนี้:
href=”mailto:email@example.com?subject=Subject Line&body=เนื้อความ”
คุณยังสามารถปรับแต่งสิ่งที่ปรากฏเป็นข้อความที่คลิกได้สำหรับลิงก์อีเมลของคุณโดยเพิ่มเนื้อหาระหว่างการเปิดและปิด แท็ก ตัวอย่างเช่น:
คลิกที่นี่เพื่อส่งอีเมล์ถึงเรา
ซึ่งจะแสดงข้อความ “คลิกที่นี่เพื่อส่งอีเมลถึงเรา” เป็นข้อความที่คลิกได้ ซึ่งจะเปิดหน้าต่างอีเมลเมื่อคลิก
แนวทางปฏิบัติที่ดีที่สุดสำหรับการสร้างลิงก์อีเมล HTML
1. ใช้ URL แบบเต็ม: เมื่อสร้างลิงก์ในอีเมล HTML ให้ใช้ URL แบบเต็มแทนเส้นทางสัมพัทธ์เสมอ เพื่อให้มั่นใจว่าลิงก์จะทำงานได้อย่างถูกต้อง แม้ว่าอีเมลจะถูกส่งต่อหรือดูบนอุปกรณ์อื่นก็ตาม
2. ใช้ anchor text ที่สื่อความหมาย: Anchor text คือส่วนที่คลิกได้ของลิงก์และควรเป็นคำอธิบายเพื่อให้ผู้อ่านทราบว่ากำลังคลิกอะไรก่อนที่จะคลิก หลีกเลี่ยงการใช้คำทั่วๆ ไป เช่น “คลิกที่นี่” เป็น anchor text เนื่องจากจะทำให้ผู้อ่านเข้าใจได้ยากว่าพวกเขากำลังไปที่ใดเมื่อคลิกที่ลิงก์
3. ทดสอบลิงก์ของคุณ: ก่อนส่งอีเมลพร้อมลิงก์ HTML ให้ทดสอบลิงก์เพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้องและนำผู้ใช้ไปยังปลายทางที่ถูกต้อง ซึ่งสามารถทำได้โดยคลิกแต่ละลิงก์ในไคลเอนต์อีเมลหรือเว็บเบราว์เซอร์ก่อนที่จะส่งข้อความของคุณ
4. รวมตัวเลือกสำรอง: หากคุณรวมลิงก์ HTML ในอีเมล ให้รวมลิงก์เดียวกันในรูปแบบข้อความล้วนด้วย เพื่อให้ผู้ใช้ที่ไม่สามารถดูอีเมล HTML จะยังสามารถเข้าถึงได้จากกล่องจดหมายข้อความล้วน
