ทุกสิ่งที่คุณควรรู้เกี่ยวกับ Google AMP สำหรับอีคอมเมิร์ซ

เผยแพร่แล้ว: 2018-05-03

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

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

ก่อนที่จะดูความสำคัญของ Google AMP สำหรับอีคอมเมิร์ซ เรามาทำความเข้าใจพื้นฐานอย่างรวดเร็วกันก่อน

Google AMP คืออะไร

AMP ย่อมาจาก Accelerated Mobile Pages และเป็นโครงการที่ได้รับการสนับสนุนจาก Google Google AMP เป็นโครงการโอเพนซอร์ซเพื่อนำเสนอหน้าเว็บที่รวดเร็ว ราบรื่น และน่าสนใจสำหรับมือถือ

องค์ประกอบหลักของ Google AMP คือ:

  • AMP HTML
  • AMP JS
  • แคช Google AMP

จริง ๆ แล้ว AMP HTML เป็น HTML พื้นฐานแต่มีคุณสมบัติ AMP แบบขยาย

AMP JS ช่วยในการแสดงผลหน้าเว็บได้เร็วขึ้น

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

Google AMP โหลดหน้าได้เร็วขึ้นอย่างไร

Google AMP มีวิธีการประมวลผลที่แตกต่างออกไปเล็กน้อย โดยพื้นฐานแล้ว Google AMP ทำงานในลักษณะนี้เพื่อโหลดหน้าได้เร็วขึ้น:

  1. โดยดำเนินการ AMP JavaScript ทั้งหมดแบบอะซิงโครนัส นั่นหมายความว่า AMP สร้าง JavaScript แต่ละรายการสำหรับบล็อกทั้งหมดของเนื้อหา และโหลดแยกกัน ดังนั้น สำหรับช่วงหนึ่งโดยเฉพาะ ทั้งหน้าไม่ต้องทนกับการแสดงผล
  2. AMP โหลดขนาดและโครงสร้างของหน้าเว็บโดยไม่ได้รับความช่วยเหลือจากแหล่งข้อมูล ในสถานการณ์ปกติ เบราว์เซอร์จะไม่ทราบว่าโครงสร้างของหน้าจะเป็นอย่างไร แต่ในกรณีของ Google AMP จะเป็นตัวกำหนดขนาดของเนื้อหา โฆษณา หรือภาพ
  3. Google AMP เก็บ JavaScript ของบุคคลที่สามทั้งหมดไว้ในแซนด์บ็อกซ์ iframe ด้วยเหตุนี้ JavaScripts บุคคลที่สามจึงไม่สามารถบล็อกการแสดงองค์ประกอบของหน้าหลักได้ นี่อาจหมายถึง: โฆษณาของบุคคลที่สามจะไม่สร้างความเสียหายต่อความเร็วในการโหลดของเนื้อหาหน้าเว็บหลัก
  4. AMP จัดลำดับความสำคัญในการโหลดทรัพยากรได้ ที่ช่วยให้หน้าเว็บโหลดองค์ประกอบที่สำคัญ เช่น เนื้อหา รูปภาพ หรือวิดีโอได้อย่างรวดเร็ว และโฆษณาภายนอกในภายหลัง

ตอนนี้เราเข้าใจแล้วว่า Google AMP คืออะไรและทำงานอย่างไร เราควรทำความเข้าใจว่าเหตุใดจึงสำคัญสำหรับอีคอมเมิร์ซ

Google AMP สำหรับอีคอมเมิร์ซ

จากการ วิจัย เกี่ยวกับพลเมืองสหรัฐฯ พบว่ามีข้อเท็จจริงที่น่าตกใจปรากฏบนหน้าเว็บเพจความเร็ว ในปี 2555 อเมซอนคาดว่าพวกเขาจะสูญเสีย 1.6 พันล้านดอลลาร์ทุกปีโดยเพิ่มความเร็วในการโหลดหน้าเว็บในแต่ละวินาที

ความล่าช้าเพียงวินาทีเดียวในการโหลดหน้าเว็บอาจทำให้การแปลงลดลงเจ็ดเปอร์เซ็นต์

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

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

แต่การใช้ AMP สำหรับอีคอมเมิร์ซมีแนวทางที่แตกต่างออกไปเล็กน้อย มาดูกันว่า AMP สำหรับอีคอมเมิร์ซทำงานอย่างไร?

