ทำเว็บให้ติดอันดับ AI Search ด้วย Astro & Laravel 13 & MySQL/MariaDB

Day 1: Full Stack Foundation + GEO Core Engineering

Section 1: จาก SEO สู่ GEO/AEO - ทำไมนักพัฒนาต้องปรับตัวในปี 2026

• ภูมิทัศน์การค้นหายุคใหม่: ChatGPT Search, Perplexity, Claude, Gemini และ Google AI Overviews เปลี่ยนพฤติกรรมผู้ใช้อย่างไร
• GEO vs AEO vs SEO แตกต่างกันอย่างไร และอะไรที่ยังใช้ร่วมกันได้
• AI Crawlers อ่านเว็บเราอย่างไร: GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot, Google-Extended และผลของ robots.txt
• ปัจจัยที่เพิ่มโอกาสถูก AI อ้างอิง: สรุปจากงานวิจัย GEO (Princeton) - สถิติ ตัวเลข แหล่งอ้างอิง เพิ่มโอกาสถูก cite ราว 30-40%
• Case Study: ผล Audit เว็บไซต์จริง - จุดแข็ง จุดอ่อน และ Priority Roadmap ที่นำมาใช้เป็นโจทย์ของคอร์สนี้

Section 2: สถาปัตยกรรม AI-Findable Full Stack

• ทำไม Static Site Generation (SSG) คือคำตอบสำหรับ GEO: HTML สมบูรณ์ 100% โดยไม่ต้องรัน JavaScript
• ภาพรวมสถาปัตยกรรม: Astro SSG + Laravel API (Sanctum) + MySQL/MariaDB และการ Deploy บน Apache/Nginx โดยไม่ต้องมี Node.js บนเซิร์ฟเวอร์
• เปรียบเทียบ SSG vs SSR vs SPA ในมุมมองของ AI Crawlers และ Performance

Section 3: Laravel API Foundation

• ออกแบบฐานข้อมูลเว็บองค์กรที่รองรับ GEO: ตาราง services, portfolios, articles, team_members, faqs พร้อมฟิลด์สำคัญ (updated_at, published_at, author_id)
• สร้าง Migration, Model, Seeder และความสัมพันธ์ระหว่างตาราง
• สร้าง REST API ด้วย API Resources: ส่งข้อมูลเท่าที่จำเป็นในรูปแบบที่ Astro ใช้ง่าย
• ป้องกัน API ด้วย Laravel Sanctum: สร้าง Token สำหรับ build process ของ Astro

Section 4: Astro Fundamentals for SSG

• โครงสร้างโปรเจกต์ Astro, ไฟล์ .astro, Layouts และ Components
• แนวคิด Zero-JS by Default และ Islands Architecture (ใช้ JavaScript เฉพาะจุดที่จำเป็น)
• ดึงข้อมูลจาก Laravel API ตอน build time และสร้างหน้ารายละเอียดด้วย Dynamic Routes + getStaticPaths
• ผลลัพธ์ของ astro build: Static HTML ที่พร้อมนำขึ้น Apache/Nginx ทันที

Section 5: Metadata ที่ถูกต้องในยุค AI Search

• กายวิภาคของ Title ที่ดี (~50-60 ตัวอักษร) และ Meta Description รายหน้า (~150-160 ตัวอักษร) ที่สรุปเนื้อหาจริง ไม่ใช่ boilerplate
• สิ่งที่ควรเลิกทำ: meta keywords stuffing, Title ยาว 400+ ตัวอักษร - บทเรียนจาก Audit จริง
• Open Graph ครบชุดสำหรับบทความ: og:type=article, article:published_time, article:modified_time, article:author
• สร้าง SeoHead Component ใน Astro: จุดเดียวจัดการ Metadata ทุกหน้า รับ props จากข้อมูลจริงในฐานข้อมูล

Section 6: Canonical, hreflang & Heading Hierarchy

• Canonical Tag ป้องกัน Duplicate Content จาก query string - implement ใน Astro Layout ด้วย Astro.url
• แนวทางตัดสินใจเรื่องเว็บหลายภาษา และการใส่ hreflang (th / en / x-default) อย่างถูกต้อง
• Heading Hierarchy ที่ AI อ่านรู้เรื่อง: H1 เดียวต่อหน้า, H2 เป็นหัวข้อหลัก (หรือรูปแบบคำถาม), การ์ดรายการไม่ใช้ H2 พร่ำเพรื่อ

Section 7: JSON-LD Structured Data - หัวใจของ GEO

• Schema.org และ JSON-LD: ทำไมเป็นรูปแบบที่ Google และ AI Engines แนะนำ
• สร้าง JsonLd Component กลางใน Astro แล้วประกอบ Schema ทีละตัว
• Organization / LocalBusiness - ข้อมูลองค์กร, logo, telephone, address, sameAs (social profiles)
• WebSite + SearchAction - ช่องค้นหาภายในเว็บ
• Service + Offer - สินค้าและบริการขององค์กร พร้อมราคา (priceCurrency: THB) จากข้อมูลจริงในฐานข้อมูล
• Article / NewsArticle - headline, datePublished, dateModified, author, image, inLanguage
• Person - โปรไฟล์ทีมงาน/ผู้เขียนบทความ + jobTitle + worksFor + sameAs
• BreadcrumbList - เส้นทางหน้าเว็บแบบ machine-readable
• แนวทางปรับ Schema เดียวกันไปใช้กับธุรกิจแบบอื่น เช่น Product, Course, Event (Pattern เดียวกัน เปลี่ยนเฉพาะ @type และฟิลด์)
• ข้อควรระวังกับเนื้อหาภาษาไทยใน JSON-LD และการ escape อักขระ

