5 กฎการจัดรูปแบบเพื่อปรับปรุงความสามารถในการอ่านอีเมลและแลนดิ้งเพจ

เผยแพร่แล้ว: 2021-06-08

ในบทความนี้

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

คุณเคยสงสัยหรือไม่ว่าผู้ใช้ของคุณอ่านเนื้อหาอีเมลและหน้าเว็บของคุณอย่างไร

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

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

มาดูวิธีทำให้อีเมลและหน้า Landing Page ของคุณอ่านง่ายขึ้นโดยใช้กฎง่ายๆ

ความชัดเจนในการอ่าน: ความแตกต่างคืออะไร

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

1. หลีกเลี่ยงการบล็อกข้อความที่ไม่ซ้ำกัน

ผนังข้อความยาวโดยไม่มีการขัดจังหวะหรือส่วนใดส่วนหนึ่งเป็นอุปสรรคหลักในการอ่านเนื้อหา

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

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

ตัวอย่างเช่น อีเมลนี้แสดงข้อความยาวโดยไม่มีหัวเรื่องย่อยและไม่มีรูปแบบฟอนต์ที่หลากหลาย ข้อความประเภทนี้จะอ่านยากกว่านี้ไหมหากไม่มีการแยกย่อหน้าและการแยกข้อความด้วยภาพ

ตัวอย่างการแบ่งย่อหน้า

ที่มา: อีเมลที่ดีจริงๆ

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

เยื้องย่อหน้า

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

2. ใส่หัวเรื่องและหัวเรื่องย่อย และกำหนดลำดับชั้นให้กับเนื้อหา

คุณได้สร้างย่อหน้าของคุณแล้ว กฎสำคัญถัดไปในการปรับปรุงความสามารถในการอ่านข้อความคือ การจัดเตรียมหัวข้อย่อยของข้อความหรือหน้า (หากจำเป็น) เพิ่มประสิทธิภาพและความชัดเจน (ให้สั้นและตรงประเด็น) และ จัดลำดับชั้น ด้วยแท็กหัวเรื่องที่เหมาะสม (H1, H2, และ H3)

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

ตัวอย่างอีเมลแท็กชื่อเรื่อง

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

หนึ่งในนวัตกรรมล่าสุดในตัวแก้ไข MailUp BEE ได้อำนวยความสะดวกในการแทรกแท็กหัวเรื่องลงในอีเมลและหน้า Landing Page ของคุณ

เพียงเพิ่มบล็อกเนื้อหาที่เกี่ยวข้องในเนื้อหาของข้อความ และเลือกประเภทของแท็กหัวเรื่องที่คุณต้องการแทรก (H1, H2 หรือ H3) ดังที่แสดงในภาพ:

ป้ายชื่อ BEE

3. ควบคุมพลังของรายการสัญลักษณ์แสดงหัวข้อย่อย

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

สองตัวอย่างนี้แสดงให้เห็นว่าข้อความเดียวกันสามารถเปลี่ยนแปลงได้อย่างไรจากเคล็ดลับนี้

ตัวเลือกที่ 1:

“แพ็คเกจวันหยุดระดับโกลด์ของเรารวมการเข้าพัก 2 คืนในห้องดีลักซ์พร้อมระเบียงและอ่างน้ำวน ฟรี 2 ครั้ง 3 ชั่วโมงที่ศูนย์สุขภาพ รวมถึงการนวด 60 นาทีและการดูแลผิวหน้า เครื่องดื่มต้อนรับ บุฟเฟ่ต์อาหารเช้า และ สิทธิ์เช่าจักรยานฟรี 2 คัน”

ตัวเลือกที่ 2:

แพ็คเกจวันหยุดระดับโกลด์ของเราประกอบด้วย:

2 คืนในห้องดีลักซ์พร้อมระเบียงและอ่างน้ำวน
ฟรี 2 ครั้ง 3 ชั่วโมงที่ศูนย์สุขภาพ + นวด 60 นาทีและทรีตเมนต์ใบหน้า
เครื่องดื่มต้อนรับ
บุฟเฟ่ต์อาหารเช้า
จักรยานให้เช่าฟรี

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

ตัวอย่างเช่น ใช้อีเมลนี้ รายการหัวข้อย่อยจะแบ่งช่องข้อความและทำให้หนักน้อยลง เมื่อเหลือบมองที่:

รายการกระสุน

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

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

โปรแกรมแก้ไข BEE ให้คุณตั้งค่าและเลือกประเภทรายการต่าง ๆ โดยเพียงแค่ขยายปุ่มเฉพาะ:

รายการหัวข้อย่อย บรรณาธิการ BEE

นอกจากจะเป็นวิธีที่ยอดเยี่ยมในการอำนวยความสะดวกในการอ่านแล้ว รายการหัวข้อย่อยยังตรงกับความต้องการที่แตกต่างกัน อีกด้วย พวกเขาแจ้งกำหนดการนัดหมายของงาน กำหนดเนื้อหาของเอกสารหรือ e-book อธิบายขั้นตอนของกระบวนการ (เช่น การเปิดใช้งานบริการที่ซื้อโดยผู้ใช้) กำหนดองค์ประกอบของรายการตรวจสอบ ให้รายละเอียดข้อดีของข้อเสนอ และอื่นๆ

นี่คือคำแนะนำบางส่วน:

ตัวอย่างรายการสัญลักษณ์แสดงหัวข้อย่อยสารสีน้ำเงิน
รายการสัญลักษณ์แสดงหัวข้อย่อย youtube

4. ให้บล็อกข้อความของคุณมีชีวิต—เล่นกับการเว้นวรรคบรรทัดและตัวอักษร

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

ตัวอย่างอีเมลพื้นที่ไม่เพียงพอ

ตัวแก้ไข BEE ให้ คุณสมบัติและโซลูชันมากมายแก่คุณเพื่อหลีกเลี่ยงความเสี่ยงนี้ :

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

5. สลายความสม่ำเสมอของข้อความ

กฎข้อสุดท้าย (แต่ไม่ท้ายสุด) เกี่ยวข้องกับการ จัดรูปแบบของอักขระ

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

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

ตัวอย่างเช่น ดูว่าการวัดอย่างง่ายเหล่านี้ทำให้ข้อความต่อไปนี้อ่านง่ายขึ้นได้อย่างไร:

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

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

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

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

สรุป

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

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

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