AMP คืออะไรและใครบ้างที่ต้องการมันจริงๆ

เผยแพร่แล้ว: 2021-07-19

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

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

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

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

แอมป์คืออะไร?

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

AMP เปิดตัวเพื่อตอบสนองต่อโปรเจ็กต์ต่างๆ เช่น Facebook Instant Articles ซึ่ง Facebook สามารถโฮสต์และแสดงเนื้อหาของผู้เผยแพร่โดยตรงภายในฟีดข่าว ซึ่งหมายความว่ากระบวนการดูเนื้อหาจะเร็วกว่าการเปิดหน้าเว็บที่เทียบเท่ากันใน เบราว์เซอร์มือถือ

เทคโนโลยี Instant Article ของ Facebook เรียกว่าปิด ดังนั้นเทคโนโลยีที่ใช้แสดง Instant Articles จึงมีความเฉพาะเจาะจงสำหรับแพลตฟอร์มของตนเท่านั้น โปรเจ็กต์ AMP ใช้เฟรมเวิร์กโอเพนซอร์ซ ซึ่งหมายความว่าบริษัทอื่น ๆ ทั้งหมดสามารถใช้ได้เพื่อให้บริการเนื้อหาที่สร้างขึ้นโดยใช้ AMP HTML รวมถึงแพลตฟอร์มต่างๆ เช่น Twitter, Pinterest และ Google Search ซึ่งเป็นข่าวใหญ่สำหรับเนื้อหา สำนักพิมพ์

AMP จะถูกใช้งานอย่างไร?

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

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

หน้า AMP ในผลการค้นหา

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

ตัวอย่างของ AMP

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

The Guardian ได้เปิดตัวเวอร์ชัน AMP ของข่าวทุกฉบับบนเว็บไซต์แล้ว ซึ่งคุณสามารถดูได้โดยเพิ่ม /amp ต่อท้ายเรื่องข่าวในเว็บไซต์ Guardian เช่น บทความนี้ซึ่งโฮสต์อยู่ในโดเมน Guardian เพื่อเพิ่มความเร็วในการดูเนื้อหาบางส่วน เนื้อหา AMP ที่จะแสดงในผลการค้นหาของ Google ในไม่ช้านี้มักจะเป็นเวอร์ชันแคชของบทความที่โฮสต์บน gstatic.com ไม่ใช่โดเมนของผู้จัดพิมพ์ที่เป็นปัญหา

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

ที่มา: Moz Whiteboard Friday

แม้ว่าจะมีการอ้างอิง 2 เวอร์ชันของหน้า AMP ในแผนภาพด้านบน แต่ Guardian จำเป็นต้องสร้างและโฮสต์เวอร์ชัน AMP หนึ่งเวอร์ชันสำหรับแต่ละบทความในไซต์ของตน บริษัทต่างๆ เช่น Google, Twitter, Pinterest และ Linkedin สามารถโฮสต์เนื้อหา AMP เวอร์ชันแคชที่สร้างขึ้นโดยผู้จัดพิมพ์เช่น Guardian ซึ่งหมายความว่าผู้ใช้จะสามารถอ่านบทความได้โดยไม่ต้องไปที่เว็บไซต์ของ Guardian

การวัดผลกระทบของ AMP ต่อการมองเห็นการค้นหา

หากคุณกำลังสร้างหน้า AMP บนไซต์ของคุณ มีสองวิธีในการวัดผลกระทบที่มีต่อการมองเห็นการค้นหาของคุณ

Google Search Console จะรายงานหน้า AMP ที่แสดงในผลการค้นหาของ Google Discover

นี่คือคำแนะนำโดยย่อเพื่อเริ่มต้นใช้งาน Search Console

หากหน้า AMP ของคุณไม่ปรากฏขึ้น โปรดทราบว่าคุณสามารถใช้ Google Discovery Ads เพื่อโฆษณาบนแพลตฟอร์มนี้ได้

และคุณสามารถใช้ข้อมูล Google Analytics เพื่อวัดพฤติกรรมของผู้ใช้ที่โต้ตอบกับหน้า AMP ของคุณ Google ได้เขียนคู่มือไว้ที่นี่

ข้อจำกัดของ AMP

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

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

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

ต้องเตรียมอะไรไปบ้าง?

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

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

เหตุใดฉันจึงควรสนใจ AMP

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

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

คุณเพิ่งเรียนรู้สิ่งใหม่ ๆ หรือไม่?

จากนั้นเข้าร่วมกับ 80,000 คนที่อ่านบทความผู้เชี่ยวชาญของเราทุกเดือน
  • ช่องนี้มีไว้เพื่อวัตถุประสงค์ในการตรวจสอบและไม่ควรเปลี่ยนแปลง

การอ่านเพิ่มเติม

  • AMP บน Google
  • www.ampproject.org
  • ทำไม AMP ถึงเร็ว
  • Moz AMP ไวท์บอร์ดวันศุกร์
  • AMP ซอร์สโค้ดและตัวอย่าง

หากคุณต้องการความช่วยเหลือเกี่ยวกับการปรับแต่งเว็บไซต์ให้ติดอันดับบนเครื่องมือการค้นหา อย่าลังเลที่จะติดต่อเรา