ใหม่! การรวม Google Lighthouse กับ iThemes Sync Pro

ตอนนี้ iThemes Sync Pro ช่วยให้คุณสามารถเข้าถึง Google Lighthouse API เพื่อ ตรวจสอบประสิทธิภาพ SEO และการเข้าถึง ของทุกเว็บไซต์ที่คุณมีในแดชบอร์ดการซิงค์ของคุณ

สิ่งที่คุณต้องทำคือป้อน URL ที่คุณต้องการตรวจสอบ จากนั้น Sync Pro จะใช้ Google Lighthouse เพื่อเรียกใช้ชุดการตรวจสอบบนหน้า

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

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

Google Lighthouse คืออะไร?

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

Google Lighthouse กับ Pagespeed

อะไรคือความแตกต่างระหว่าง Google PageSpeed ​​​​และ Lighthouse ซึ่งเป็นเครื่องมือตรวจสอบทั้งสองที่ Google มีให้

• PageSpeed ​​Insights วัด เมตริกประสิทธิภาพ ของคุณ เท่านั้น ในขณะที่ Lighthouse ตรวจสอบด้านอื่นๆ ของเว็บไซต์ด้วย (SEO, การเข้าถึง, เว็บแอปแบบก้าวหน้า เป็นต้น)
• Google PageSpeed ​​ใช้ "คำสั่งผสม" ของข้อมูลห้องปฏิบัติการและข้อมูลในโลกแห่งความเป็นจริง ในขณะที่ Lighthouse ใช้ ข้อมูลห้องปฏิบัติการเท่านั้น (ภายใต้เงื่อนไขที่สอดคล้องกัน) เพื่อสร้างสรุปการตรวจสอบ

ขณะนี้ Lighthouse รวมอยู่ใน PageSpeed ​​Insights แล้ว เป็นเครื่องมือวิเคราะห์แบบบูรณาการของ PageSpeed

8 เหตุผลที่คุณควรตรวจสอบคุณภาพหน้าเว็บของคุณ

ก่อนที่เราจะมาดูการทำงานของการตรวจสอบไซต์ เรามาพูดคุยกันว่าทำไมคุณควรตรวจสอบคุณภาพของหน้าเว็บของคุณเสียก่อน

1. ปรับปรุงการค้นพบของเครื่องมือค้นหา - Google ใช้ความเร็วหน้าเว็บของหน้าเดสก์ท็อปและมือถือของคุณในการจัดอันดับ ใช้เคล็ดลับประสิทธิภาพจากการตรวจสอบไซต์ของคุณเพื่อปรับปรุงอันดับของคุณ
2. ลดอัตราตีกลับของคุณ – ผู้เข้าชมมากกว่าครึ่งจะละทิ้งเว็บไซต์ของคุณหากหน้ามือถือใช้เวลาในการโหลดเกิน 3 วินาที
3. เพิ่มจำนวน ผู้ชมของคุณ – การทำให้เว็บไซต์ของคุณสามารถเข้าถึงได้โดยผู้ทุพพลภาพจะเพิ่มจำนวนผู้ที่สามารถใช้เว็บไซต์ของคุณได้
4. ปรับปรุงระยะขอบของคุณ – การปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการพัฒนาเว็บจะสร้างประสบการณ์ที่ดียิ่งขึ้นให้กับลูกค้า อันที่จริงแล้ว 86% ของผู้ซื้อยินดีจ่ายเพิ่มเพื่อประสบการณ์ที่ดียิ่งขึ้นของลูกค้า
5. ปรับปรุงการสื่อสารกับเครื่องมือค้นหา - ใช้เคล็ดลับจากการตรวจสอบไซต์ของคุณเพื่อให้แน่ใจว่าเครื่องมือค้นหาสามารถเข้าใจเนื้อหาของคุณได้
6. ไลบรารี JavaScript ที่มีช่องโหว่ด้านความปลอดภัยที่ทราบ – การตรวจสอบไซต์จะตรวจสอบและตั้งค่าสถานะหน้าเว็บที่มีไลบรารี JavaScript ส่วนหน้าที่มีช่องโหว่ด้านความปลอดภัยที่ทราบ เป็นเรื่องปกติสำหรับนักพัฒนาที่จะใช้ไลบรารี JS เช่นโค้ดของบุคคลที่สามในปลั๊กอินและธีม ขออภัย หากห้องสมุดไม่ได้รับการดูแลอย่างเหมาะสม ห้องสมุดสามารถสร้างช่องโหว่ที่ผู้โจมตีสามารถใช้เพื่อแฮ็กเว็บไซต์ของคุณได้ การใช้ส่วนประกอบที่มีช่องโหว่ที่ทราบนั้นอยู่ในรายการ 10 อันดับแรกของ OWASP
7. ลิงก์ที่ไม่ปลอดภัยไปยังปลายทางข้ามต้นทาง – การตรวจสอบนี้จะตรวจสอบเพื่อดูว่าลิงก์บนหน้าปลายทางข้ามต้นทางนั้นปลอดภัยหรือไม่ เมื่อคุณเชื่อมโยงไปยังหน้าบนไซต์อื่นโดยใช้แอตทริบิวต์ target="_blank" คุณสามารถทำให้ไซต์ของคุณประสบปัญหาด้านประสิทธิภาพและความปลอดภัยได้
8. หน้าที่ไม่ได้อยู่ใน HTTPS – การตรวจสอบเว็บไซต์ไม่เพียงแต่ตรวจสอบเพื่อดูว่าคำขอหน้าแรกให้บริการผ่าน HTTPS หรือไม่ แต่ยังรวมถึงทรัพยากรของหน้าโหลดผ่าน HTTPS ทั้งหมดด้วย หากคุณกำลังใช้ทรัพยากรที่ไม่ได้เข้ารหัสด้วย SSL ผู้บุกรุกอาจสามารถสกัดกั้นการสื่อสารระหว่างผู้เยี่ยมชมและเว็บไซต์ของคุณได้

