Progressive Web Apps (PWAs) มีประโยชน์ต่อ SEO หรือไม่? (พร้อมสถิติและตัวอย่าง)

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

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

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

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

จากคำถามข้างต้น ใช่แล้ว Progressive Web Apps มีประโยชน์ต่อ SEO แต่ PWAs ดีสำหรับ SEO อย่างไร? ลองหาในบทความนี้

กปภ. คืออะไร?

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

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

คุณสามารถเจาะลึกลงไปในคำจำกัดความของ กปภ. รวมถึงคุณลักษณะที่น่าสนใจผ่านบทความนี้: “การประปาส่วนภูมิภาคคืออะไร? ทั้งหมดที่คุณต้องรู้เกี่ยวกับ Progressive Web Apps”

เทคโนโลยีหลักสี่ประการของ กปภ

ทั้งหมดนี้เป็นไปได้ด้วยการใช้เทคโนโลยีสี่อย่างซึ่งเป็นสิ่งจำเป็นสำหรับ กปภ. ในการทำงาน:

1. ไฟล์รายการเว็บแอป (ซึ่งอนุญาตให้เข้าถึงหน้าจอหลัก)
2. พนักงานบริการ (สำหรับการสนับสนุนออฟไลน์)
3. Transport Layer Security (TLS) (รับรองความเป็นส่วนตัวและความสมบูรณ์ของข้อมูล)
4. สถาปัตยกรรมเปลือกแอปพลิเคชัน (อนุญาตให้โหลดเร็ว)

ตรงกันข้ามกับแอพที่มาพร้อมเครื่องและเว็บไซต์ที่ตอบสนอง แอพโปรเกรสซีฟเว็บมีประโยชน์มากมาย:

Google รวบรวมข้อมูลไซต์ PWA หรือไม่

Progressive Web Apps ใช้ประโยชน์จากความยืดหยุ่นของ JavaScript ซึ่งหมายความว่า Google เห็นว่าหน้าที่เผยแพร่เพียงหน้าเดียวเป็นไซต์ JavaScript อาจมีการสร้าง URL ใหม่สำหรับ PWA ดังนั้น Googlebot จะดำเนินการต่อและรวบรวมข้อมูลหน้าเว็บเหมือนกับที่ทำกับหน้าอื่นๆ ที่เผยแพร่บนเว็บ

Google รวบรวมข้อมูลไซต์ PWA เช่นเดียวกับการรวบรวมข้อมูลไซต์ AJAX หรือ JavaScript แต่มีปัญหาบางอย่างที่อาจส่งผลต่อ "ความสามารถในการรวบรวมข้อมูล" ดังนั้นนักพัฒนาซอฟต์แวร์จึงจำเป็นต้องทราบวิธีเพิ่มประสิทธิภาพไซต์เพื่อให้แน่ใจว่าหน้าได้รับการจัดทำดัชนีอย่างเหมาะสม

แนวทางปฏิบัติที่ดีที่สุดที่แนะนำสำหรับ SEO ของ Google สำหรับเว็บแอปแบบก้าวหน้า

John Mueller แห่ง Google ได้ให้ข้อมูลอัปเดตโดยละเอียดเกี่ยวกับวิธีที่ Google จัดการกับ PWA และไซต์ JavaScript โดยทั่วไปในเดือนมีนาคม 2016

ในโพสต์เขาเน้นสิ่งต่อไปนี้:

• อย่าปิดบัง Googlebot สิ่งสำคัญคือนักพัฒนาต้องใช้การตรวจจับคุณลักษณะและเทคนิคการเพิ่มประสิทธิภาพแบบก้าวหน้า เพื่อให้ผู้ใช้ทุกคนสามารถเข้าถึงเนื้อหาได้ ไม่ควรเปลี่ยนเส้นทางไปยังหน้าเบราว์เซอร์ที่ไม่สนับสนุนด้วย
• ใช้ rel=canonical เมื่อแสดงเนื้อหาจาก URL หลายรายการ เพื่อที่คุณจะได้ไม่มีความผิดในการละเมิดเนื้อหาที่ซ้ำกัน
• หลีกเลี่ยงรูปแบบการรวบรวมข้อมูล AJAX บนไซต์ใหม่
• Googlebot จะไม่สร้างดัชนี URL ด้วย “#” เว็บแอปโปรเกรสซีฟจำนวนมากใช้สัญลักษณ์แฮชในโครงสร้าง URL ซึ่งหมายความว่าเครื่องมือค้นหาจะทิ้งทุกอย่างที่อยู่นอกเหนือ # วิธีเดียวที่จะแก้ไขปัญหานี้คือการใช้โครงสร้าง URL โดยใช้กฎ SEO แบบเดิม นี้อาจเป็นเรื่องยากสำหรับบางเว็บไซต์และบริษัท แต่เป็นขั้นตอนที่จำเป็นในขณะที่เราก้าวไปข้างหน้า
• ทดสอบเพื่อดูว่า Googlebot เห็นหน้าเว็บอย่างไร คุณสามารถใช้เครื่องมือดึงข้อมูลและแสดงผลของ Google Search Console เพื่อดูไซต์ของคุณในแบบที่ Google มองเห็นได้อย่างแม่นยำ
• ตรวจสอบว่าทรัพยากรที่จำเป็นไม่ได้ถูกบล็อกโดย robots.txt
• ลดจำนวนทรัพยากรที่ฝังในหน้า (โดยเฉพาะจำนวนไฟล์ JavaScript ที่จำเป็นในการแสดงผลหน้า) เนื่องจากอาจยังโหลดไม่เต็มที่
• ใช้ไฟล์แผนผังเว็บไซต์ที่ถูกต้องเพื่อส่งสัญญาณการเปลี่ยนแปลงใดๆ ในเว็บไซต์ของคุณเมื่อใช้ Accelerated Mobile Pages (AMP)
• โปรดจำไว้ว่าเสิร์ชเอ็นจิ้นและผู้ให้บริการเว็บบางรายที่เข้าถึงเนื้อหาอาจไม่สนับสนุน JavaScript หรืออาจสนับสนุนชุดย่อยอื่น

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

