AMP (Accelerated Mobile Pages)

AMP (Accelerated Mobile Pages)
David Kaufmann
บทเรียน SEO
3 min read

เทคโนโลยี AMP เป็นการปฏิวัติครั้งใหญ่เมื่อ Google เปิดตัวอย่างเป็นทางการสู่โลกในวันที่ 7 ตุลาคม 2015 ตั้งแต่นั้นมาโครงการได้พัฒนาอย่างมากและมีการปรับปรุงสำคัญ อย่างไรก็ตาม ไม่ใช่ทุกอย่างที่สวยงาม AMP ทำให้ผู้เชี่ยวชาญ SEO จำนวนมากนอนไม่หลับและส่งผลกระทบใหญ่ต่อบริษัทหลายล้านราย

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

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

1. AMP คืออะไร

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

ตามคำพูดของ Google เอง

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

2. AMP ทำงานอย่างไร

วิธีการทำงานค่อนข้างง่าย โดยพื้นฐาน AMP สร้างหน้าที่เบากว่ามาก เร็วกว่า มีองค์ประกอบการออกแบบน้อยกว่าสำหรับคอนเทนต์ของเรา ในตอนแรกถูกพัฒนาสำหรับบทความ บล็อก ข่าวและประเภทคอนเทนต์ "media" อื่น ๆ แต่ค่อย ๆ พัฒนาจนถึงจุดที่ตอนนี้มีเว็บไซต์ที่สร้างขึ้น 100% ด้วยเทคโนโลยีนี้

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

AMP สำหรับ Wordpress
AMP สำหรับ Wordpress

ค้นพบปลั๊กอินทั้งหมดที่จะให้คุณใช้งานใน Wordpress

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

ทรัพยากร ปลั๊กอิน Wordpress ทางการ

ทีนี้ AMP ทำอะไรจริง ๆ เพื่อให้เร็วกว่าการโหลดเว็บแบบคลาสสิกมาก

  • รัน javascript ทั้งหมดแบบ asynchronous
  • ไม่อนุญาตให้ส่วนขยายบล็อกการ render
  • ย้ายองค์ประกอบ JavaScript ทั้งหมดออกจาก critical path
  • กำหนดให้ CSS ต้อง "inline"
  • ลดการคำนวณสไตล์ใหม่
  • จัดลำดับความสำคัญในการดาวน์โหลดทรัพยากร

ด้านล่าง คุณจะเห็นรูปแบบทั้งหมดที่คุณสามารถใช้เทคโนโลยี AMP และการใช้งานหลัก

รูปแบบ

  • AMP web
  • AMP stories
  • AMP ads
  • AMP email

AMP Web

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

ตัวอย่างคือ เว็บไซต์ BMW ซึ่งมีการสนับสนุน AMP เต็มรูปแบบและยังมีการออกแบบที่ยอดเยี่ยม

BMW AMP SEO
BMW AMP SEO

ตัวอย่างยอดเยี่ยมของวิธีที่ยักษ์ใหญ่อย่าง BMW ปรับเว็บไซต์

AMP Stories

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

AMP Stories
AMP Stories

ตัวอย่างของ Stories จากผู้เผยแพร่ชั้นนำบางราย

ตามที่มักเกิดขึ้น ผู้เผยแพร่ที่ใหญ่ที่สุดในโลกบางราย เช่น CNN, The Washington Post, USA Today และอื่น ๆ ได้ทดสอบเทคโนโลยีนี้และผลิตข่าวและรายงาน

ตัวอย่าง รายงาน CNN เกี่ยวกับแอนตาร์กติกาโดยใช้ Stories

AMP ads

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

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

AMP email

AMP-email เป็นหนึ่งในการทดลองล่าสุดที่ทีมเปิดตัว เกี่ยวกับการสามารถแสดงคอนเทนต์ AMP โดยตรงในอีเมล ตามที่ชื่อบ่งบอก ความแตกต่างใหญ่เมื่อเทียบกับอีเมลคลาสสิกคืออะไร

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

