ภาพรวม
เมื่อเข้าชมหน้าเว็บ เว็บไซต์จะส่งโค้ด HTML ไปยังเบราว์เซอร์ของคุณ ซอร์สโค้ดนี้มักประกอบด้วยทรัพยากรเพิ่มเติม เช่น สคริปต์ ซึ่งต้องโหลดและอาจปรับเปลี่ยนโค้ดของหน้าเว็บได้
โดยปกติการคลิกขวาที่ "แสดงซอร์สโค้ด" จะแสดงเฉพาะโค้ดของหน้าต้นฉบับที่แสดงผลไปยังเบราว์เซอร์ ก่อนที่จะมีการโหลดและเรียกใช้สคริปต์และทรัพยากรอื่นๆ แต่มีอินสแตนซ์มากมาย โดยเฉพาะเมื่อแก้ปัญหาหน้าเว็บ เมื่อคุณต้องการดูโค้ดของหน้าสุดท้าย หน้าที่แสดงผลในเบราว์เซอร์ หลังจากโหลดทรัพยากรทั้งหมดแล้ว และสคริปต์ที่เรียกใช้ เช่น
- หากต้องการค้นหาแท็ก Google Analytics หรือ Google Tag Manager ที่ใช้ในการยืนยัน
- หากต้องการแก้ไขข้อบกพร่องของการโหลดหน้าเว็บและการแสดงผล (กล่าวคือ ต้องการตรวจสอบว่ามีการโหลดไลบรารีทั้งหมดและทรัพยากรอื่นๆ ที่คุณต้องการจริง)
- หากต้องการดู Structured Data ในหน้าที่แสดง
วิธีดูซอร์สโค้ดที่แสดงผล
วิธีดูซอร์สโค้ดที่แสดงผลของหน้าเว็บมีดังนี้
- ในเบราว์เซอร์ Chrome:คลิกขวาที่ส่วนใดก็ได้ของหน้าแล้วเลือกตรวจสอบเพื่อดู HTML ทั้งหมดจากหน้าที่แสดงผล ค้นหารายการใน HTML ที่แสดงผลด้วย
Control + F
(Windows) หรือCommand + F
(Mac) - สำหรับหน้าในเว็บไซต์ของคุณเอง ให้ทำดังนี้
- ตรวจสอบ URL โดยป้อน URL โดยตรงในเครื่องมือตรวจสอบ URL หรือคลิกลิงก์ตรวจสอบ ข้าง URL ที่แสดงในรายงาน Search Console ส่วนใหญ่
- คลิกทดสอบ URL ที่เผยแพร่อยู่ > ดูหน้าที่ทดสอบ
- แท็บ HTML จะแสดง HTML ที่แสดงผลของหน้าเว็บ
- สำหรับหน้าในเว็บไซต์ใดก็ตาม ไม่ใช่แค่เว็บไซต์ที่คุณเป็นเจ้าของ ให้ทำดังนี้
- เปิดการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่
- ป้อน URL ของหน้าเว็บ หน้าเว็บต้องพร้อมใช้งานสำหรับ Google โดยไม่ต้องเข้าสู่ระบบ และไม่ถูกบล็อกโดย robots.txt
- คลิกดูหน้าที่ทดสอบ
- แท็บ HTML จะแสดง HTML ที่แสดงผลของหน้าเว็บ