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

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

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

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

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

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

คุณสามารถทำอะไรกับ 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 ที่แทนที่ "image"
  • amp-anim: ฝังไฟล์ GIF

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

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

1. Doodle

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

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

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

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

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

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

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

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

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

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

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

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

AMP สำหรับส่งอีเมลเตือนความจำ

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

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

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

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

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

2. Booking.com

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

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

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

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

ตัวเลื่อนแบบหมุนอีเมล AMP

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

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

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

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

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

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

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

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

3. Pinterest

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

รับอีเมลด้านล่างนี้:

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

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

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

อีเมล Google AMP Pinterest pin แบบละเอียด

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ข้อเสียที่เป็นไปได้สำหรับ AMP สำหรับอีเมล

แม้ว่า AMP สำหรับอีเมลจะนำศักยภาพที่ปฏิวัติวงการมาสู่สื่อที่ทรงพลัง แต่ก็ไม่ใช่ทุกคนที่เชื่อว่ามันจะเป็นไปในทางที่ดีขึ้น ในบล็อกโพสต์สำหรับ Litmus 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 เพื่อดูว่าสามารถทำอะไรกับแคมเปญของคุณได้