Google AMP สำหรับอีคอมเมิร์ซทำงานอย่างไร

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

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

AMP สำหรับอีคอมเมิร์ซมีผลกับหน้าสามประเภท:

  1. หน้าแรก
  2. หน้าหมวดหมู่สินค้า
  3. หน้าสินค้า

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

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

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

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

วิธีสร้างหน้าหมวดหมู่ผลิตภัณฑ์ด้วย AMP

หน้าหมวดหมู่ผลิตภัณฑ์เป็นหนึ่งในหน้า Landing Page ของเว็บไซต์อีคอมเมิร์ซ ด้วย AMP คุณสามารถออกแบบหน้าหมวดหมู่ผลิตภัณฑ์ได้

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

ตอนนี้คำถามก็มาถึง ถ้า Google AMP ใช้แคชในการโหลดหน้าเว็บ จะแสดงเนื้อหาแบบไดนามิกหรืออัปเดตหรือไม่

คำตอบคือใช่

Google AMP ทำงานบนเมธอด "Stale-while-revalidate" ซึ่งหากมีการเปลี่ยนแปลงแบบไดนามิกในหน้า ระบบจะจดจำหน้าที่อัปเดตจากเซิร์ฟเวอร์และจัดเตรียมหน้าใหม่ ผู้ใช้จะไม่เห็นข้อมูลที่เก่ากว่าหรือเก่ากว่า 15 วินาที

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

AMP สำหรับหน้าผลิตภัณฑ์อีคอมเมิร์ซ

  หน้าผลิตภัณฑ์ AMP สำหรับอีคอมเมิร์ซก็ง่ายเช่นกัน คุณสามารถใช้ AMP ในหน้าผลิตภัณฑ์ของคุณได้โดยใช้ส่วนประกอบต่างๆ เช่น amp-carousel, amp-bind, amp-selector, amp-access เป็นต้น

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

  1. แกลเลอรี่สินค้า
  2. การกำหนดค่าผลิตภัณฑ์
  3. ใส่ในรถเข็น
  4. แท็บ
  5. การจัดระดับดาว
  6. ความคิดเห็นและคำวิจารณ์

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

ต่อไปนี้เป็นคำถามที่พบบ่อยเกี่ยวกับ Google AMP สำหรับอีคอมเมิร์ซ:  

  1. แนะนำให้ใช้ Google AMP สำหรับอีคอมเมิร์ซหรือไม่

คำตอบคือใช่มาก

  1. AMP จะสร้างผลกระทบต่อ SEO หรือไม่

Google ได้แนะนำแล้วว่า AMP ไม่ใช่ปัจจัยอันดับ แต่สำคัญ! AMP โหลดหน้าเว็บอย่างรวดเร็ว และมอบประสบการณ์ที่ดีแก่ผู้ใช้ UX/UI ถือเป็นปัจจัยการจัดอันดับในการจัดอันดับของ Google

  1. ฉันสามารถติดตามลิงก์ AMP โดย Google Analytics ได้หรือไม่

ใช่. คุณสามารถติดตามข้อมูลผู้เข้าชมของลิงก์ AMP ได้โดยใช้ amp-analytics

  1. ลูกค้าสามารถเพิ่มบทวิจารณ์ผลิตภัณฑ์ในหน้าผลิตภัณฑ์ AMP ได้หรือไม่

ใช่. สามารถเพิ่มความคิดเห็นและบทวิจารณ์ของลูกค้าได้โดยใช้ amp-form & amp-access

  1. Google AMP จะส่งเนื้อหาแบบไดนามิกหรือไม่

ใช่. แม้ว่า Google AMP จะใช้แคช แต่จะจดจำการอัปเดตจากเซิร์ฟเวอร์และส่งข้อมูลที่อัปเดต

  1. อะไรคือข้อเสียของ AMP สำหรับอีคอมเมิร์ซ?

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

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

ด้านล่าง

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

กลยุทธ์ในการติดตั้ง AMP บนแพลตฟอร์มอีคอมเมิร์ซต่างๆ นั้นแตกต่างกัน คุณอาจต้องการตรวจสอบการรวมกันของ AMP กับแพลตฟอร์มอีคอมเมิร์ซของคุณ นี่คือบทความดีๆ เกี่ยวกับ AMP สำหรับ BigCommerce หากคุณกำลังเล่นในกลุ่มนั้น

ไชโย!