AMP Email
AMP Email

ตัวอย่างคอนเทนต์ในอีเมลที่อนุญาตให้เราโต้ตอบกับมัน

ด้านล่าง คุณสามารถเห็นตัวอย่างของวิธีที่ AMP ทำงานในอีเมล อนุญาตให้ผู้ใช้บันทึก pin ที่น่าสนใจจากบัญชี Pinterest

3. ข้อดีของ AMP

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

อย่างไรก็ตาม เราต้องการรวบรวมข้อดีหลักที่ AMP เสนอและแน่นอนข้อเสียด้วย

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

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

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

  • การเชื่อมต่อกับฟีเจอร์อื่นของ Google AMP เป็นผลิตภัณฑ์ของ Google ไม่เพียงแต่ได้รับการพัฒนาอย่างต่อเนื่อง แต่ยังมีการบูรณาการที่ยอดเยี่ยมกับผลิตภัณฑ์อื่นของยักษ์ใหญ่ ในขณะที่เราเห็นฟีเจอร์ AMP for Email เมื่อไม่นานมานี้ คุณลักษณะที่โดดเด่นอีกอย่างคือการรวม AMP เข้ากับ Google Images ล่าสุด ผู้ใช้ทุกคนบนอุปกรณ์มือถือใน Google Images สามารถเข้าชมเวอร์ชัน AMP ของบทความด้วยการสไลด์นิ้ว

4. ข้อเสียของ AMP

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

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

  • CTR ที่น่าหัวเราะ ในขณะที่จำนวน impression สามารถเติบโตอย่างมากหลังจากใช้ AMP คุณค่าที่แท้จริง คือจำนวนคลิกที่เราได้รับบนคอนเทนต์ของเรา มักจะไม่ไปด้วยกัน ด้านล่างคุณสามารถเห็นตัวอย่างจริงของ CTR ที่ Google Images ให้สำหรับคอนเทนต์ AMP ใน Search Console

AMP CTR
AMP CTR

ตัวอย่างสถิติของผลกระทบของ AMP ใน Google Images

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

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

5. บทสรุป

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

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

6. ข่าวและการอัปเดต

ในส่วนนี้เราจะอัปเดตข่าวทั้งหมดที่ทีม AMP ประกาศเพื่อให้คุณติดตามเทคโนโลยีนี้ได้ทัน

7. แหล่งอ้างอิง

แหล่งที่มา

คู่มือทางการ

*ภาพทั้งหมดได้รับความอนุเคราะห์จากเว็บไซต์ AMP ทางการ

โดย: David Kaufmann

David Kaufmann

ในช่วง 10+ ปีที่ผ่านมา ผมหมกมุ่นกับ SEO อย่างสมบูรณ์ — และพูดตรง ๆ ก็ไม่อยากให้เป็นแบบอื่น

อาชีพของผมก้าวขึ้นไปอีกระดับเมื่อทำงานเป็นผู้เชี่ยวชาญ SEO อาวุโสที่ Chess.com — หนึ่งใน 100 เว็บไซต์ที่มีผู้เข้าชมมากที่สุดในอินเทอร์เน็ต การทำงานในระดับนี้สอนสิ่งที่ไม่มีหลักสูตรหรือประกาศนียบัตรใดสอนได้

จากประสบการณ์นี้ ผมก่อตั้ง SEO Alive — เอเจนซีสำหรับแบรนด์ที่จริงจังกับการเติบโตแบบออร์แกนิก และเพราะหาเครื่องมือที่จัดการทั้งโลกคลาสสิกและยุค AI ได้ดีไม่ได้ ผมจึงสร้าง SEOcrawl ขึ้น หากคุณกำลังมองหาพาร์ตเนอร์ SEO มากประสบการณ์ที่รักสาขานี้ — ยินดีพูดคุยครับ!

→ อ่านบทความทั้งหมดของ David
บทความเพิ่มเติม: David Kaufmann

ค้นพบเนื้อหาเพิ่มเติมของผู้เขียนคนนี้