เว็บ JavaScript กับบอตของ AI: มองเห็นหน้าของคุณไหม

ทำไมเว็บที่ดูปกติในเบราว์เซอร์จึงอาจดูว่างเปล่าสำหรับบอตของ AI Google พูดถึงการแสดงผล JavaScript ไว้อย่างไร วิธีทดสอบสิ่งที่บอตได้รับ และวิธีแก้ที่ได้ผลสำหรับเว็บธุรกิจขนาดเล็ก

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

Google จัดการอย่างไร

พื้นฐาน JavaScript SEO ของ Google Search Central อธิบายว่า Googlebot รวบรวมข้อมูลหน้า จัดคิวเพื่อแสดงผลใน Chromium เวอร์ชันล่าสุด แล้วจัดทำดัชนีจากผลที่แสดงแล้ว Google จึงเห็นเนื้อหา JavaScript ได้ แม้การแสดงผลอาจเกิดช้ากว่าการรวบรวมข้อมูลครั้งแรก และ Google ยังแนะนำการแสดงผลฝั่งเซิร์ฟเวอร์หรือการแสดงผลล่วงหน้า เพราะเร็วกว่าทั้งสำหรับผู้ใช้และบอตทุกตัว คำแนะนำยังเตือนว่าลิงก์ต้องเป็นแท็ก anchor จริงที่มี href จึงจะถูกติดตาม

บอตของ AI จัดการอย่างไร

บริษัท AI พูดถึงการแสดงผลน้อยกว่า OpenAI มีเอกสารเรื่อง OAI-SearchBot และ GPTBot ส่วน Perplexity มีเอกสารเรื่อง PerplexityBot และไม่มีหน้าใดสัญญาว่าบอตจะรัน JavaScript การวิเคราะห์ทราฟฟิกบอตบนเครือข่ายของ Vercel ในเดือนธันวาคม 2024 พบว่าไม่มีบอต AI รายใหญ่ตัวใดที่วัดได้แสดงผล JavaScript โดยระบุชื่อบอตของ OpenAI และ Anthropic รวมถึง PerplexityBot พบข้อยกเว้นสองราย คือ Gemini ซึ่งใช้โครงสร้างพื้นฐานของ Googlebot และ Applebot บอตเปลี่ยนแปลงได้ จึงควรมองผลนี้เป็นภาพ ณ ช่วงเวลาหนึ่ง ไม่ใช่คำสัญญา

สมมติฐานที่ปลอดภัยคือ ถ้าคำไม่อยู่ใน HTML ที่เซิร์ฟเวอร์ของคุณส่ง การค้นหาของ ChatGPT, Perplexity และเครื่องมือคล้ายกันอาจมองไม่เห็น

ทดสอบสิ่งที่บอตได้รับ

  1. เปิดหน้าของคุณแล้วเลือกดูซอร์สของหน้า (ไม่ใช่ตรวจสอบองค์ประกอบ ซึ่งแสดงหน้าหลังสคริปต์ทำงาน) ค้นหาประโยคจากหัวข้อหลัก ถ้าเจอ แปลว่าข้อความอยู่ใน HTML ดิบ
  2. ใน Google Search Console ใช้การตรวจสอบ URL แล้วดูหน้าที่รวบรวมข้อมูล เพื่อเห็น HTML ที่ Google เก็บไว้และภาพหน้าจอของการแสดงผล
  3. จากเทอร์มินัล ดึงหน้าด้วยคำขอธรรมดาแล้วอ่านสิ่งที่ได้กลับมา ถ้าเห็นแค่ div หลักกับแท็กสคริปต์ บอตที่ไม่แสดงผลจะไม่ได้อะไรเลย
  4. ปิด JavaScript ในการตั้งค่าเบราว์เซอร์แล้วโหลดใหม่ สิ่งที่เหลืออยู่คือสิ่งที่บอตที่ไม่แสดงผลอ่านโดยประมาณ

วิธีแก้ เรียงจากแข็งแรงที่สุดไปน้อยที่สุด

  • การแสดงผลฝั่งเซิร์ฟเวอร์หรือการสร้างหน้าแบบคงที่ เซิร์ฟเวอร์ส่ง HTML ที่เสร็จแล้ว เฟรมเวิร์กอย่าง Next.js, Nuxt และ Astro รองรับ และเครื่องมือสร้างเว็บจำนวนมากก็สร้างหน้าแบบคงที่อยู่แล้ว
  • การแสดงผลล่วงหน้า ขั้นตอนบิลด์หรือบริการบันทึกสแนปช็อต HTML เต็มของแต่ละหน้า Google ยอมรับได้ตราบที่บอตกับคนได้เนื้อหาเดียวกัน
  • ใส่ข้อเท็จจริงสำคัญใน HTML ตั้งต้น ถ้าสร้างใหม่ไม่ได้ อย่างน้อยให้แสดงชื่อ บริการ พื้นที่ เวลาทำการ และข้อมูลติดต่อบนเซิร์ฟเวอร์

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

กับดักที่พบบ่อยบนเว็บธุรกิจขนาดเล็ก

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

ตรวจหลังออกแบบใหม่ทุกครั้ง

ปัญหาการแสดงผลมักมาพร้อมธีมหรือปลั๊กอินใหม่ หลังการเปลี่ยนแปลงใหญ่ ให้ตรวจซอร์สของหน้าซ้ำที่หน้าแรกและหน้าด้านในสองหน้า

เว็บไซต์บน We.Inc ส่งหน้าด้านในเป็น HTML ที่ Google อ่านได้ และ SEO God Mode ต่อยอดจากตรงนั้นด้วยการเพิ่มหน้าใหม่ที่อ่านได้จากบริการของคุณเองทุกสัปดาห์

คำถามที่พบบ่อย

Googlebot รัน JavaScript ไหม

รัน Google แสดงผลหน้าด้วย Chromium เวอร์ชันล่าสุดก่อนจัดทำดัชนี แม้การแสดงผลอาจช้ากว่าการรวบรวมข้อมูลครั้งแรก Google ยังแนะนำการแสดงผลฝั่งเซิร์ฟเวอร์หรือการแสดงผลล่วงหน้าเมื่อทำได้

บอตของ ChatGPT และ Perplexity รัน JavaScript ไหม

เอกสารของทั้งสองไม่ได้บอกว่ารัน และการวิเคราะห์บอตของ Vercel ในปี 2024 พบว่าไม่ได้แสดงผล JavaScript ใส่ข้อความสำคัญไว้ใน HTML ที่เซิร์ฟเวอร์ของคุณส่ง

ดูสิ่งที่บอตเห็นได้อย่างไร

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

เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต

ที่เกี่ยวข้อง: คู่มือ

ผลิตภัณฑ์

เหมาะกับใคร

ฟีเจอร์

แหล่งข้อมูล

บริษัท

แผนผังเว็บไซต์