Section 8: FAQ System + FAQPage Schema

• ออกแบบตาราง faqs (service_id, question, answer, sort_order) ใน MySQL + Laravel API endpoint
• เขียน FAQ อย่างไรให้เป็น "answer-ready": คำถามที่ผู้ใช้ถาม AI จริง เช่น บริการนี้เหมาะกับใคร ราคาเริ่มต้นเท่าไร ใช้เวลาดำเนินการกี่วัน มีบริการหลังการขายหรือไม่
• แสดงผล FAQ Section บนหน้าบริการใน Astro พร้อมผูก FAQPage Schema อัตโนมัติ

Section 9: Validation Workflow

• ตรวจ Structured Data ด้วย validator.schema.org และ Google Rich Results Test
• ทำ Validation ให้เป็นส่วนหนึ่งของ workflow ก่อน Deploy ทุกครั้ง
• Workshop วันที่ 1 (GeniusCorp): สร้างฐานข้อมูล MySQL + Laravel API ป้องกันด้วย Sanctum สร้างเว็บ Corporate ด้วย Astro ครบเมนูหลักจากข้อมูลจริง แล้วติดตั้ง GEO Layer เต็มระบบ - SeoHead, Canonical, JSON-LD ครบทุก Schema, ระบบ FAQ พร้อม FAQPage Schema และ Validate ผ่านทุกหน้า

Day 2: E-E-A-T, llms.txt, Deployment & Measurement

Section 10: E-E-A-T - สร้างความน่าเชื่อถือที่ AI ตรวจสอบได้

• E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) สำคัญกับ GEO อย่างไร
• Author Box บนหน้าบทความ: รูป ชื่อ ตำแหน่ง ลิงก์ไปหน้าโปรไฟล์ทีมงาน - เชื่อมด้วย Person Schema
• วันที่เผยแพร่/แก้ไขแบบ machine-readable ด้วย

Section 11: Answer-Ready Content Guidelines

• หลัก Inverted Pyramid: ย่อหน้าแรกตอบคำถามหลักจบใน 2-3 ประโยค ก่อนขยายรายละเอียด
• ใช้ H2 เป็นรูปแบบคำถาม, ใส่ตัวเลข/สถิติ/แหล่งอ้างอิง, ใช้ตารางและ bullet กับข้อมูลเปรียบเทียบ
• แนวทางส่งต่อ Guidelines ให้ทีมคอนเทนต์ทำงานร่วมกับนักพัฒนา

Section 12: Sitemap, robots.txt & llms.txt

• Generate sitemap.xml ตอน build ด้วยข้อมูล lastmod จริงจาก MySQL (ผ่าน Laravel API) - บทเรียนจาก sitemap ล้าสมัย 30,000 URLs
• แนวทาง Sitemap Index เมื่อ URL เกิน 50,000 รายการ
• เขียน robots.txt ที่เปิดรับ AI Crawlers อย่างถูกต้อง และชี้ Sitemap ของตนเอง
• สร้าง llms.txt ตามสเปก llmstxt.org: แผนที่เว็บฉบับ AI พร้อม generate อัตโนมัติจากข้อมูลจริงตอน build

Section 13: Performance for GEO

• จุดแข็งของ Astro: Zero-JS by Default ทำให้ HTML เบาและเร็วตั้งแต่ต้น
• Image Optimization ด้วย astro:assets: WebP, ขนาดภาพตามจริง, loading="lazy"
• เปิด gzip/brotli บน Apache/Nginx และเป้าหมายที่วัดได้: TTFB < 0.4s, HTML < 150KB

Section 14: Production Deployment บน Apache/Nginx

• โครงสร้าง Deploy: Static files จาก astro build + Laravel API + MySQL บนเซิร์ฟเวอร์เดียวหรือแยกกัน
• ตั้งค่า Virtual Host, HTTPS และ Redirect (http เป็น https, non-www เป็น www) อย่างถูกต้อง
• ระบบ Rebuild อัตโนมัติ: Webhook / Deploy Script สั่ง build ใหม่เมื่อเนื้อหาในฐานข้อมูลเปลี่ยน - แก้จุดอ่อนสำคัญของ SSG

Section 15: Measurement & Monitoring - รู้ได้อย่างไรว่า AI ค้นเจอเราแล้ว

• ตั้งค่า Google Search Console และ Bing Webmaster Tools (Bing สำคัญเพราะป้อนข้อมูลให้ ChatGPT Search / Copilot)
• ตรวจ Server Log หา User-Agent ของ AI Crawlers: GPTBot, OAI-SearchBot, ClaudeBot, Claude-SearchBot, PerplexityBot, Google-Extended
• แผนทดสอบรายเดือน: ถาม ChatGPT / Perplexity / Claude / Gemini ด้วยคำถามเป้าหมาย แล้วบันทึกว่าเว็บถูกอ้างอิงหรือไม่
• GEO-Ready Checklist ฉบับสมบูรณ์สำหรับนำไปใช้กับโปรเจกต์จริงของตนเอง
• Workshop วันที่ 2 (Master Workshop · GeniusCorp): เพิ่ม Author Box + E-E-A-T signals, Generate sitemap.xml และ llms.txt จากข้อมูลจริง, Deploy ขึ้น Apache/Nginx พร้อม HTTPS + gzip, ตั้ง Webhook Rebuild อัตโนมัติ และตรวจผ่าน GEO-Ready Checklist ครบทุกข้อ