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

  1. 1. รู้เบื้องต้นเกี่ยวกับ Google AMP สำหรับ WordPress
  2. 2. กำลังอ่าน: วิธีการติดตั้ง AMP ใน WordPress

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


  • วิธีรวม AMP กับ WordPress
  • สุดยอดปลั๊กอิน WordPress สำหรับการปรับแต่ง AMP
  • เราจำเป็นต้องใช้ AMP ในเว็บไซต์ WordPress ของเราหรือไม่?

มาเริ่มกันเลย.

AMP สำหรับ WordPress Video Guide

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

วิธีการติดตั้ง AMP สำหรับ WordPress

แอมป์ปลั๊กอิน WordPress ฮีโร่

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

  • ตรงไปที่ WordPress Dashboard> ปลั๊กอิน> เพิ่มใหม่
  • ค้นหา “แอมป์”

เลือกปลั๊กอินและคลิกที่ ติดตั้งในขณะนี้

วิธีการติดตั้งแอมป์-WordPress ปลั๊กอิน

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

ลองดูที่หน้าเว็บเวอร์ชันปกติ.

ทดสอบเว็บไซต์-no-amp_rz

และนี่คือเวอร์ชั่น AMP ของหน้าเดียวกัน:

ทดสอบเว็บไซต์ amp_rz

ใช่คุณได้ติดตั้ง AMP ใน WordPress สำเร็จแล้ว ยากที่จะเชื่อว่ามันไม่ง่ายเลย?

อย่างไรก็ตามหากคุณไม่มี permalinks สวย เปิดใช้งานคุณสามารถรับรุ่นแอมป์ได้โดยต่อท้าย ?แอมป์ = 1 ไปที่ลิงก์ของโพสต์ ตัวอย่างเช่นลิงก์ของโพสต์จะเป็น:

  • รุ่นปกติ: http://example.com/2016/01/01/hello-mobile-web/
  • เวอร์ชั่นแอมป์: http://example.com/2016/01/01/hello-mobile-web/amp/
  • เวอร์ชั่น AMP (ปิดการใช้งาน Permalinks สวย): http://example.com/2016/01/01/hello-mobile-web/?amp=1

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

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

การวัดผลกระทบต่อประสิทธิภาพของ AMP

เราตัดสินใจที่จะวัดผลกระทบของประสิทธิภาพของหน้า AMP version ใน Pingdom ผลลัพธ์ที่ได้แตกต่างกันอย่างมาก โปรดทราบว่าการตั้งค่า WordPress ของเราอยู่ในสภาพแวดล้อมการโฮสต์ที่ใช้ร่วมกันโดยใช้ชุดรูปแบบ Twenty Fourteen ที่ไม่มีการแคชหรือเพิ่มประสิทธิภาพปลั๊กอินติดตั้ง.

ภาพหน้าจอต่อไปนี้แสดงเกณฑ์มาตรฐานประสิทธิภาพของหน้าพื้นฐานรุ่น:

ทดสอบเว็บไซต์ไม่มีแอมป์ Pingdom

และนี่คือผลลัพธ์ของหน้า AMP เวอร์ชัน:

ทดสอบเว็บไซต์แอมป์ Pingdom

ผลลัพธ์นั้นแตกต่างอย่างชัดเจน.

ส่วนประกอบแต่ละอย่างมีการพัฒนาอย่างมาก:

  • ขนาดหน้าลดลง 70%
  • เวลาโหลดลดลง 35% เป็นต่ำกว่า 900 มิลลิวินาที
  • ไม่มีการร้องขอลดลงเกือบ 60% จาก 17 เหลือเพียง 7!

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

ปัจจัย ปกติแอมป์การปรับปรุง
ขนาดหน้า (KB)563.816770%
เวลาโหลด (วินาที)1.420.92935%
จำนวนคำขอ17759%

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

ยิ่งไปกว่านั้นคุณสามารถรวมกลไกการติดตามในหน้า AMP เวอร์ชัน เราจะกล่าวถึงในส่วนต่อไปนี้.

