DEV Community

Nokka
Nokka

Posted on

Technical SEO ยุค AI Search, 4 พื้นฐานที่ AI engine ใช้ตัดสินใจอ้างอิงคุณ และ JavaScript คือจุดที่คนมองข้ามที่สุด

Technical SEO ยุค AI Search, 4 พื้นฐานที่ AI engine ใช้ตัดสินใจอ้างอิงคุณ และ JavaScript คือจุดที่คนมองข้ามที่สุด

โดย Nokka (นก-กา) | 20 สิงหาคม 2026

บทความนี้เขียนโดย AI (DeepSeek V4 Pro) ผ่าน Hermes Agent ภายใต้การควบคุมและตรวจสอบคุณภาพโดยมนุษย์, Nokka (นก-กา)


Technical SEO ยุค AI Search พร้อมสัญลักษณ์ JavaScript rendering ที่ AI engine มองไม่เห็น

หลายคนคิดว่า "การทำให้ AI อ้างอิงเนื้อหา" ต้องใช้เทคนิคใหม่ลึกลับ, แต่ความจริงคือมันคือการกลับไปทำ SEO พื้นฐานให้ถูกต้อง

และจุดที่ถูกมองข้ามบ่อยที่สุดคือ JavaScript rendering, เพราะบอต AI ตัวหลักแทบทั้งหมด "ไม่ render JavaScript" เลย

บทความนี้จะพาไปดู 4 พื้นฐาน Technical SEO ที่ส่งผลต่อการถูก AI engine (ChatGPT, Perplexity, Claude) อ้างอิงเนื้อหาคุณ


ก่อนอื่น ทำความเข้าใจศัพท์พื้นฐาน

ก่อนลงรายละเอียด ขอปูศัพท์ 3 คำ:

AI engine / AI crawler, บอตของ AI (เช่น GPTBot, ClaudeBot, PerplexityBot) ที่ดึงหน้าเว็บไปใช้ตอบคำถาม

JavaScript rendering, การที่เบราว์เซอร์รัน JavaScript เพื่อ "สร้าง" เนื้อหาหลังจากโหลด HTML เปล่าๆ (client-side rendering)

SSR / SSG, Server-Side Rendering / Static Site Generation, การสร้างเนื้อหาไว้ใน HTML ตั้งแต่แรก (ไม่ต้องรอ JavaScript)


4 พื้นฐาน Technical SEO ยุค AI Search

จาก Search Engine Land [1]:

# พื้นฐาน ใจความ
1 Crawlability & bot access ให้ AI bot เข้าถึงหน้าเว็บได้
2 JavaScript rendering เนื้อหาต้องอยู่ใน HTML เปล่า ไม่ใช่รอ JS
3 Structured data ให้ schema บอกความหมายชัดเจน
4 Entity consistency แบรนด์ต้องเป็น "ตัวตนเดียว" ทุกที่

1. Crawlability & Bot Access

AI ไม่ได้ใช้บอตตัวเดียว, มันใช้ "ครอบครัวบอต" ที่มีหน้าที่ต่างกัน [1]:

บอต หน้าที่
ClaudeBot เทรนโมเดล
Claude-SearchBot / Claude-User ดึงข้อมูล + ตอบคำถาม
GPTBot เทรนโมเดล
OAI-SearchBot / ChatGPT-User ค้นหา + ตอบคำถาม

ปัญหาที่พบบ่อย

หลายเว็บใช้ robots.txt ที่เขียนไว้เมื่อหลายปีก่อน, เผลอบล็อก retrieval bot ทั้งที่อยากให้ AI อ้างอิง

ผล: AI ดึงหน้าเว็บคุณไม่ได้ตอนผู้ใช้ถาม → คุณ "หายไป" จากคำตอบ AI แบบเงียบๆ (ไม่เห็น ranking drop แบบ search engine)

แก้: ตรวจ robots.txt ให้สะท้อนเจตนาจริง, ถ้าอยากให้ AI อ้างอิง ต้อง treat retrieval bot เป็น first-class crawler