ดูการตรวจสอบเว็บไซต์ในการดำเนินการ

ในการเริ่มต้นใช้งานการตรวจสอบไซต์ ให้ลงชื่อเข้าใช้แดชบอร์ด iThemes Sync Pro แล้วคลิกไซต์ในรายการของคุณ

ถัดไป คลิกแท็บการ ตรวจสอบไซต์ ใหม่เพื่อดูการตั้งค่า Lighthouse ของคุณ

ที่นี่ คุณจะพบตัวเลือกต่างๆ สำหรับการตรวจสอบไซต์ของคุณ:

1. URL หลัก – ใช้การเลือกนี้เพื่อเรียกใช้การตรวจสอบบนโฮมเพจของเว็บไซต์ของคุณ
2. URL ของหน้า – เลือกตัวเลือกนี้เพื่อป้อน URL ของหน้าเว็บที่คุณต้องการตรวจสอบ
3. โหลดข้อมูลสรุปการตรวจสอบที่มีอยู่ – คุณยังสามารถดูสรุปการตรวจสอบที่เสร็จสิ้นก่อนหน้านี้ได้จากเมนูดร็อปดาวน์นี้
4. สร้าง – คลิกปุ่มนี้เพื่อเรียกใช้การตรวจสอบหน้าเว็บใหม่

คลิก ปุ่มสร้าง เพื่อสร้างและดูสรุปการตรวจสอบไซต์แรกของคุณในแดชบอร์ดการซิงค์ของคุณ

หมวดหมู่การตรวจสอบเว็บไซต์

ที่ด้านบนของหน้า คุณจะเห็นคะแนนของ 4 หมวดหมู่การตรวจสอบ: ประสิทธิภาพ การ เข้าถึง แนวทางปฏิบัติที่ ดีที่สุด และ SEO มาดูแต่ละส่วนของการตรวจสอบไซต์ Sync Pro อย่างละเอียดยิ่งขึ้น

1. ประสิทธิภาพ

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

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

มุมมองนี้แจกแจงรายละเอียดบางส่วนเกี่ยวกับวิธีการให้คะแนนผลงานของคุณ:

• First Contentful Paint – นี่คือเวลาที่โหลดข้อความหรือรูปภาพแรก
• เวลาในการโต้ตอบ – นี่คือระยะเวลาที่ใช้ในการโต้ตอบอย่างสมบูรณ์
• ดัชนีความเร็ว – ดัชนี ความเร็วแสดงให้เห็นว่าเนื้อหาของหน้ามีการเติมข้อมูลอย่างรวดเร็วเพียงใด
• Total Blocking Time – ผลรวมของช่วงเวลาทั้งหมดระหว่าง FCP และ Time to Interactive
• Largest Contentful Paint – Largest Contentful Paint ทำเครื่องหมายเวลาที่โหลดข้อความหรือรูปภาพที่ใหญ่ที่สุด
• Cumulative Layout Shift – Cumulative Layout Shift วัดการเคลื่อนไหวขององค์ประกอบที่มองเห็นได้ภายในวิวพอร์ต

เพื่อให้ได้ความคิดที่ดีของวิธีการที่คะแนนผลการดำเนินงานของคุณจะถูกชวนให้คลิกลิงก์ดูเครื่องคิดเลข

ส่วน โอกาส จะให้คำแนะนำเพื่อช่วยให้หน้าเว็บของคุณโหลดเร็วขึ้น

คุณจะพบข้อมูลบางอย่างเกี่ยวกับประสิทธิภาพของหน้าเว็บของคุณในส่วนการ วินิจฉัย ข้อมูลสรุปจะให้รายการการตรวจสอบประสิทธิภาพที่หน้าเว็บของคุณผ่าน

2. การเข้าถึง

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

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

นอกจากนี้ คุณจะพบรายการการตรวจสอบการเข้าถึงทั้งหมดที่เพจของคุณส่งผ่านได้สำเร็จที่ด้านล่างของส่วนนี้

3. แนวทางปฏิบัติที่ดีที่สุด

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

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

4. SEO

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

การตรวจสอบ SEO นี้จะตรวจสอบว่าคุณกำลัง ปฏิบัติ ตาม Content Best Practices หรือไม่ และให้รายชื่อรายการตรวจสอบ SEO ที่หน้าเว็บของคุณผ่าน

จะทำอย่างไรถ้าเพจไม่ผ่านการตรวจสอบ

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

มาดูบทสรุปการตรวจสอบของฉันกัน เราจะเห็นว่าหน้าเว็บของฉันไม่ผ่านการตรวจสอบ SEO Meta Description หากต้องการข้อมูลเพิ่มเติม เราสามารถคลิก ลูกศรสลับ

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

การคลิกลิงก์จะส่งเราไปยัง เอกสาร Lighthouse เอกสารจะอธิบายสาเหตุที่หน้าล้มเหลวในการตรวจสอบ Meta Description และให้คำแนะนำในการแก้ไขปัญหาความล้มเหลว

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

ห่อ

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

ไมเคิล มัวร์

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