วิธีติดตั้ง Google AMP บนเว็บไซต์ WordPress ของคุณอย่างเหมาะสม

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


Google AMP สำหรับ WordPress

Google AMP คืออะไร?

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

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

เร่งหน้ามือถือ (AMP) ในการค้นหาและมุมมองเบราว์เซอร์

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

มันคล้ายกับบทความ Facebook ทันที อย่างไรก็ตามบทความทันใจ จำกัด เฉพาะแพลตฟอร์ม Facebook เท่านั้นโดยเฉพาะกับแอปมือถือ.

หน้าเว็บเร่งความเร็วเป็นแพลตฟอร์มที่ไม่เชื่อเรื่องพระเจ้าและสามารถใช้งานได้โดยแอปเบราว์เซอร์หรือโปรแกรมดูเว็บใด ๆ ปัจจุบันมีการใช้งานโดย Google, Twitter, LinkedIn, Reddit และอื่น ๆ.

ข้อดีข้อเสียของ Google AMP (หน้าโทรศัพท์มือถือเร่ง)

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

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

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

แม้จะมีข้อ จำกัด Google กำลังผลักดันหน้า AMP ด้วยการเพิ่มการค้นหาบนมือถือ.

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

บันทึก: มีการร้องเรียนเล็กน้อยเกี่ยวกับ Google AMP โดยบล็อกเกอร์.

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

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

ด้วยเหตุผลข้างต้นเรายังไม่ได้เปลี่ยน WPBeginner เป็น Google AMP.

อย่างไรก็ตามเนื่องจากผู้อ่านของเราหลายคนถามถึงวิธีการตั้งค่า Google AMP ใน WordPress เราได้สร้างกระบวนการทีละขั้นตอนเกี่ยวกับวิธีการตั้งค่า Accelerated Mobile Pages ใน WordPress.

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

การตั้งค่าเร่งหน้ามือถือหรือแอมป์ใน WordPress

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

เมื่อเปิดใช้งานคุณสามารถตรงไปที่ หน้าตา» AMP เพื่อดูว่าเว็บไซต์ของคุณดูอย่างไรบนอุปกรณ์มือถือโดยใช้ AMP.

หน้าการตั้งค่าสำหรับปลั๊กอิน WordPress AMP

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

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

อย่าลืมคลิกที่ปุ่มบันทึกเพื่อบันทึกการเปลี่ยนแปลงของคุณ.

ตอนนี้คุณสามารถไปที่โพสต์ใดก็ได้บนเว็บไซต์ของคุณและเพิ่ม / amp / ที่ส่วนท้ายของ URL แบบนี้:

http://example.com/2016/10/my-blog-post/amp/

นี่จะแสดงให้คุณเห็นโพสต์เดียวกันในเวอร์ชั่น AMP ที่ถูกตัดทอนลง.

AMP mobile preview

หากคุณดูซอร์สโค้ดของโพสต์ต้นฉบับคุณจะพบบรรทัดนี้ใน HTML:

บรรทัดนี้จะบอกเครื่องมือค้นหาและแอป / บริการที่ใช้งาน AMP อื่น ๆ ซึ่งจะค้นหารุ่นของหน้า AMP.

การแก้ไขปัญหา:

หากคุณเห็นข้อผิดพลาด 404 เมื่อพยายามดูเวอร์ชั่นแอมป์นี่คือสิ่งที่คุณต้องทำ.

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

ดูหน้ามือถือเร่งความเร็วใน Google Search Console

ต้องการทราบว่าหน้าเร่งความเร็วมือถือของคุณทำงานอย่างไรใน Google Search คุณสามารถตรวจสอบสิ่งนี้ได้อย่างง่ายดายโดยใช้ Google Search Console.

เข้าสู่แผงควบคุม Google Search Console ของคุณแล้วคลิกที่ ค้นหาลักษณะ»หน้ามือถือเร่งความเร็ว.

เร่งหน้ามือถือใน Google Search Console

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

การขยายและปรับแต่งหน้าเว็บมือถือที่รวดเร็วของคุณ

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

หากคุณใช้ Yoast SEO อยู่แล้วคุณต้องติดตั้งและเปิดใช้งาน Glue สำหรับ Yoast SEO & แอมป์.

มันเป็นส่วนเสริมสำหรับปลั๊กอิน Yoast SEO และ AMP เมื่อเปิดใช้งานคุณต้องไปที่ SEO »แอมป์ หน้าเพื่อกำหนดการตั้งค่าปลั๊กอิน.

Addo AMP ของ Yoast SEO

ปลั๊กอินช่วยให้คุณสามารถเปิดใช้งานการสนับสนุน AMP สำหรับโพสต์ประเภทอื่น ๆ.

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

แท็บออกแบบสำหรับแอมป์โดยใช้แอดออนของ Yoast AMP

คุณสามารถเปลี่ยนเป็นแท็บ Analytics เพื่อเพิ่มรหัส Google Analytics ของคุณ.

อย่าลืมคลิกที่ปุ่มบันทึกการตั้งค่าเพื่อบันทึกการเปลี่ยนแปลงของคุณ.

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

อย่างไรก็ตามคุณต้องตรวจสอบหน้า AMP ของคุณหลังจากติดตั้งปลั๊กอินเสริม.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map