จำกัด ไม่มาก: 10 การอัปเดตสำหรับรูปแบบ AMP ที่นักการตลาดดิจิทัลต้องดู

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

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

รูปแบบ AMP เปลี่ยนไปอย่างไร

1. ผู้สนับสนุน AMP เพิ่มจำนวนและหลากหลายมากขึ้น

AMP เริ่มต้นจากโครงการเล็กๆ ที่ได้รับการสนับสนุนจาก Google โดยมีผู้ร่วมให้ข้อมูลเพียงสองคน ภายในปี 2561 มีผู้เข้าร่วม 700 คนในโครงการ หนึ่งปีต่อมา จำนวนผู้ร่วมให้ข้อมูลดังกล่าวเพิ่มขึ้นเป็น 1,000 รายจากเว็บไซต์อื่นๆ เช่น Twitter, Yahoo, eBay และ Pinterest มีผู้ร่วมให้ข้อมูลเพียง 22% เท่านั้นที่มาจาก Google:

2. Google เลิกควบคุมแล้ว

ตั้งแต่ Google เปิดตัว AMP ก็เป็นโอเพ่นซอร์ส โดยการตัดสินใจครั้งสำคัญเกี่ยวกับอนาคตปล่อยให้ Matt Ubl หัวหน้าโครงการ AMP

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

เมื่อเร็ว ๆ นี้ ทีมงานได้ปฏิบัติตามแผนนั้นโดยวาง "รูปแบบการกำกับดูแลที่แสวงหาฉันทามติ" ในสถานที่ Ubl พูดว่า:

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

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

การตัดสินใจครั้งนี้เกี่ยวข้องกับการพิจารณาเป้าหมายที่พวกเขาต้องการบรรลุ:

• พวกเขาต้องการกระตุ้นให้ผู้คนหลากหลายกำหนดอนาคตของ AMP: ตัดสินใจเกี่ยวกับคุณลักษณะ จุดบกพร่อง การมีส่วนร่วม ฯลฯ และนั่นรวมถึงผู้ที่ไม่ได้มีส่วนร่วมเขียนโค้ด แต่ได้รับผลกระทบจาก AMP
• พวกเขาต้องการชี้แจงว่าบุคคลและบริษัทสามารถมีส่วนร่วมกับ AMP ได้อย่างไร การดำเนินการนี้ครอบคลุมมากกว่าการอนุมัติโค้ดไปจนถึงกิจกรรมต่างๆ เช่น การตั้งค่าผลิตภัณฑ์และโรดแมปเทคโนโลยี
• พวกเขาต้องการหาสมดุลที่ดีขึ้นระหว่างงานประจำวันกับการกำกับดูแลระยะยาว
• พวกเขาต้องการเรียนรู้เกี่ยวกับสิ่งที่ได้ผลและยังไม่ได้ผลในโครงการโอเพนซอร์สอื่นๆ ซึ่งเป็นเหตุผลที่พวกเขาได้พบกับผู้ที่เกี่ยวข้องในโครงการต่างๆ เช่น Node.js และ Kubernetes และดูปรัชญาการกำกับดูแลจากที่ต่างๆ เช่น JS Foundation

การเปลี่ยนแปลงใหม่จะส่งผลกระทบต่อรูปแบบ AMP อย่างไร

• การตัดสินใจที่สำคัญเกี่ยวกับโครงการ AMP จะไม่ดำเนินการโดยหัวหน้าฝ่ายเทคโนโลยีเพียงคนเดียวอีกต่อไป แต่จะไปที่คณะกรรมการกำกับดูแลด้านเทคนิคของตัวแทนจากบริษัทต่างๆ ที่ทุ่มเททรัพยากรเพื่อสร้าง AMP
• คณะกรรมการควบคุมด้านเทคนิคจะทำการตัดสินใจด้วยข้อมูลจากคณะกรรมการที่ปรึกษาที่ประกอบด้วยองค์ประกอบต่างๆ ของ AMP
• คณะทำงานที่รับผิดชอบด้านต่างๆ ของ AMP เช่น UI, โครงสร้างพื้นฐาน และเอกสารประกอบ จะเข้ามาแทนที่ทีมอย่างไม่เป็นทางการที่มีอยู่ในปัจจุบัน นับจากนี้ ระบบและกระบวนการต่างๆ จะถูกนำไปใช้เพื่อให้แน่ใจว่าแนวทางที่มีโครงสร้างมากขึ้นในการปรับปรุงเว็บ

3. สามารถรองรับประเภทเพจที่หลากหลายมากขึ้น

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

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

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

4. AMP ไม่จำกัดเฉพาะ มือถือ

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

5. AMP ไม่ใช่แค่เรื่อง ความเร็ว อีกต่อไป

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

6. AMP ไม่ใช่แค่การเร่งความเร็ว หน้าเว็บ อีกต่อไป

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

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

7. AMP ไม่ย่อมาจาก “Accelerated Mobile Pages” อีกต่อไป

เนื่องจากมีการเปลี่ยนแปลงมากมายในรูปแบบ AMP นับตั้งแต่เริ่มต้น แม้แต่ชื่อก็ไม่ได้สะท้อนถึงสิ่งที่เฟรมเวิร์กสามารถทำได้อีกต่อไป ในบล็อกโพสต์ Paul Baukaus ผู้พัฒนา AMP กล่าวว่า:

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

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

8. ให้ความสำคัญกับความเป็นส่วนตัว

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

9. ทำให้การปรับแต่งเป็นไปได้

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

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

10. ตอนนี้สามารถใช้ AMP และ JavaScript ร่วมกันได้แล้ว

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

ด้วยความช่วยเหลือของคอมโพเนนต์ amp-script คุณสามารถใช้ JavaScript บนเพจของคุณโดยไม่ทำให้โค้ดมากเกินไป ในบล็อกโพสต์ Naina Raisinghani ผู้จัดการผลิตภัณฑ์ของโครงการ AMP ที่ Google ได้อธิบายอย่างละเอียดเกี่ยวกับวิธีการ:

เป็นคอมโพเนนต์ AMP ที่เรียกใช้ JavaScript ของคุณเองในเธรดผู้ปฏิบัติงานแยกต่างหาก วิธีนี้ช่วยให้คุณเพิ่ม JavaScript ที่กำหนดเองลงในหน้า AMP ของคุณในขณะที่ยังคงรักษาความเร็วที่เร็วปานสายฟ้าไว้ได้!

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

• สิ่งที่ต้องทำ MVC โดยใช้ Vue
• ตัวตรวจสอบรหัสผ่าน
• การแสดงข้อมูลในบทความโดยใช้ D3.js
• แบบฟอร์มหลายหน้าซึ่งแต่ละส่วนต้องได้รับการตรวจสอบก่อนดำเนินการต่อในส่วนถัดไปตามที่แสดงด้านล่าง:

เริ่มใช้รูปแบบ AMP ในหน้าหลังการคลิก

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

เรียนรู้วิธีผสานรวมและปรับขนาดหน้า Landing Page ที่สำคัญที่สุดของคุณหลังการคลิกด้วย AMP ในการสาธิต Instapage