หน้ามือถือที่เร่งความเร็ว: AMP สำหรับ WordPress Mobile Optimization

เร่งหน้ามือถือสำหรับ WordPress

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


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

เพื่อตอบสนองความต้องการในการโหลดเนื้อหาที่รวดเร็วนี้แอพที่ออกแบบมาสำหรับแพลตฟอร์มมือถือเฉพาะมีให้บริการใน Apple (ข่าว), Facebook (บทความทันที) และ Snapchat (ค้นพบ) ต้นปีนี้ Google แนะนำ Accelerated Mobile Page (AMP) เพื่อเร่งการส่งเนื้อหาบนมือถือและมอบประสบการณ์การใช้งานที่ดียิ่งขึ้น.

AMP คืออะไร?

AMP สำหรับ WordPress: โครงการ AMP

โครงการ AMP ถูกประกาศโดย Google ในเดือนตุลาคม 2558, และเปิดตัวในเดือนกุมภาพันธ์ 2559 มันเป็นความคิดริเริ่มแบบโอเพนซอร์สที่ช่วยให้ผู้เผยแพร่สามารถสร้างเนื้อหาที่ได้รับการปรับปรุงให้เหมาะกับอุปกรณ์เคลื่อนที่ได้เพียงครั้งเดียวและโหลดได้ทุกที่บนเว็บบนมือถือทันที.

เมื่อวันที่ 24 กุมภาพันธ์ 2559 Google เริ่มปรับใช้เนื้อหาที่สอดคล้องกับ AMP ในภาพหมุนบนหน้าผลการค้นหาบนมือถือ ผู้ใช้สามารถปัดภาพหมุนและแตะที่รายการที่ต้องการอ่าน Pinterest รายงานหน้าที่จะเป็น เร็วขึ้น 4 เท่าโดยใช้ข้อมูลน้อยกว่าหน้าปรับปรุงมือถือปกติ 8 เท่า. สิ่งนี้เป็นไปได้เนื่องจากวิธีการจัดรูปแบบและจัดส่งหน้าเว็บ.

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

AMP สำหรับ WordPress: AMP Search Preview

AMP ในหน้าตัวอย่างการค้นหา

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

เว็บไซต์ใดควรใช้ AMP?

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

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

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

แอมป์มีอะไรแตกต่างกันบ้าง?

ระบบการนำส่งเนื้อหานี้ใช้เฟรมเวิร์ก AMP AMP และเร็วกว่า HTML ปกติเนื่องจาก,

  • มันเป็นเวอร์ชันลีนของกรอบ HTML ปกติลบเนื้อหา JavaScript ทั้งหมด สำหรับ JavaScript เฟรมเวิร์กอาศัยไลบรารี AMP JS ทั่วไป.
  • เนื้อหาถูกแคชและจัดเก็บในคลาวด์ทั่วไปดังนั้นเวลาที่ใช้ในการสอบถามและดึงข้อมูลจากเซิร์ฟเวอร์จะถูกกำจัด.

มีความแตกต่างอีกมากมาย แต่ทั้งสองที่กล่าวถึงในที่นี้ควรให้ความเข้าใจอย่างรวดเร็วและกว้าง.

เหตุใดผู้เผยแพร่และบล็อกควรเปิดใช้งาน AMP

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

หน้า AMP ปรากฏขึ้นพร้อมกับไอคอนสายฟ้าเพื่อทำเครื่องหมายออกจากหน้าเว็บปกติ ผู้ดูที่คลิกที่ตัวเลือกนี้จะถูกนำไปที่หน้า AMP ภายในตัวแสดง AMP ไม่เพียงเท่านั้นเนื้อหาจะสามารถใช้งานได้ทันทีในการค้นหาของ Google และเข้าถึงได้ผ่านแพลตฟอร์มโซเชียลเช่น Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel และ Pinterest.

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

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

