ดูซอร์สโค้ดที่แสดงผลของหน้าเว็บ

ภาพรวม

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

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

• หากต้องการค้นหาแท็ก Google Analytics หรือ Google Tag Manager ที่ใช้ในการยืนยัน
• หากต้องการแก้ไขข้อบกพร่องของการโหลดหน้าเว็บและการแสดงผล (กล่าวคือ ต้องการตรวจสอบว่ามีการโหลดไลบรารีทั้งหมดและทรัพยากรอื่นๆ ที่คุณต้องการจริง)
• หากต้องการดู Structured Data ในหน้าที่แสดง

วิธีดูซอร์สโค้ดที่แสดงผล

วิธีดูซอร์สโค้ดที่แสดงผลของหน้าเว็บมีดังนี้

• ในเบราว์เซอร์ Chrome:คลิกขวาที่ส่วนใดก็ได้ของหน้าแล้วเลือกตรวจสอบเพื่อดู HTML ทั้งหมดจากหน้าที่แสดงผล ค้นหารายการใน HTML ที่แสดงผลด้วย Control + F (Windows) หรือ Command + F (Mac)
• สำหรับหน้าในเว็บไซต์ของคุณเอง ให้ทำดังนี้ 
  1. ตรวจสอบ URL โดยป้อน URL โดยตรงในเครื่องมือตรวจสอบ URL หรือคลิกลิงก์ตรวจสอบ ข้าง URL ที่แสดงในรายงาน Search Console ส่วนใหญ่
  2. คลิกทดสอบ URL ที่เผยแพร่อยู่ > ดูหน้าที่ทดสอบ
  3. แท็บ HTML จะแสดง HTML ที่แสดงผลของหน้าเว็บ
• สำหรับหน้าในเว็บไซต์ใดก็ตาม ไม่ใช่แค่เว็บไซต์ที่คุณเป็นเจ้าของ ให้ทำดังนี้
  1. เปิดการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่
  2. ป้อน URL ของหน้าเว็บ หน้าเว็บต้องพร้อมใช้งานสำหรับ Google โดยไม่ต้องเข้าสู่ระบบ และไม่ถูกบล็อกโดย robots.txt
  3. คลิกดูหน้าที่ทดสอบ
  4. แท็บ HTML จะแสดง HTML ที่แสดงผลของหน้าเว็บ