เครื่องมือตรวจการเรนเดอร์และการจัดทำดัชนี SEO

เปรียบเทียบ HTML แบบสแตติกกับ DOM ที่เรนเดอร์แล้ว และค้นหาปัญหาด้านการจัดทำดัชนี

คำขอ

การกดตรวจสอบจะส่ง URL นี้ไปยังเซิร์ฟเวอร์ของ CodingTool ซึ่งจะดึงหน้าเว็บและ robots.txt แล้วเรนเดอร์ใน Chromium ที่แยกส่วนไว้ เว็บไซต์ปลายทางจะได้รับคำขอเหล่านี้ ไม่มีการจัดเก็บข้อมูลใด ๆ

HTML แบบสแตติกและ DOM ที่เรนเดอร์แล้วใช้ user agent จำลองของเบราว์เซอร์บนวิวพอร์ตเดสก์ท็อป และประเมิน robots.txt สำหรับโทเค็น Googlebot

ผลการตรวจพบ

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

รายละเอียด

หลังตรวจสอบ ให้เปรียบเทียบ HTML แบบสแตติกกับ DOM ที่เรนเดอร์แล้ว และดูเมตาดาต้า เนื้อหา ทรัพยากร ข้อความคอนโซล ภาพหน้าจอ และส่วนหัวการตอบกลับ

ป้อน URL สาธารณะเพื่อเปรียบเทียบ HTML แบบสแตติกกับ DOM ที่เรนเดอร์แล้ว

สิ่งที่เครื่องมือตรวจสอบเปรียบเทียบ

เครื่องมือจะดึง URL สาธารณะสองครั้ง ครั้งแรกเป็น HTML แบบสแตติกซึ่งเป็นการตอบกลับดิบจากเซิร์ฟเวอร์ และอีกครั้งเป็น DOM ที่เรนเดอร์แล้วหลังจาก JavaScript ทำงานใน Chromium แบบ headless จากนั้นดึงสัญญาณชุดเดียวกันจากทั้งสองฝั่ง (ชื่อเรื่อง meta description, canonical, meta robots, H1, ภาษา จำนวนคำ ลิงก์ ประเภท JSON-LD, hreflang และ Open Graph) และแสดงว่ารายการใดเหมือนกัน เปลี่ยนแปลง หรือมีอยู่เพียงฝั่งเดียว

หลักฐานด้านการจัดทำดัชนี

ผลการตรวจพบสร้างจากหลักฐาน ได้แก่ สถานะ HTTP และการเปลี่ยนเส้นทาง ผลการตัดสินของ robots.txt จริงสำหรับโทเค็น Googlebot พร้อมกฎและบรรทัดที่ตรงกัน noindex ใน meta robots หรือส่วนหัว X-Robots-Tag ความสอดคล้องของ canonical และเนื้อหาที่มีเฉพาะหลังการเรนเดอร์ แต่ละรายการจะระบุเป็นข้อผิดพลาด คำเตือน หรือหมายเหตุ เครื่องมือนี้ไม่เคยอ้างว่าหน้าถูกจัดทำดัชนีแล้ว แต่รายงานปัญหาด้านการจัดทำดัชนีที่อาจเกิดขึ้นซึ่งพบในขณะตรวจสอบ

การเปรียบเทียบขั้นสูง

หลังการตรวจสอบ การเปรียบเทียบขั้นสูงจะเรนเดอร์ URL เป็นสองตัวแปร แต่ละตัวแปรเลือก user agent คำขอจำลอง (เบราว์เซอร์, Googlebot, Bingbot หรือ OAI-SearchBot) วิวพอร์ตเดสก์ท็อปหรือมือถือ และค่า Accept-Language ที่ไม่บังคับ ใช้เพื่อหาช่องว่างด้าน mobile-first เนื้อหาที่ปรับตามภาษาและภูมิภาค หรือความแตกต่างตาม user agent ทั้งนี้ user agent จำลองไม่ใช่คำขอจากครอว์เลอร์จริง และไม่มีการจำลองตำแหน่งทางภูมิศาสตร์ระดับประเทศ

ความเป็นส่วนตัวและข้อจำกัด

การกดตรวจสอบจะส่ง URL ไปยังเซิร์ฟเวอร์ของ CodingTool เซิร์ฟเวอร์จะดึงหน้าเว็บและ robots.txt เรนเดอร์หน้าใน Chromium ที่แยกส่วนและบล็อกที่อยู่ส่วนตัวและที่อยู่ภายใน แล้วส่งผลลัพธ์กลับโดยไม่จัดเก็บ เว็บไซต์ปลายทางจะได้รับคำขอเหล่านี้ การเรนเดอร์มีการจำกัดเวลาและจำกัดอัตราไว้ที่ 5 ครั้งต่อนาที HTML มีการจำกัดขนาด และภาพหน้าจอครอบคลุมเฉพาะวิวพอร์ตแรก ไฟล์ส่งออกไม่รวมเนื้อหา HTML ข้อความของหน้า และภาพหน้าจอ

คำแนะนำด้านการเรนเดอร์

ผลลัพธ์มาจาก Chromium ของ CodingTool และเป็นค่าประมาณเพื่อการวินิจฉัย ไม่ใช่ตัวเรนเดอร์ของ Google, Bing หรือผู้ให้บริการ AI ซึ่งมีคิว งบประมาณ และการรองรับฟีเจอร์ของตนเอง เมื่อเนื้อหา ลิงก์ หรือแท็กสำคัญปรากฏเฉพาะใน DOM ที่เรนเดอร์แล้ว ควรใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ การสร้างแบบสแตติก หรือแก้ไข hydration เพื่อให้ทุกไคลเอนต์ได้รับข้อมูลเหล่านั้น แทนการเรนเดอร์แบบไดนามิกเฉพาะบอต

CodingTool เปิดตัวอย่างเป็นทางการบน

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch