คู่มือ AMP: AMP คืออะไรและจะติดตั้งบนเว็บไซต์ WordPress ได้อย่างไร

เผยแพร่แล้ว: 2018-06-06

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

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

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

ทำไมถึงต้องเกิดขึ้น?

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

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

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

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

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

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

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

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

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

Google AMP คุ้มค่ากับโฆษณาจริงหรือไม่

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

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

เนื่องจาก Google AMP ใช้ตัวเลือก HTML และ Javascript ในจำนวนที่จำกัด ในฐานะนักการตลาดเนื้อหาและเจ้าของไซต์ คุณอาจไม่สามารถเพิ่มวิดเจ็ตบางตัวลงในไซต์บนมือถือของคุณได้ สิ่งนี้อาจพิสูจน์ได้ว่าเป็นความหายนะ เนื่องจากจะเป็นการจำกัดความสามารถของคุณในฐานะนักการตลาดดิจิทัลในการเพิ่มตัวเลือกที่ชาญฉลาด เช่น จดหมายข่าว ตัวเลือกอีเมล ช่องถูกใจของ Facebook และกล่องแชร์ และตัวเลือกอเนกประสงค์อื่นๆ

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

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

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

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

ทีนี้มาตรงประเด็น!

การตั้งค่า Google AMP สำหรับไซต์ WordPress ของคุณ

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

Google AMP for your WordPress site

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

การติดตั้ง

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

  • หลังจากที่คุณคลิกที่ปลั๊กอิน คุณควรคลิกที่แท็บ 'เพิ่มใหม่' หลังจากนั้น คุณควรค้นหาคำว่า “Accelerated Mobile Pages”
  • เมื่อคุณพบตัวเลือกที่เหมาะสมแล้ว คุณควรติดตั้งโดยคลิกที่ “เปิดใช้งาน”
  • หลังจากที่คุณเปิดใช้งานปลั๊กอิน คุณจะเห็นข้อความว่า "ธีมนี้ต้องการปลั๊กอินต่อไปนี้: AMP, Begining Installing Plugin" จากนั้นคุณควรคลิกที่ "เริ่มการติดตั้งปลั๊กอิน" จากนั้นคลิก "ติดตั้ง"
การตั้งค่า Google Analytics ของคุณ

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

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

การกำหนดการตั้งค่าปลั๊กอินของคุณ

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

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

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

ทดสอบการกำหนดค่า AMP ของคุณ

เมื่อคุณผ่านขั้นตอนการสร้าง AMP URL แล้ว คุณควรตรวจสอบให้แน่ใจด้วยว่า URL เหล่านี้ทำงานอย่างถูกต้อง หากกำหนดค่าไม่ถูกต้องและใช้งานไม่ได้ Google จะไม่สามารถแสดงข้อมูลดังกล่าวในผลการค้นหาได้ในภายหลัง นี่คือการป้องกันที่คุณควรทำไว้ล่วงหน้า เนื่องจากบางครั้งอาจเป็นงานสำหรับผู้ดูแลเว็บส่วนใหญ่!

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

  1. คุณควรไปที่เว็บไซต์นี้ – search.google.com/test/amp และคุณควรวาง URL ของหน้าเว็บไซต์บนเว็บไซต์นี้ เมื่อคุณทำเช่นนั้น คุณควรคลิกที่ “เรียกใช้การทดสอบ” คุณจะเห็นผลลัพธ์ของคุณไม่ว่าจะถูกต้องหรือไม่ถูกต้อง

  2. ตัวเลือกที่สองช่วยผู้ที่ใช้เว็บเบราว์เซอร์ Google Chrome โดยเฉพาะ หากคุณใช้เว็บเบราว์เซอร์อื่นเพื่อเข้าถึงอินเทอร์เน็ต เช่น Mozilla Firefox, Safari เป็นต้น ตัวเลือกนี้อาจไม่เหมาะกับคุณจริงๆ

    คุณควรเปิดหน้า AMP ในเบราว์เซอร์ Google Chrome และใส่ #development=1 ต่อท้าย URL ของเว็บไซต์ของคุณ

    สิ่งต่อไปที่คุณควรทำคือเปิด Chrome Dev Tools Console จากเมนู Google Chrome แล้วเลือก 'เครื่องมือเพิ่มเติม' หลังจากนี้ คุณควรคลิกที่ 'เครื่องมือสำหรับการพัฒนา' แล้วคลิก 'คอนโซล'

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

  3. ตัวเลือกที่สามที่คุณสามารถทำตามได้คือไปที่เว็บไซต์นี้ – validator.ampproject.org และวาง AMP URL ของคุณที่นี่ในฟิลด์ URL ที่กล่าวถึง เมื่อคุณวาง คุณควรคลิกที่ “ตรวจสอบ”

    หากมีข้อผิดพลาดหรือปัญหา เครื่องมือนี้จะเน้นและตั้งค่าสถานะใน HTML

การส่ง AMP URL สำหรับกระบวนการจัดทำดัชนี

หากคุณทำตามขั้นตอนการตรวจสอบ AMP ผ่าน Google Search Console คุณสามารถคลิก "ส่งไปยัง Google" ได้โดยตรงในภายหลัง เมื่อคุณเห็นว่าการทดสอบถูกต้อง

ถ้าคุณไม่ใช่ มีทางเลือกอื่นสำหรับคุณ สิ่งนี้จะใช้งานได้หากคุณลงชื่อเข้าใช้บัญชี Google Search Console ของคุณ เมื่อคุณทำเสร็จแล้ว คุณสามารถค้นหา “ส่งไปยัง Google” แล้วส่ง URL เว็บไซต์ของคุณโดยตรง

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

ดู Google Search Console เพื่อแก้ไขปัญหาทุกข้อผิดพลาด

ขั้นตอนต่อไปคือการเรียนรู้วิธีจัดการหน้าเว็บไซต์ AMP ของคุณจากที่เดียว ซึ่งก็คือ Google Search Console คุณควรลงชื่อเข้าใช้ Google Search Console จากนั้นภายใต้แท็บ 'ลักษณะที่ปรากฏของการค้นหา' คุณควรคลิกที่ 'Accelerated Mobile Pages'

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

ทดสอบความเร็วของเพจ

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

และโว้ว! คุณทำเสร็จแล้ว คุณเริ่มต้นการเดินทางของ AMP ได้

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