การเพิ่มประสิทธิภาพที่จำเป็นสำหรับ AMP

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

  • อนุญาต JavaScript แบบอะซิงโครนัสเท่านั้น – เพื่อป้องกันไม่ให้การแสดงผลหน้าเว็บล่าช้า ซึ่งหมายความว่าคุณไม่สามารถใช้ JavaScript ใด ๆ ที่คุณสร้างและต้องพึ่งพาองค์ประกอบ AMP เพื่อจัดการเนื้อหาเชิงโต้ตอบของหน้าเว็บของคุณ อนุญาตให้ใช้ JS ใน iframes แต่จะไม่ขัดขวางการแสดงผล.
  • กำหนดขนาดทรัพยากรทั้งหมดแบบคงที่ – AMP โหลดหน้าเว็บโดยไม่ต้องรอทรัพยากรเช่นรูปภาพและ iframes เพื่อดาวน์โหลด ขนาดของทรัพยากรเหล่านี้จะต้องระบุไว้ใน HTTP ดังนั้นขนาดและตำแหน่งของทรัพยากรเหล่านี้เป็นที่รู้จักกันก่อนที่จะเริ่มการดาวน์โหลด.
  • อย่าปล่อยให้กลไกส่วนขยายบล็อกการแสดงผล – หากส่วนขยายใด ๆ ที่จะรวมอยู่ในหน้าสคริปต์ที่กำหนดเองจะต้องแจ้งระบบเกี่ยวกับมัน ดังนั้นมีการสร้างพื้นที่สำหรับส่วนขยายแม้ก่อนที่ AMP จะรู้ว่าจะรวมอะไรบ้าง ส่วนขยายสำหรับ Lightbox, Instagram ฝังและทวีตเป็นเรื่องปกติเพราะพวกเขาไม่ได้บล็อกการแสดงผลหน้าแม้ว่ามันจะต้องมีการร้องขอ HTTP เพิ่มเติม.
  • ทำให้ JavaScript ของบุคคลที่สามทั้งหมดออกจากเส้นทางที่สำคัญ – JavaScript ที่กำหนดเองได้รับอนุญาตใน iframe แบบ sandbox เท่านั้น วิธีนี้จะไม่บล็อกหน้าหลักจากการโหลด.
  • CSS ทั้งหมดต้องเป็นแบบอินไลน์และมีขนาด จำกัด – สิ่งนี้จะช่วยลดจำนวนคำขอ HTTP ในเส้นทางที่สำคัญ.
  • การเรียกใช้แบบอักษรต้องมีประสิทธิภาพ– ระบบ AMP ไม่อนุญาตการร้องขอ HTTP จนกว่าแบบอักษรจะเริ่มดาวน์โหลด.
  • ลดการคำนวณขนาดใหม่ให้เล็กที่สุด – การคำนวณการแสดงผลล่าช้าอีกครั้งดังนั้นจึงต้องเก็บไว้ให้น้อยที่สุด.
  • เรียกใช้ภาพเคลื่อนไหวที่เปิดใช้งาน GPU เท่านั้น – ภาพเคลื่อนไหวทั้งหมดจะต้องสามารถทำงานบน GPU (หน่วยประมวลผลกราฟิก).
  • จัดลำดับความสำคัญการโหลดทรัพยากร – โหลดเนื้อหาที่จำเป็นเท่านั้นก่อนโดยมีการดึงโฆษณาและรูปภาพโดยเร็วที่สุด แต่จะโหลดเมื่อจำเป็นเท่านั้น วิธีนั้นความต้องการซีพียูจะถูกเก็บไว้ให้น้อยที่สุด.
  • โหลดหน้าในทันที – การแสดงผลล่วงหน้าใช้แบนด์วิดท์และ CPU มากขึ้น การแสดงผลล่วงหน้าจะโหลดเฉพาะเนื้อหาที่จำเป็นก่อนและดาวน์โหลด iframe ของบุคคลที่สามและทรัพยากรอื่น ๆ หากจำเป็นเท่านั้น.

รูปแบบโฆษณามาตรฐานเครือข่ายโฆษณาและเทคโนโลยีจะพร้อมใช้งาน ในขณะเดียวกันผู้เผยแพร่ยังสามารถเลือกรูปแบบของตัวเองได้ตราบใดที่มันไม่ใช่ความเร็วในการลาก.

วิธีเพิ่ม AMP สำหรับ WordPress

Google มี เกี่ยวกับการสอน ที่คุณสามารถอ้างถึงสำหรับการสร้างหน้า AMP HTML พื้นฐานแสดงละครให้พวกเขาตรวจสอบพวกเขาว่าเป็นไปตาม AMP การเผยแพร่และการกระจายพวกเขา. กำลังตรวจสอบหน้า AMP มีความสำคัญเนื่องจากวิธีการที่บุคคลที่สามเช่น Twitter และ Instagram มีความมั่นใจว่าหน้าจะแสดงได้ดีบนแพลตฟอร์มของพวกเขา.

ตราบใดที่เว็บไซต์ที่เกี่ยวข้องกับ WordPress.com เกี่ยวข้องเว็บไซต์เหล่านั้นจะได้รับการสนับสนุนโดยอัตโนมัติสำหรับ WordPress โดยไม่ต้องทำอะไรเพิ่มเติม เว็บไซต์ WordPress ที่โฮสต์ด้วยตนเองสามารถเปิดใช้งาน AMP สำหรับ WordPress ได้โดยติดตั้งปลั๊กอิน.

ปลั๊กอิน AMP AMP โดย Automattic

