การติดตั้ง AMP ใน WordPress มีขั้นตอนที่ต้องปฏิบัติตาม

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

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

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

ทำความเข้าใจ Google AMP

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

ข้อดีของ Google AMP คือไม่จำกัดเฉพาะเบราว์เซอร์มือถือเท่านั้น เมื่อผู้ใช้อุปกรณ์เคลื่อนที่เปิดหน้าเว็บของคุณจากแอปหรือโปรแกรมดูเว็บของบุคคลที่สาม Google AMP จะให้บริการหน้าเว็บของคุณจากแคชด้วย นอกจากนี้ การติดตั้ง AMP ใน WordPress จะช่วยให้เว็บไซต์ของคุณมีอันดับสูงในหน้าผลลัพธ์ของเครื่องมือค้นหา ในทางกลับกัน เนื่องจากหน้าเว็บถูกบันทึกด้วยโค้ด HTML, JS และ CSS ที่จำกัด หน้าเว็บของคุณจะไม่ปรากฏอย่างสมบูรณ์ วิดเจ็ตหรือการรวมระบบของบุคคลที่สาม เช่น แบบฟอร์มอีเมล กล่องโซเชียลมีเดีย ฯลฯ จะถูกระงับ แต่คุณยังสามารถมี Google Analytics ได้

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

การติดตั้ง AMP ใน WordPress

ขั้นตอนที่ 1. ติดตั้ง Plugin

ขั้นแรก คุณต้องติดตั้งปลั๊กอิน AMP ไปที่ Admin Dashboard และที่เมนูด้านซ้าย ไปที่ Plugins คลิกที่ เพิ่มใหม่ จากดรอปดาวน์ ในหน้าจอถัดไป ค้นหาปลั๊กอิน ติดตั้ง และเปิดใช้งาน เมื่อเสร็จแล้ว ไปที่ Dashboard และจาก Appearance ไปที่ AMP

ปลั๊กอิน AMP

ขั้นตอนที่ 2 การปรับแต่ง

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

ขั้นตอนที่ 3 ตรวจสอบเฉพาะหน้าเว็บ

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

เมื่อหน้าจอถัดไปเปิดขึ้น อย่าทำการเปลี่ยนแปลงใดๆ และเพียงคลิกที่ปุ่มบันทึกการเปลี่ยนแปลง การดำเนินการนี้จะอัปเดต Permalink และกลับมาที่แท็บเบราว์เซอร์และรีเฟรชหน้าเว็บ 404 แล้วหน้าเว็บจะปรากฏขึ้น

ขั้นตอนที่ 4 ตรวจสอบเว็บไซต์โดยใช้ Google Search Console

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

การปรับแต่งขั้นสูงของ AMP

Google AMP มาพร้อมกับตัวเลือกการปรับแต่งที่จำกัด มีปลั๊กอินยอดนิยมอีกตัวที่มีชื่อว่า Glue For Yoast SEO & AMP

กาวสำหรับ Yoast SEO

ก่อนทำการติดตั้ง ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งปลั๊กอิน Yoast SEO แล้ว เนื่องจากเป็นส่วนเสริมของสิ่งนั้น ในการติดตั้งปลั๊กอินทั้งสอง ให้ไปที่ Plugins from Dashboard และคลิกที่ Add New ค้นหาปลั๊กอิน ติดตั้ง และเปิดใช้งาน หลังจากเปิดใช้งาน ให้กลับมาที่ Dashboard และไปที่ Yoast SEO จากเมนูด้านซ้าย จากนั้นคลิก AMP จากเมนูแบบเลื่อนลง
ในหน้าจอใหม่ คุณจะพบตัวเลือกขั้นสูงสำหรับ AMP ของคุณ คุณสามารถเปิดใช้งานกลไกแคช AMP สำหรับเพจและสื่อของคุณได้เช่นกัน แทนที่จะใช้เฉพาะโพสต์

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

มีแท็บอื่นชื่อ Analytics ซึ่งคุณสามารถเพิ่ม Google Analytics ID ของคุณเพื่อรวบรวมการวิเคราะห์ทั้งหมดเมื่อมีคนเข้าถึงหน้ามือถือแบบเร่งความเร็วของคุณ

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

หลังจากติดตั้ง AMP ใน WordPress –

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

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

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

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

ข้อดีอย่างหนึ่งของเว็บไซต์ที่พัฒนาด้วย WordPress AMP คือหน้าเว็บโหลดได้เร็วกว่าหน้าเว็บทั่วไปถึง 85% ที่พัฒนาด้วย HTML และ CSS บนอุปกรณ์เคลื่อนที่ จากการศึกษาพบว่าผู้ใช้มือถือออกจากหน้าเว็บหากใช้เวลาในการโหลดนานกว่า 3-4 วินาที ดังนั้น ธุรกิจที่ใช้เทคโนโลยี AMP ในการพัฒนาหน้าเว็บไซต์ของตนสามารถลดอัตราตีกลับของผู้เข้าชมได้ AMP ยังช่วยให้เว็บไซต์เหมาะกับอุปกรณ์เคลื่อนที่มากขึ้นอีกด้วย

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

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