AMP สำหรับอีเมลคืออะไร & สิ่งที่คุณควรรู้ก่อนลองใช้

เผยแพร่แล้ว: 2019-02-15

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

ขณะนี้มีโดเมนหลายสิบล้านโดเมน "AMP" กรอบงานโอเพ่นซอร์สได้ขยายการเข้าถึง ตอนนี้ นักการตลาดไม่เพียงแค่เพิ่มความเร็วหน้า Landing Page หลังการคลิก บล็อกโพสต์ และเว็บไซต์เต็มรูปแบบด้วย AMP เท่านั้น พวกเขากำลังปรับปรุงอีเมลด้วย

AMP สำหรับอีเมลคืออะไร

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

คุณทำอะไรกับ AMP สำหรับอีเมลได้บ้าง

คำถามที่พบบ่อยที่สุดข้อหนึ่งเกี่ยวกับ AMP สำหรับอีเมลคือ คุณสามารถทำทุกสิ่งด้วย AMP สำหรับอีเมลที่คุณทำได้ด้วย AMP ได้หรือไม่

คำตอบคือ “ไม่”

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

เนื้อหาแบบไดนามิก

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

  • amp-form: นี่คือองค์ประกอบแบบฟอร์มของ AMP ช่วยให้นักออกแบบสร้างแบบฟอร์มโดยตรงในอีเมลที่ผู้ใช้กรอกได้
  • amp-selector: นี่คือวิดเจ็ตแบบเลือกได้หลายรายการสำหรับใช้ภายในแบบฟอร์ม
  • amp-bind และ amp-state: ภาษาสคริปต์อย่างง่ายใน AMP ที่อนุญาตให้จัดการเครื่องสถานะสำหรับการโต้ตอบระหว่างองค์ประกอบต่างๆ สามารถใช้เพื่อเพิ่มพฤติกรรมในบางเหตุการณ์ amp-state ใช้เพื่อดึงค่าสถานะเครื่องเริ่มต้นจากระยะไกล
  • amp-list: ดึงข้อมูล JSON จากระยะไกลที่จะแสดงผลโดยไฟล์ .
  • template type=”amp-mustache”: มาร์กอัปเทมเพลต Mustache เพื่อแสดงผลลัพธ์ของการโทร amp-list

เค้าโครง

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

  • amp-accordion: องค์ประกอบ UI ที่อำนวยความสะดวกในการแสดง/ซ่อนส่วนต่างๆ
  • amp-carousel : ส่วนประกอบ UI แบบหมุน
  • amp-sidebar: แถบด้านข้างสำหรับการนำทาง
  • amp-image-lightbox: ไลท์บ็อกซ์สำหรับใส่รูปภาพ
  • amp-lightbox: ไลท์บ็อกซ์สำหรับบรรจุเนื้อหา
  • amp-fit-text: ส่วนประกอบตัวช่วยสำหรับข้อความที่เหมาะสมภายในพื้นที่หนึ่งๆ
  • amp-timeago: ให้วิธีที่สะดวกในการแสดงการประทับเวลา

สื่อ

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

  • amp-img: ส่วนประกอบ AMP ที่แทนที่ "รูปภาพ"
  • amp-anim: ฝังไฟล์ GIF

3 ตัวอย่างของ AMP สำหรับอีเมล

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

1. เส้นขยุกขยิก

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

โดยปกติแล้ว แบบสำรวจเหล่านี้กำหนดให้ผู้เยี่ยมชมดำเนินการแบบไดนามิกมากขึ้นบนหน้าเว็บ แต่ด้วย AMP สำหรับอีเมล สิ่งต่างๆ ดูต่างออกไปเล็กน้อย

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

AMP สำหรับตัวอย่าง Doodle อีเมล

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

AMP สำหรับกำหนดการประชุมทางอีเมล

นี่คือลักษณะอีเมลใน Gmail คุณจะสังเกตเห็นว่าใต้ชื่อกิจกรรม “บันทึกโลกด้วยอีเมลแบบไดนามิก” มีการแจ้งเตือน “ผู้เข้าร่วม 4 คนจาก 11 คน – 0 ความคิดเห็น” นี่คือจุดที่ AMP สำหรับอีเมลส่อง:

AMP สำหรับการตอบกลับการประชุมทางอีเมล

เนื้อหาแบบไดนามิก

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

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

อีกตัวอย่างที่ดีของ AMP สำหรับอีเมลที่ดีที่สุดมีให้เห็นด้านล่างในฟังก์ชัน "ส่งการแจ้งเตือน" ของอีเมล:

AMP สำหรับการแจ้งเตือนการส่งอีเมล

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

สิ่งที่คุณเห็นคือการกรอกแบบฟอร์มให้สมบูรณ์เหมือนที่ปรากฏบนเว็บไซต์หรือในแอป แต่มันอยู่ในอีเมลซึ่งทำให้การกรอกง่ายขึ้นมาก

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

AMP สำหรับอีเมลยืนยันการประชุม