ปลั๊กอิน AMP AMP โดย Automattic

เมื่อคุณดาวน์โหลดติดตั้งและเปิดใช้งาน ปลั๊กอิน AMP บนเว็บไซต์ WordPress โพสต์ของคุณจะมีเวอร์ชั่น AMP ที่สร้างขึ้นโดยอัตโนมัติ คุณสามารถเข้าถึงหน้าเหล่านี้ได้โดยการต่อท้าย แอมป์ ที่ส่วนท้ายของ URL ของคุณ (example.com/my-post/amp) หากคุณไม่ได้เปิดใช้งานลิงก์ถาวรไว้ให้เพิ่ม ?แอมป์ = 1 ไปยังลิงก์ (ซึ่งจะมีลักษณะเป็น example.com/?p=100&amp=1) อีกขั้นตอนเดียวคือการทดสอบและตรวจสอบหน้าเว็บของคุณตามที่กล่าวไว้ข้างต้น.

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

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

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

แอมป์สำหรับปลั๊กอิน WordPress WP ฟรี

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

มีการตั้งค่าในตัวสำหรับการเปิดใช้งาน AMP (โพสต์, หน้า, คลังเก็บ) เพิ่มพื้นที่โฆษณาบนมือถือ, ข้อมูลที่มีโครงสร้าง (ส่วนสำคัญของ SEO), การรวมเมตาแท็ก SEO ของ Yoast, ตัวเลือกดัชนี / ไม่มีดัชนีขั้นสูง ความคิดเห็นของ AMP การแปล AMP แบบกำหนดเอง (หากคุณใช้ภาษาอื่นที่ไม่ใช่ภาษาอังกฤษคุณจะต้องอัปเดตสิ่งนี้) และอีกมากมาย การตั้งค่านั้นครอบคลุมมากสำหรับปลั๊กอินฟรีที่ยอดเยี่ยมมาก.

เหนือสิ่งอื่นใดปลั๊กอินนี้มีตัวเลือกการออกแบบเพื่อให้คุณสามารถปรับแต่งรูปลักษณ์ของแอมป์เอาต์พุตของคุณ ใช้ธีม AMP ที่เป็นค่าเริ่มต้นรวมหรือใช้ธีมเหล่านั้น AMP Theme Framework เพื่อสร้างหนึ่งในการออกแบบที่เป็นของคุณเอง.

AMP สำหรับ WP ยังมี ส่วนขยายพรีเมียม เพื่อเพิ่มคุณสมบัติ (เช่นการเรียกร้องให้ดำเนินการหรือการแคช AMP) และการสนับสนุนปลั๊กอินยอดนิยมรวมถึง WooCommerce, ฟิลด์กำหนดเองขั้นสูงและแบบฟอร์มการติดต่อ 7.

วิธีเพิ่มเติมในการเพิ่ม AMP สำหรับ WordPress

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

  • WP AMP – เพื่อสร้างการออกแบบ AMP ที่กำหนดเองโดยไม่มีการเข้ารหัสและเพิ่ม SEO คุณสามารถอ่านเพิ่มเติมได้ที่นี่.
  • เร่งหน้ามือถือ (AMP) สำหรับ WordPress – เพื่อสร้างชุดรูปแบบ AMP สำหรับเว็บไซต์ของคุณ.
  • แอมป์ที่กำหนดเอง – เพื่อช่วยปรับแต่งเนื้อหา AMP ของคุณ.
  • บทความใน Facebook & หน้า Google AMP – เพื่อเผยแพร่และจัดการเนื้อหาของคุณโดยตรงจาก WordPress ไปยัง Google AMP Pages ด้วยการสนับสนุนโฆษณาและการวิเคราะห์.
  • กาวสำหรับ Yoast SEO & AMP – เพื่อให้แน่ใจว่าปลั๊กอิน WordPress AMP เริ่มต้นใช้ข้อมูลเมตาของ SEO แบบ Yoast ที่เหมาะสมและอนุญาตให้แก้ไขการออกแบบหน้า AMP.

คุณควรเพิ่ม AMP สำหรับ WordPress?

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

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

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

อย่างไรก็ตามหากคุณต้องการสร้างประสบการณ์ที่รวดเร็วและมีส่วนร่วมสำหรับผู้ใช้ของคุณและทำให้พวกเขาสามารถใช้งานได้นานขึ้นคุณต้องพิจารณา AMP สำหรับ WordPress อย่างจริงจัง (หรือเว็บไซต์ประเภทอื่น ๆ ที่คุณอาจเรียกใช้) หากเป็นจุดบนม้าหมุน AMP บนหน้าการค้นหาของ Google ที่คุณต้องการเปิดกระโดดไปที่ bandwagon 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