วิธีใช้ปลั๊กอิน Google AMP WordPress อย่างเป็นทางการ

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

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

ภาพรวมของ Google AMP

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

วิธีการทำงานคือ AMP เพิ่มความเร็วหน้าเว็บด้วย CSS, HTML และ JavaScript ที่จำกัด โดยพื้นฐานแล้วมันเป็นวิธีสร้างหน้าเว็บที่มีแสงน้อยซึ่งช่วยลดเวลาในการโหลด แคช AMP ของ Google โฮสต์เนื้อหา และเวอร์ชันแคชคือสิ่งที่ Google ส่งถึงผู้ใช้ ทำให้พวกเขาดูหน้าเว็บได้ทันที บริษัทเทคโนโลยีขนาดใหญ่ เช่น Google, LinkedIn, Reddit และ Twitter รองรับ Google AMP และ AMP สามารถดูได้บนแอป เบราว์เซอร์ และผู้ดูเว็บทั้งหมด

ข้อดีและข้อเสียของ Google AMP

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

ข้อดี

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

ข้อเสีย

• เนื่องจาก AMP ใช้ CSS, HTML และ JavaScript ที่จำกัด นักออกแบบเว็บไซต์จึงต้องสร้างหน้าที่แยกส่วน ฟีเจอร์และวิดเจ็ตบางอย่าง เช่น แอนิเมชัน กล่อง "ไลค์" ของโซเชียลมีเดีย และแบบฟอร์มการเลือกใช้ที่ชาญฉลาด จำเป็นต้องลดจำนวนลง
• Google AMP รองรับ Google Analytics แต่นอกเหนือจากนั้น มันไม่รองรับแพลตฟอร์มการวิเคราะห์อื่นๆ ส่วนใหญ่
• นอกจากนี้ยังมีตัวเลือกการโฆษณาไม่มากนักที่ Google AMP รองรับ ด้วยปลั๊กอินเพิ่มเติม คุณสามารถเพิ่มตัวเลือกโฆษณาได้ – เพิ่มเติมในภายหลัง
• นี่เป็นซอฟต์คอน แต่ถ้าหน้ามือถือของคุณสว่างและปรับให้เหมาะสมแล้ว หน้าเหล่านั้นอาจไม่เร็วขึ้นอย่างเห็นได้ชัดโดยใช้ AMP ดังนั้นการตั้งค่าอาจเสียเวลาเปล่า

ปลั๊กอิน WordPress AMP

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

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

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

คุณสมบัติของปลั๊กอิน WordPress AMP

• ความเข้ากันได้และการตรวจสอบ: หากไม่สามารถทำการแปลงอัตโนมัติเป็น AMP ได้ คุณจะได้รับข้อผิดพลาดในการตรวจสอบอย่างละเอียดเพื่อให้คุณพบมาร์กอัปที่ไม่ถูกต้อง คุณสามารถเลือกที่จะลบหรือเก็บมาร์กอัปไว้
• รองรับธีมหลัก: AMP เข้ากันได้กับธีม WordPress หลักทั้งหมด (มันยังเข้ากันได้กับธีมที่ไม่ใช่แกนหลักมากมาย)
• CSS Tree Shaking: นำ CSS ที่ไม่ได้ใช้ออกโดยอัตโนมัติเพื่อให้ได้ผลรวมภายในขีดจำกัด AMP 50KB
• เรื่องราว AMP: AMP มีเครื่องมือสร้างเรื่องราวที่ให้คุณสร้างโฆษณาแบบเต็มหน้าจอและประสบการณ์สำหรับผู้เยี่ยมชม

ที่มา: AMP

วิธีการตั้งค่าและใช้งานปลั๊กอิน WordPress AMP

1. ติดตั้งและเปิดใช้งานปลั๊กอิน รับปลั๊กอินที่นี่

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

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

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

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

เลือกโหมดเว็บไซต์

ปลั๊กอิน WordPress AMP มีโหมดเว็บไซต์สามโหมดให้เลือก ซึ่งคุณสามารถเข้าถึงได้โดยไปที่ AMP ในแถบด้านข้างทางซ้าย แล้วคลิกทั่วไป:

1. มาตรฐาน: AMP เป็นเฟรมเวิร์กสำหรับเว็บไซต์ของคุณ คุณไม่จำเป็นต้องมีเวอร์ชันที่ไม่ใช่ AMP และ AMP แยกกัน
2. การเปลี่ยนผ่าน แต่ละหน้ามี Canonical URL และ AMP URL
3. ผู้อ่าน: แต่ละหน้ามี Canonical URL และ AMP URL ในโหมดผู้อ่าน AMP จะใช้เฉพาะกับโพสต์ หน้า และโพสต์ประเภทอื่นๆ เท่านั้น อีกสองโหมดเว็บไซต์ถูกใช้ทั่วทั้งเว็บไซต์

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

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

ปรับแต่ง AMP ของคุณด้วยปลั๊กอินเพิ่มเติม

เนื่องจากปลั๊กอิน WordPress AMP ไม่มีตัวเลือกการปรับแต่งมากมาย คุณจึงสามารถใช้ปลั๊กอินอื่นเพื่อปรับแต่งหน้าเว็บในแบบของคุณเพิ่มเติมได้ ตัวอย่างเช่น AMP WP รองรับไอคอนโซเชียลและมีรูปแบบสีที่ปรับแต่งได้ (ท่ามกลางคุณสมบัติอื่นๆ มากมาย) และ Ads for WP มีการสนับสนุนโฆษณาขั้นสูงสำหรับ AMP

นอกจากนี้ หากคุณใช้ Yoast SEO อยู่ คุณสามารถใช้ปลั๊กอิน Glue for Yoast SEO และ AMP เพื่อให้หน้า AMP ของคุณมีข้อมูลเมตาของ Yoast SEO ที่ถูกต้อง หลังจากติดตั้งและเปิดใช้งานปลั๊กอิน คุณจะตั้งค่าตัวเลือก Yoast SEO ตามปกติ ปลั๊กอินจะทำงานอย่างมหัศจรรย์ในพื้นหลัง

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

ความคิดสุดท้าย

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

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

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

ภาพเด่นผ่าน Fouaddesigns / shutterstock.com