รู้เบื้องต้นเกี่ยวกับ Google AMP สำหรับ WordPress

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

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


นี่คือรายการของสิ่งที่เราจะกล่าวถึงในชุดบทความนี้:

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

เอาล่ะ.

Google AMP

ก่อนที่จะขุดลงในข้อมูลเกี่ยวกับ AMP คุณสามารถติดตามพร้อมกับ WPCrafter คู่มือวิดีโอที่ผูกติดกับโพสต์ของเรา.

ให้เป็นไปตาม รายงานแนวโน้มอินเทอร์เน็ตปี 2558 เผยแพร่โดย บริษัท ที่ปรึกษา KPCB ผู้ใหญ่โดยเฉลี่ยใช้เวลา 5.6 ชั่วโมงต่อวันบนอินเทอร์เน็ตในปี 2558 จากทั้งหมดนั้นใช้เวลา 2.8 ชั่วโมงบนอุปกรณ์พกพา นี่คือการเพิ่มขึ้นอย่างมีนัยสำคัญจาก 2010 เมื่อเฉลี่ยเพียง 0.4 ชั่วโมงต่อวันถูกใช้บนอินเทอร์เน็ตผ่านอุปกรณ์มือถือ.

เฉลี่ยวันอินเทอร์เน็ตใช้งานโดยอุปกรณ์

ที่มา: Ezoic

การใช้งานอินเทอร์เน็ตบนมือถือโดยเฉลี่ยเพิ่มขึ้น 600% ระหว่างปี 2010 และ 2015

อีเมลเปิดโดยอุปกรณ์

ที่มา: Ezoic

การศึกษาที่ตีพิมพ์ใน รายงานการตั้งค่าอุปกรณ์ผู้บริโภคในสหรัฐอเมริกา พบว่า มีการเปิดอีเมลมากกว่าสองในสามของอุปกรณ์พกพา, กับ 52% ถูกเปิดบนสมาร์ทโฟนและ 16% ถูกเปิดบนแท็บเล็ต.

สื่อดิจิตอลใช้เวลา

ที่มา: Ezoic

รายงานแอปมือถือในสหรัฐฯประจำปี 2558 เผยแพร่โดย comScore พบ เพิ่มขึ้น 90% ในเวลาทั้งหมดที่ใช้บนอุปกรณ์มือถือ โดยผู้ใหญ่ในสหรัฐอเมริการะหว่างปี 2558 ถึง 2556 รายงานฉบับเดียวกันระบุด้วยว่าแอพมือถือคิดเป็น 54% ของเวลาทั้งหมดที่ใช้ไปกับการบริโภคสื่อดิจิทัลและเบราว์เซอร์มือถือคิดเป็น 8% ของเวลาทั้งหมด.

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

ใช่กลยุทธ์สำหรับมือถือเครื่องแรกคือ มาก สิ่งสำคัญ. ทีนี้มาพูดเกี่ยวกับความเร็วกันหน่อย.

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

เนื่องจากรายได้เป็นเป้าหมายสุดท้ายในธุรกิจหรือเว็บไซต์นี่คือข้อเท็จจริงที่น่าสนใจจากการศึกษาวิจัยปี 2014 “ ความเร็วไซต์กำลังทำร้ายรายได้ของทุกคน”, ดำเนินการโดย บริษัท การตลาดดิจิทัล Protent จุดเด่นของการศึกษาคือ หน้าเร็วขึ้นทำเงินได้มากขึ้น.

ความเร็วเว็บไซต์

ที่มา: Protent

ดอลลาร์ต่อการดูหน้าเว็บ (เรียกว่า DPPV) เพิ่มขึ้น 20% เมื่อลดเวลาในการโหลดจาก 8 เป็น 5 วินาที (ลดลง 37.5%).

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

ไม่เพียง แต่รายรับเท่านั้นความเร็วไซต์ยังส่งผลต่อ ประสิทธิภาพการแบ่งปันทางสังคม. พวกที่ Protent ได้ทำการทดสอบที่ไม่ละเอียดซึ่งพวกเขาได้ส่งคลิกจ่าย 100 ครั้ง (จากโฆษณาบน Facebook) ไปยังสองหน้า.

โหลดหน้า A ใน 2 วินาทีและโหลดหน้า B ใน 4 วินาที คาดเดาอะไร หน้า A มี 10 หุ้นในขณะที่หน้า B มีเพียงสองหุ้น แม้ว่าขนาดตัวอย่างจะเล็กเกินไปที่จะตรวจสอบสมมติฐาน แต่มันบอกเล่าเรื่องราวที่สำคัญ!

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

AMP คืออะไร?

แอมป์ยกตัวอย่างเช่น

ที่มา: BusinessofApps.com

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

AMP ปรับปรุงความเร็วได้อย่างไร?

เว็บไซต์ความเร็วเวกเตอร์

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

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

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

ตรวจสอบการทดสอบความเร็วต่อไปนี้ เรียบเรียงโดย PenguinWP, ซึ่งแสดง“ เอฟเฟกต์แอมป์” เมื่อใช้ AMP พวกเขาสามารถ:

  • เพิ่มคะแนน PageSpeed ​​3 คะแนน
  • ลดเวลาในการโหลดหน้าเว็บลง 72% จาก 5 เป็น 1.4 วินาที!
  • ลดขนาดหน้าลง 80% และจำนวนคำขอ 82%

นี่คือตารางที่แบ่งปันตัวเลข:

คะแนน PageSpeedเวลาโหลดขนาดหน้าทั้งหมดการร้องขอ
รุ่นเดิม9251024118
เวอร์ชั่นแอมป์951.420621
ความแตกต่างของ AMP3-3.6s-794KB-97
การปรับปรุงร้อยละ3%-72%-80%-82%