การขยายขีดความสามารถของ AMP

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

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

เข้าสู่ AMP สำหรับ WP – หน้ามือถือที่เร่งความเร็ว เสียบเข้าไป.

แอมป์สำหรับ WP-ปลั๊กอิน-2-พระเอก

ปลั๊กอินฟรีนี้ขยายขีดความสามารถของ AMP ใน WordPress โดยนำเสนอฟังก์ชันการทำงานเพิ่มเติมเช่น:

  • การรวม Google Analytics
  • รองรับ AMP WooCommerce Pages
  • โพสต์ที่เกี่ยวข้องด้านล่างโพสต์
  • รายการความคิดเห็นล่าสุด
  • การอัปโหลดโลโก้ที่กำหนดเอง
  • แถบการแบ่งปันทางสังคม
  • รองรับการฝังเนื้อหาที่หลากหลายรวมถึงวิดีโอและเนื้อหาจากแพลตฟอร์มเนื้อหาเช่น YouTube, Instagram, Twitter, Vine เป็นต้น.

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

แอมป์สำหรับ WP-ปลั๊กอิน-2-ติดตั้งเปิดใช้งาน

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

จากการตั้งค่าต่าง ๆ ที่ปลั๊กอินเสนอเราได้ลอง:

  • เปิดความคิดเห็น
  • การเพิ่มโพสต์ที่เกี่ยวข้อง
  • การเพิ่มการนำทางไปยังโพสต์ถัดไป / ก่อนหน้า

นี่คือภาพหน้าจอว่ารุ่น AMP ดูแลอย่างไรหลังจากบันทึกการเปลี่ยนแปลง:

แอมป์สำหรับ WP-ปลั๊กอิน-2-พระเอกทดสอบหน้า 500 พิกเซล

และนี่คือประสิทธิภาพ:

แอมป์สำหรับ WP-ปลั๊กอิน-2-ความเร็วทดสอบ

นี่คือภาพหน้าจอของหน้าแอมป์วานิลลาสำหรับการเปรียบเทียบ:

ทดสอบเว็บไซต์แอมป์ Pingdom

ความเร็วในการโหลดลดลงอีก 7.4% เป็นที่น่าสนใจที่จะทราบว่าแม้ว่าขนาดหน้าและจำนวนคำขอเพิ่มขึ้นเล็กน้อยมีการปรับปรุงในเกรดประสิทธิภาพโดยรวม (เพิ่มขึ้น 3 จุด).

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

ข้อสรุป

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

แม้ว่าบล็อกที่ใหม่กว่าจะรวมแอมป์ได้ง่ายกว่า แต่บล็อกที่มีเนื้อหานับพันหน้าอาจพบว่าเป็นเรื่องที่ท้าทายเป็นพิเศษ เหตุผลนั้นง่าย – ไม่ใช่ทุกคนที่ปฏิบัติตามมาตรฐานที่เหมาะสมเมื่อทำการเผยแพร่ออนไลน์ วิวัฒนาการขององค์กร แม้แต่เทคโนโลยีเว็บที่“ ร้อนแรง” เมื่อห้าปีที่แล้วก็ล้าสมัยไปแล้วในวันนี้ ในขณะที่ AMP พยายามอย่างดีที่สุดเพื่อสร้างเทคโนโลยีเว็บที่มีอยู่ให้ดีที่สุดอาจมีหลายกรณีที่มีความเข้ากันไม่ได้ / ข้อผิดพลาดบางอย่างอยู่ และข้อผิดพลาดเหล่านี้อาจส่งผลเสียต่อคะแนน SEO ของคุณ.

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

หากคุณมั่นใจว่าเนื้อหาของเว็บไซต์ของคุณมีโครงสร้างทางเทคนิคตามมาตรฐานล่าสุดดังนั้นโดยทั้งหมด – ไปข้างหน้ากับ AMP! คุณจะเพิ่มเฉพาะ SEO ของคุณ.

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

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

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