2. JavaScript Rendering: จุดที่คนมองข้ามที่สุด

นี่คือหัวใจของบทความ [1]:

"JavaScript rendering is the single most overlooked technical risk for AI visibility. None of the main AI crawlers render JavaScript."

Vercel ยืนยันเรื่องนี้ในบทความ "The rise of the AI crawler" ว่า AI crawler ตัวหลักไม่ render JavaScript [3]

ปัญหา

  • SPA (Single-Page App) มัก render เนื้อหาหลักแบบ client-side
  • Server ส่งแค่ "shell" (โครงเปล่า) แล้ว JavaScript ค่อยเติมเนื้อหาทีหลัง
  • AI crawler ที่ไม่รัน JS → เห็นแค่ shell เปล่า

ตัวอย่างจริง

React SPA ที่ติดอันดับ Google ดี (เพราะ Googlebot render JS ได้) แต่ AI retrieval system มองไม่เห็น, เพราะ AI crawler เห็นหน้าเกือบว่าง

ทำไม AI crawler ไม่ render JS

  • ลดต้นทุน + latency + ความซับซ้อน
  • บางตัวตั้งใจไม่รัน JS เลย

แก้

  • ใช้ SSR / SSG / hybrid rendering สำหรับเนื้อหาสำคัญ
  • ให้ HTML response มี canonical text, headings, structured data ตั้งแต่แรก
  • เนื้อหาสำคัญควรเป็น HTML ธรรมดา (tried-and-true)

3. Structured Data & Clarity

AI อาศัย structured data (schema) เพื่อเข้าใจความหมายของเนื้อหา [1]:

ปัญหา

ถ้า schema ถูก inject แบบ client-side (ผ่าน React/Vue/SPA), AI crawler ไม่เห็น schema นั้นเลย

ผล: ไม่มี entity recognition, ไม่มี factual extraction, ไม่ถูกอ้างอิงในคำตอบ AI

แก้

  • ให้ schema อยู่ใน initial HTML response (server-side)
  • กฎง่ายๆ: อย่าพึ่ง JavaScript เพื่อส่งข้อมูลที่อยากให้ AI เข้าใจ

4. Entity Consistency

AI ต้องเชื่อม "ข้อเท็จจริง" เข้ากับ "ตัวตนแบรนด์" ที่สม่ำเสมอ [1]:

ปัญหา

ชื่อแบรนด์ไม่สม่ำเสมอ ("Acme", "Acme Co.", "Acme Inc.") → entity fragmentation → AI สับสนว่าเป็นแบรนด์เดียวกันหรือไม่

แก้

  • มาตรฐานการสะกดชื่อแบรนด์ทุกที่ (เว็บ, schema, social, directory)
  • ใช้ sameAs links ไปยัง Wikidata, LinkedIn, Crunchbase เป็น "grounding anchor"

มุมวิเคราะห์: ทำไม JavaScript ถึงเป็นจุดที่พลาดบ่อยที่สุด

ผมคิดว่า JavaScript เป็นกับดักที่อันตรายที่สุด เพราะ 3 เหตุผล:

1. "Google มองเห็น แต่ AI ไม่เห็น", กับดักความมั่นใจผิด

Googlebot render JavaScript ได้ → เว็บคุณติดอันดับ Google ดี → คุณคิดว่า "ทุกอย่างโอเค"

แต่ AI crawler ไม่ render JS → AI มองไม่เห็นเนื้อหาคุณ → คุณ "หายไป" จากคำตอบ AI แบบไม่รู้ตัว

นี่คือกับดักที่อันตรายที่สุด: ความสำเร็จบน Google ทำให้คุณไม่รู้ว่ากำลังล้มเหลวบน AI

2. AI coding tool ทำให้ปัญหาแย่ลง

Sitebulb ชี้ว่า [2]:

"The most common JS SEO issue right now is 'use client' being added indiscriminately to Next.js apps by AI coding tools."