การเก็บรักษาเนื้อหา

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

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

AMP รองรับภาพหมุน, แผนที่, ปลั๊กอินสังคม, การสร้างภาพข้อมูลและวิดีโอเพื่อให้เรื่องราวของผู้เผยแพร่โต้ตอบและมีความโดดเด่นมากขึ้น.

กรณีศึกษา: เดอะวอชิงตันโพสต์

wapo

ที่มา: โครงการ AMP

มาดูกรณีศึกษาของ Washington Post กับ AMP หลังจากติดตั้ง AMP แล้ว The Post เห็นว่าผู้ใช้ที่กลับมาจากการค้นหาบนมือถือเพิ่มขึ้น 23% สิ่งนี้ต้องการคำอธิบายเล็กน้อย.

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

ตามเนื้อผ้า 51% ของผู้ใช้การค้นหาบนมือถือกลับไปที่ The Washington Post ภายใน 7 วัน สำหรับผู้ใช้ที่อ่านเรื่องราวที่ตีพิมพ์ใน AMP จำนวนนี้เพิ่มเป็น 63% ดังนั้นด้วย AMP การรักษาปริมาณการค้นหาบนมือถือจึงเพิ่มขึ้น 23%.

ไม่เพียงแค่นี้การโหลดหน้าเว็บจะมีค่าเฉลี่ยถึง 400ms ซึ่งเป็นการปรับปรุง 88% หลังจากแอมป์ วันนี้พวกเขาผลักดันกว่า 1,000 บทความผ่าน AMP.

ยิ่งใหญ่ ฉันจะเข้าถึง AMP ได้อย่างไร?

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

การกระจายเนื้อหา

เนื้อหาเวกเตอร์กราฟิก

“ รู้จักกันในชื่อ CDN ฟรีสำหรับบทความ AMP”

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

ยิ่งใหญ่ มันทำงานยังไง?

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

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

เราจะเข้าถึงมันอย่างไร?

มาดูกันดีกว่า หากคุณมี URL ของหน้าเว็บคุณต้องตรวจสอบก่อนว่าเปิดใช้งาน AMP หรือไม่ คุณทำได้โดยเพียงเพิ่ม“ / amp” ลงใน URL นี่คือสูตรย่อเกี่ยวกับวิธีรับ URL ของ Google AMP Cache ของเว็บไซต์ที่มี AMP.

  1. รับหน้าเว็บเวอร์ชันแอมป์โดยต่อท้าย ‘/ amp’ ไปที่ URL หากถูกต้องให้ทำตามขั้นตอนต่อไป อื่นหยุด.
  2. หากหน้า 404 ปรากฏขึ้น – เว็บไซต์นั้นยังไม่ได้ติดตั้งแอมป์.
  3. หากคุณเห็นเนื้อหาโหลดขึ้นแสดงว่ามีการติดตั้ง AMP.
  4. หากต้องการดึงเนื้อหาจาก Google AMP Cache เพียงแค่ต่อท้าย https://cdn.ampproject.org/c/ ไปที่จุดเริ่มต้นของ AMP URL โดยไม่รวมส่วน “www”.
  5. เริ่มต้นด้วยชื่อโดเมนหลัก (ยกเว้น ‘www’) และคัดลอก AMP URL ของหน้าเว็บ.
  6. ผนวก https://cdn.ampproject.org/c/s/ ไปที่ URL และควรให้ URL แคชของ Google AMP แก่คุณ.

ลองมาเป็นตัวอย่างของบทความของ Forbes และวางสูตรข้างต้นเพื่อทดสอบ.

  • นี่คือ URL ของบทความ Forbes ดั้งเดิม:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • ในการรับเวอร์ชั่น AMP เราเพียงเพิ่ม / แอมป์ ไปที่ URL ดั้งเดิม.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • ตอนนี้เพื่อให้ได้ URL ของ Google AMP Cache เราจะคัดลอก AMP URL ที่เริ่มต้นจากชื่อโดเมนหลักนั่นคือยกเว้นส่วน “www” ไปจนจบ นั่นทำให้เรา:
forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • ต่อไปเราเพิ่ม https://cdn.ampproject.org/c/s/ ไปที่ URL นั้นเพื่อรับ Google AMP Cache URL ของหน้าเดียวกัน.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

ลองใช้ดูแล้วจะใช้ได้!

โฆษณาอัจฉริยะ

โฆษณาออนไลน์

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

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

Analytics

SEO

ผู้เผยแพร่ยังต้องเข้าใจพฤติกรรมของผู้ใช้เมื่อพวกเขาโต้ตอบกับเนื้อหาของพวกเขา นี่คือเหตุผลที่ AMP ยังทำงานได้ดีด้วย ผู้ให้บริการโซลูชันการวิเคราะห์ชั้นนำมากกว่า 25 ราย เช่น comScore, Google Analytics, Krux และอีกมากมาย.

การวิเคราะห์แพลตฟอร์มที่สนับสนุนโดยแอมป์

ผู้ให้บริการวิเคราะห์ที่สนับสนุนโดย AMP ในวันที่ 1เซนต์ พ.ย. 2559; ที่มา: โครงการ AMP

ข้อสรุป

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

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

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

การอ่านการบริโภคและการแบ่งปันเนื้อหานั้นง่ายและสนุกยิ่งขึ้นกับ AMP ในบทความถัดไปเราจะเรียนรู้วิธีรวม AMP กับ WordPress.

คุณคิดอย่างไรกับ 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