ดังนั้นนี่คือวิธีที่เว็บแอปที่ก้าวหน้าอย่างแน่นอนช่วย SEO

เป็นความจริงที่ กปภ. สามารถปรับปรุง โปรไฟล์การค้นหา ทั่วไปของคุณได้อย่างมาก

ยังไง?

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

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

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

ความเร็วไซต์ที่เร็วขึ้น

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

ทำไมคุณควรสนใจเกี่ยวกับความเร็วของไซต์ เพราะมันส่งผลโดยตรงต่อ SEO ของคุณ

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

Forbes เห็นการปรับปรุงความเร็วครั้งใหญ่เมื่อพวกเขาเปลี่ยนไปใช้ PWA โดยลดความเร็วในการโหลดบนอุปกรณ์เคลื่อนที่จาก 3–12 วินาที ลงเหลือ 0.8 วินาที! ดังนั้น เพื่อให้แน่ใจว่าแบรนด์ของคุณอยู่ใกล้กับด้านบนสุดของรายการค้นหาของ Google มากที่สุด ถึงเวลาแล้วที่ PWA เป็นแบรนด์ของคุณที่เลือกใช้กลยุทธ์สำหรับอุปกรณ์เคลื่อนที่เป็นอันดับแรก

การมีส่วนร่วมที่ดีขึ้น

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

กปปส. สามารถเลียนแบบแอพมือถือจริง ๆ ได้อย่างเหลือเชื่อ เมื่อใช้ PWA คุณจะยังคงมีตัวเลือกในการบันทึกลงในหน้าจอหลัก โดยจะปรากฏเป็นไอคอนบนอุปกรณ์ของคุณเหมือนกับแอป แต่คุณไม่จำเป็นต้องทำตามขั้นตอนการดาวน์โหลด App Store และเนื่องจากไม่มีการดาวน์โหลด PWA จึงต้องการพื้นที่จัดเก็บน้อยกว่าแอปมือถือทั่วไปอย่างมาก Starbucks สร้าง PWA ที่มีขนาด 0.4 เปอร์เซ็นต์ของแอพที่มาพร้อมเครื่องของตัวเอง! และการอัปเดตเนื้อหาจะเกิดขึ้นโดยอัตโนมัติเมื่อรีเฟรชทำให้ผู้ใช้สามารถเข้าถึงคุณลักษณะล่าสุด ฟังก์ชันการทำงาน และการอัปเดตด้านความปลอดภัยโดยไม่ต้องยกนิ้ว (หรือแตะปุ่ม "ติดตั้งการอัปเดต" ที่น่ารำคาญ)

 การอ่านที่แนะนำ: PWA กับ Native App: ไหนเหมาะกับคุณมากกว่ากัน?

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

• เพิ่มความลึกในการเลื่อน 3x
• ปรับปรุงเซสชันต่อผู้ใช้ 43%
• รับผู้อ่านที่กรอกบทความเพิ่มขึ้น 6 เท่า
• อัตราการมีส่วนร่วมเป็นสองเท่าซึ่งหมายถึงการมีส่วนร่วมเพิ่มขึ้น 100%

ในกรณีของไซต์เผยแพร่เช่น Forbes การมีส่วนร่วมสูงเท่ากับการแปลงสูง ทั้งหมดนี้ต้องขอบคุณ PWA ใหม่ของพวกเขา

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

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

มันคือทั้งหมดที่เกี่ยวกับ URL

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

PWA ไม่ต้องการ URL ประเภท “mobile.site.com” ที่แตกต่างกันเพื่อมอบประสบการณ์ที่ยอดเยี่ยมบนอุปกรณ์มือถือ สิ่งเหล่านี้ได้รับการกำหนดค่าโดยอัตโนมัติเพื่อมอบประสบการณ์ที่สอดคล้องกัน ไม่ว่าอุปกรณ์นั้นจะเป็นแบบใดก็ตาม

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

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

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

ห่อหมก

Progressive Web Applications นั้นยอดเยี่ยมสำหรับ SEO เพราะมีไว้เพื่อมอบประสบการณ์เว็บที่ดีที่สุด แต่เช่นเดียวกับสิ่งอื่น นักพัฒนาและนักการตลาดสามารถทำให้สิ่งต่างๆ ยุ่งเหยิงได้

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

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

หากคุณปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดทั้งหมดเหล่านี้ คุณจะประสบความสำเร็จ แม้ว่าคุณจะไม่ได้กำหนดเป้าหมายปริมาณการค้นหาทั่วไปก็ตาม

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