แอมป์มันขึ้น! ทำไมและอย่างไรของ Drupal AMP (และสิ่งที่สามารถทำได้กับเว็บไซต์ของคุณ)

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

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

แอมป์คืออะไร?

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

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

ทำไมต้องแอมป์??

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

มันเร็วเหมือนเร็วจริงๆ

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

บูสต์ออร์แกนิค

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

ผลตอบแทนการลงทุน

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

Drupal & AMP

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

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

ส่วนประกอบหลักสองประการของโมดูล AMP:

โมดูล AMP : โมดูล AMP ส่วนใหญ่จัดการการแปลงหน้า Drupal HTML ปกติเป็นหน้าร้องเรียน AMP
ส่วนประกอบหลักสองประการของโมดูล AMP:

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

ไลบรารี AMP PHP: ไลบรารี Drupal AMP PHP ที่ประกอบด้วยธีมพื้นฐาน AMP และธีมย่อย ExAMPle จะจัดการการแก้ไขขั้นสุดท้าย ผู้ใช้ยังสามารถสร้างธีมย่อย AMP ของตนเองตั้งแต่เริ่มต้น หรือแก้ไขธีมย่อย ExAMPle เริ่มต้นสำหรับข้อกำหนดเฉพาะได้

วิธีการตั้งค่า AMP ด้วย Drupal

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

ดาวน์โหลดโมดูล AMP

เมื่อเตรียมการในพื้นที่ของคุณแล้ว ให้พิมพ์คำสั่งเทอร์มินัลต่อไปนี้:

drush dl amp, amptheme, composer_manager

คำสั่งนี้จะดาวน์โหลดโมดูล AMP, ธีม AMP และโมดูล Composer Manager (หากคุณยังไม่มี Composer Manager)

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

อย่างไรก็ตาม เนื่องจากโมดูล AMP ไม่ต้องการ Composer Manager อย่างชัดเจนสำหรับการขึ้นต่อกัน เวิร์กโฟลว์ทางเลือกจึงสามารถใช้ประโยชน์จากไฟล์ Composer ของโมดูลได้โดยไม่ต้องใช้ Composer Manager

ถัดไป เปิดใช้งานรายการที่จำเป็นในการเริ่มต้น:

drush en composer_manager, amptheme, ampsubtheme_example

ก่อนเปิดใช้งานโมดูล AMP จะต้องเปิดใช้งานธีมย่อย AMP ก่อน การกำหนดค่าเริ่มต้นสำหรับโมดูล AMP จะตั้งค่าธีม AMP เป็น "ธีมย่อย ExAMPle"

วิธีเปิดใช้งานโมดูล AMP

โมดูล AMP สำหรับ Drupal สามารถเปิดใช้งานได้โดยใช้ Drush เมื่อเปิดใช้งานโมดูลแล้ว Composer Manager จะดูแลการดาวน์โหลดไลบรารี AMP อื่นๆ และการขึ้นต่อกัน

drush en amp

การกำหนดค่า

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

การตั้งค่าธีม AMP

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

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