เมื่อคลิกที่วันที่ จากนั้นคลิกปุ่ม "เสร็จสิ้น" ผู้ใช้สามารถสรุปเวลาการประชุมได้ ซึ่งผู้เข้าร่วมจะได้รับแจ้งเมื่อถึงจุดนั้น

2. บุ๊คกิ้งดอทคอม

เช่นเดียวกับ Doodle Booking.com ใช้ประโยชน์จากเนื้อหาไดนามิกของ AMP เพื่อมอบประสบการณ์การใช้งานอีเมลที่ดียิ่งขึ้นแก่ผู้ใช้ ในกรณีนี้เกี่ยวข้องกับการค้นหาที่พัก

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

AMP สำหรับตัวอย่างการจองทางอีเมล

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

แถบเลื่อนแบบหมุนอีเมล AMP

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

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

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

และหากนั่นยังไม่พอ ผู้ใช้สามารถคลิก “ดูข้อตกลงใหม่” ในตำแหน่งที่ต้องการได้ และรายชื่ออื่นในสถานที่นั้นจะปรากฏขึ้น:

ตัวเลือกเนื้อหาเพิ่มเติมทางอีเมล AMP

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

แบบฟอร์มยกเลิกการสมัครอีเมล AMP

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

3. พินเทอเรสต์

Pinterest เป็นเครือข่ายโซเชียลที่มีภาพสูงเสมอ ซึ่งช่วยให้ทีมสร้างอีเมลที่ดึงดูดความสนใจได้ น่าเสียดายที่ก่อนหน้า AMP สำหรับอีเมล การดึงดูดความสนใจเป็นสิ่งที่ทำได้

ใช้อีเมลนี้ด้านล่าง:

ตัวอย่างอีเมล AMP ของ Pinterest

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

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

พินรายละเอียด Pinterest อีเมล AMP ของ Google

สำหรับ Pinterest นั้น AMP สำหรับอีเมลนั้นสมเหตุสมผลในทุกส่วน แต่โดยเฉพาะอย่างยิ่งในระหว่างกระบวนการเริ่มต้นใช้งาน ซึ่งยากต่อการทำให้ผู้ใช้ดำเนินการให้เสร็จสิ้น ต่อไปนี้ง่ายกว่ามากเพียงใดเมื่อใช้ AMP สำหรับอีเมล...

โดยปกติ เมื่อผู้ใช้ลงทะเบียน พวกเขาจะได้รับอีเมลเหมือนอีเมลด้านล่าง ซึ่งแนะนำให้ติดตาม 5 หัวข้อขึ้นไป เพื่อให้ Pinterest สามารถสร้างโฮมฟีดที่กำหนดเองได้:

อีเมล AMP ของ Google Pinterest ติดตามหัวข้อต่างๆ

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

หัวเรื่องแบบไดนามิก

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

Google AMP ส่งอีเมลถึง Pinterest หัวข้อเพิ่มเติม

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

เมื่อการเลือกหัวข้อเสร็จสิ้น CTA ด้านบนซึ่งเป็นสีเทาจะเปลี่ยนเป็นสีแดงและสามารถคลิกได้และอ่านว่า “เสร็จสิ้น” นอกจากนี้ พาดหัวยังเขียนว่า “All set!” เหนือหัวข้อย่อย “พร้อมสร้างโฮมฟีดแบบกำหนดเองสำหรับคุณ” คุณสามารถดูว่ามีลักษณะอย่างไรที่นี่:

ชุดหัวข้อ Google AMP สำหรับอีเมล Pinterest

เมื่อผู้ใช้คลิก "เสร็จสิ้น" ฟีดโฮมจะถูกสร้างขึ้น และแถบการโหลดด้านล่างจะมีความคืบหน้าเช่นเดียวกับในแอป โดยมีบรรทัดแรก/บรรทัดแรกย่อยอ่านว่า "สร้างโฮมฟีด/ค้นหาไอเดียของคุณจาก..."

อีเมลและ AMP Pinterest สร้างโฮมฟีด

อีเมลและ AMP Pinterest homefeed พร้อมแล้ว

เมื่อเสร็จสิ้น ผู้ใช้ก็พร้อมเต็มที่ที่จะเริ่มมีส่วนร่วมกับแอป และอีเมลจะแจ้งให้พวกเขาทราบด้วยปุ่มที่มีข้อความว่า “Homefeed ready!” ซึ่งสามารถคลิกผ่านไปยังเว็บไซต์ได้

เชิงลบที่เป็นไปได้กับ AMP สำหรับอีเมล

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

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

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

คุณจะใช้ AMP สำหรับอีเมลหรือไม่

จากการสำรวจของ Litmus จาก 55.6% ที่คุ้นเคยกับ AMP สำหรับอีเมล 55.4% กล่าวว่าพวกเขาค่อนข้างจะมีโอกาสหรือมีแนวโน้มสูงที่จะใช้:

การใช้งานอุตสาหกรรมอีเมล AMP

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

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

หากคุณพร้อมที่จะใช้ AMP เพื่อปรับปรุงหน้า Landing Page หลังการคลิก ให้ลงชื่อสมัครใช้ Instapage เพื่อดูว่าสามารถทำอะไรกับแคมเปญของคุณได้บ้าง