วิธีทำให้ GeneratePress และ AMP เข้ากันได้อย่างสมบูรณ์

GeneratePress และ AMP สามารถทำงานร่วมกันได้ ในโพสต์นี้ ฉันจะแสดงให้คุณเห็นว่าคุณสามารถทำให้ GeneratePress เข้ากันได้กับ AMP 100% ได้อย่างไร

Accelerated Mobile Pages (AMP) เป็นโครงการโอเพ่นซอร์สที่สร้างขึ้นโดย Google ร่วมกับ Automattic โดยมีเป้าหมายเพื่อทำให้เว็บไซต์ทำงานได้เร็วขึ้นบนโทรศัพท์มือถือ

หากผู้เยี่ยมชมส่วนใหญ่ของคุณมาจากมือถือ AMP ก็มีศักยภาพในการเพิ่มปริมาณการเข้าชมของคุณได้อย่างมากในระยะยาว

แต่หากคุณมีผู้เยี่ยมชมส่วนใหญ่มาจากเดสก์ท็อป คุณอาจไม่สังเกตเห็นความแตกต่างที่สำคัญ แต่มันก็ยังคุ้มค่า

GeneratePressเป็นธีม WordPress ที่โหลดเร็วที่สุดเท่าที่ผมเคยเห็นมา คุณสามารถอ่านรีวิว GeneratePress ของผม ได้ ข่าวดีก็คือ มันใช้งานร่วมกับ AMP ได้ 100%

การนำ AMP มาใช้ในเว็บไซต์/บล็อกของคุณ

วิธีที่ดีที่สุดในการใช้งาน AMP คือการใช้ปลั๊กอิน AMP อย่างเป็นทางการซึ่งสร้างและดูแลโดย Google เอง

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

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

แม้ว่าคุณจะใช้ปลั๊กอิน AMP อื่น ขั้นตอนเหล่านี้ก็จะใช้งานได้

วิธีทำให้ GeneratePress และ AMP เข้ากันได้อย่างสมบูรณ์

ปฏิบัติตามขั้นตอนเหล่านี้เพื่อให้ GeneratePress และ AMP เข้ากันได้อย่างสมบูรณ์:

1. ดาวน์โหลดและติดตั้งปลั๊กอิน AMP สำหรับ GeneratePress

มีปลั๊กอินอย่างเป็นทางการโดย Tom Usborne ซึ่งเป็นผู้พัฒนาและผู้ก่อตั้ง GeneratePress ปลั๊กอินนี้มีจุดประสงค์เพื่อแก้ไขปัญหาความเข้ากันได้กับ AMP

ปลั๊กอินยังไม่พร้อมใช้งานในไดเร็กทอรี WordPress แต่ทอมบอกฉันทางอีเมลว่าเขาจะทำให้ปลั๊กอินพร้อมใช้งานเร็วๆ นี้

ในตอนนี้ คุณสามารถดาวน์โหลดปลั๊กอินได้จาก GitHub

เมื่อเข้าไปแล้ว ให้คลิกที่โคลนหรือดาวน์โหลด จากนั้นคลิกดาวน์โหลดไฟล์ zip

ตอนนี้ไปที่แดชบอร์ด WordPress ของคุณ คลิกที่ปลั๊กอิน จากนั้นคลิกเพิ่มปลั๊กอินใหม่ ในหน้าใหม่ ให้คลิกอัปโหลดปลั๊กอิน จากนั้นเลือกไฟล์ที่คุณเพิ่งดาวน์โหลดและติดตั้ง

เมื่อติดตั้งเสร็จแล้วให้เปิดใช้งาน เพียงเท่านี้ก็เรียบร้อย

2. สลับ AMP ไปที่โหมดเปลี่ยนผ่านหรือโหมดมาตรฐาน

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

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

เมื่ออยู่ในโหมดเปลี่ยนผ่าน คุณต้องเพิ่ม?ampต่อท้ายลิงก์ของคุณ รวมถึงหน้าแรก เพื่อเข้าถึง AMP

แต่เมื่ออยู่ในโหมดมาตรฐาน ไม่จำเป็นต้องเพิ่มอะไร URL มาตรฐานของคุณเป็น amp

สำหรับการทดสอบนี้ ฉันใช้โหมดการเปลี่ยนผ่านเพื่อแสดงว่าใช้งานได้ ฉันชอบใช้ AMP ในโหมดอ่านมากกว่าเนื่องจากผู้เยี่ยมชมส่วนใหญ่ของฉันมาจากเดสก์ท็อป

3. ดำเนินการทดสอบ AMP

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

คุณสามารถดูข้อผิดพลาดที่ฉันได้รับด้านล่างหลังจากเปลี่ยนBloggingToolsเป็นโหมดชั่วคราวได้

มีดัชนีข้อผิดพลาดจำนวน 48 รายการ

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

ฉันสังเกตเห็นว่าไม่มีคำเตือนสำคัญใด ๆ ที่เกี่ยวข้องกับธีม

ปัญหาหลักที่ฉันสังเกตเห็นคือปลั๊กอินแคชของฉัน Breeze ซึ่งเพิ่ม CSS เข้าไป ซึ่งดูเหมือนจะไม่ถูกใจ AMP ฉันจึงปิดใช้งาน Breeze และเริ่มทดสอบ

คุณสามารถใช้เครื่องมือทดสอบ AMP อย่างเป็นทางการของ Google ในการทดสอบได้

ผลลัพธ์แสดงให้เห็นว่า AMP ทำงานได้โดยไม่มีปัญหา ดูด้านล่าง

นี่คือการทดสอบสำหรับหน้าแรกของฉัน

จากนั้นผมจึงทดสอบหน้าโพสต์:

จากข้างต้นคุณจะเห็นได้ว่า AMP และ GeneratePress มีความเข้ากันได้อย่างสมบูรณ์

ปัญหาทั่วไป

หากคุณประสบปัญหาในการทำให้ AMP ทำงานในโหมดเปลี่ยนผ่านหรือโหมดมาตรฐาน ปัญหาอาจเกิดจากปลั๊กอินของคุณ

ผู้กระทำความผิดหลักๆ อาจจะเกิดจากปลั๊กอินแคชหรือปลั๊กอินเพิ่มประสิทธิภาพที่ไม่เข้ากันได้กับ AMP