AI coding tool (เช่น Cursor, Copilot) มักเติม use client โดยไม่ตั้งใจ → client-render เนื้อหาจำนวนมากโดยไม่มีการตัดสินใจ

3. "SSR for Googlebot only" เป็นแค่ patch ไม่ใช่ทางแก้

บางคนทำ SSR เฉพาะให้ Googlebot (dynamic rendering), แต่นี่เป็น "tactical patch on a structural problem" เพราะ LLM ไม่ได้ใช้ Googlebot


มุมสมดุล: ต้องพูดตรงๆ

ก่อนจบ ขอพูดตรงๆ ว่า:

  1. ไม่ใช่ทุกเว็บต้องกังวล, ถ้าเว็บคุณเป็น static HTML ธรรมดา (ไม่ใช่ SPA) ก็ไม่ต้องกังวลเรื่อง JS rendering
  2. Google ยัง render JS ได้, ปัญหานี้กระทบ "AI visibility" ไม่ใช่ "Google ranking"
  3. AI search ยังใหม่, สัดส่วน traffic จาก AI search ยังน้อยกว่า Google มาก (แต่กำลังโตเร็ว)

แต่ทิศทางชัดเจน: ถ้าเว็บคุณใช้ SPA หรือ lazy-load เนื้อหาหลัก คุณกำลัง "มองไม่เห็น" ในสายตา AI engine


สรุป

4 พื้นฐาน Technical SEO ยุค AI Search:

  1. Crawlability, ให้ AI bot เข้าถึงได้ (ตรวจ robots.txt)
  2. JavaScript rendering, เนื้อหาต้องอยู่ใน HTML เปล่า (ใช้ SSR/SSG)
  3. Structured data, schema ต้อง server-side (ไม่ใช่ client-side)
  4. Entity consistency, แบรนด์ต้องเป็นตัวตนเดียวทุกที่

บทเรียนสำคัญ: การ optimize ให้ AI อ้างอิง ไม่ได้มีเทคนิคใหม่ลึกลับ, มันคือการกลับไปทำ SEO พื้นฐานให้ถูกต้อง: crawl ได้, fresh, และน่าเชื่อถือ

และจุดที่พลาดบ่อยที่สุดคือ JavaScript, เพราะ "Google มองเห็น แต่ AI ไม่เห็น" เป็นกับดักความมั่นใจผิดที่อันตรายที่สุด


แหล่งอ้างอิง

[1] Search Engine Land. "Technical SEO for AI search: 4 fundamentals that matter". 19 ส.ค. 2026. https://searchengineland.com/technical-seo-for-ai-search-fundamentals-485262

[2] Sitebulb. "JavaScript SEO in the Age of AI Crawlers". https://sitebulb.com/resources/guides/javascript-seo-in-the-age-of-ai-will-kennard-answers-your-questions/

[3] Vercel. "The rise of the AI crawler". https://vercel.com/blog/the-rise-of-the-ai-crawler


บทความนี้วิเคราะห์จาก Search Engine Land, Sitebulb และ Vercel ข้อมูล ณ 20 สิงหาคม 2026 Nokka

ผมเขียนบทความนี้เพราะเห็นว่า JavaScript rendering เป็นกับดักที่อันตรายที่สุดในยุค AI search จุดที่ผมอยากให้คุณได้คือ "Google มองเห็น แต่ AI ไม่เห็น" เพราะนี่คือกับดักความมั่นใจผิดที่ทำให้หลายเว็บ "หายไป" จากคำตอบ AI แบบไม่รู้ตัว

ลองตอบคำถามนี้ดู: เว็บของคุณใช้ SPA หรือ lazy-load เนื้อหาหลักไหม? และคุณเคยตรวจไหมว่า AI engine (ChatGPT/Perplexity) มองเห็นเนื้อหาคุณหรือเปล่า? คอมเมนต์บอกผมได้เลยครับ

Top comments (0)