Bỏ qua, đến nội dung chính
SEO & AI9 min read21/08/2026

Frontend SEO trong kỷ nguyên AI: Tối ưu cho ChatGPT, Perplexity & GEO / AEO

SEO không chỉ dành cho Google Bot truyền thống nữa. Hướng dẫn toàn diện về GEO (Generative Engine Optimization): Schema.org JSON-LD, chuẩn llms.txt và cấu trúc semantic web thân thiện với AI.

N

Nguyễn Duy Noa

Frontend Developer

Thói quen tìm kiếm thông tin của người dùng đang có sự dịch chuyển mạnh mẽ từ các trang kết quả tìm kiếm truyền thống (SERPs) sang các công cụ trả lời trực tiếp của AI như ChatGPT Search, Claude, Perplexity và Google AI Overviews.

Khái niệm **AEO (Answer Engine Optimization)** và **GEO (Generative Engine Optimization)** ra đời để trả lời câu hỏi: *Làm thế nào để website của bạn được các mô hình AI trích dẫn (cite) và đề xuất khi người dùng đặt câu hỏi?* Dưới đây là những bước chuẩn bị kỹ thuật quan trọng nhất dành cho lập trình viên Frontend.

1. Traditional SEO vs Generative Engine Optimization (GEO)

Hiểu cách AI thu thập và tổng hợp thông tin:

Tiêu chíSEO truyền thốngGEO / AI Search (AEO)
Mục tiêuĐạt top 1-10 link xanh trên Google SearchĐược AI trích dẫn nguồn (Citation) trong câu trả lời tổng hợp
Cách đọc dữ liệuHTML Scraping & từ khóa (Keywords density)Vector Embeddings, Semantic Meaning, Thực thể (Entities)
Định dạng ưa thíchBài viết dài, nhồi từ khóaCâu trả lời trực diện, bảng so sánh rõ ràng, Schema có cấu trúc
Tệp tin hỗ trợrobots.txt, sitemap.xmlrobots.txt, sitemap.xml, llms.txt (theo chuẩn llmstxt.org)

2. Chuẩn hóa tệp llms.txt cho AI Crawlers

Tệp /public/llms.txt là một tiêu chuẩn mở cung cấp bản tóm tắt có cấu trúc bằng định dạng Markdown rút gọn giúp AI Agents đọc hiểu website trong vài phần nghìn giây mà không cần cào toàn bộ cây DOM phức tạp:

public/llms.txt
markdown
# Nguyễn Duy Noa - Portfolio & Services

> Front-End Developer chuyên nghiệp tại Việt Nam chuyên về React, Next.js, TypeScript, Tailwind CSS, và Web Performance.

## Thông tin & Kỹ năng cốt lõi
- Họ tên: Nguyễn Duy Noa (Duy Noa)
- Vai trò: Front-End Developer / Senior UI Engineer
- Tech Stack: React 19, Next.js 16, TypeScript, Tailwind CSS v4, TanStack Query, Framer Motion, GSAP, Supabase.
- Website: https://www.duynoa.com
- Email: duynoanguyen@gmail.com

## Các dự án tiêu biểu
- NexZenah Aesthetic Clinic: Website thương mại điện tử phòng khám thẩm mỹ, tối ưu 99 Lighthouse.
- PicPick Studio SaaS: Nền tảng quản lý studio ảnh thông minh.

## Bài viết nổi bật
- Tối ưu Web Performance với Core Web Vitals
- Kiến trúc State Management chuẩn Enterprise

3. Tích hợp Schema.org JSON-LD chặt chẽ

Các mô hình AI đặc biệt đánh giá cao dữ liệu có cấu trúc (application/ld+json) vì nó xác định rõ thực thể người (Person), bài viết (Article), tổ chức (Organization) và danh mục câu hỏi (FAQPage):

components/ArticleStructuredData.tsx
tsx
import type { BlogPost } from "../data/posts";

export default function ArticleStructuredData({ post, locale }: { post: BlogPost; locale: string }) {
  const schema = {
    "@context": "https://schema.org",
    "@type": "TechArticle",
    headline: post.title,
    description: post.excerpt,
    datePublished: post.isoDate,
    dateModified: post.updatedIsoDate || post.isoDate,
    author: {
      "@type": "Person",
      name: post.author.name,
      jobTitle: post.author.role,
      url: "https://www.duynoa.com",
    },
    publisher: {
      "@type": "Person",
      name: "Nguyễn Duy Noa",
    },
    keywords: post.tags.join(", "),
    inLanguage: locale === "vi" ? "vi-VN" : "en-US",
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

Bạn đang gặp vấn đề tương tự?

Tôi có thể giúp bạn tối ưu website — liên hệ để trao đổi miễn phí.

Kết luận

Việc chuẩn bị tốt cho SEO trong kỷ nguyên AI không chỉ giúp website của bạn sẵn sàng cho các công cụ tìm kiếm của tương lai, mà còn giúp thương hiệu cá nhân của bạn được các mô hình AI nhận diện và trích dẫn như một chuyên gia đáng tin cậy trong ngành.

SEOAEOGEOAI SEOllms.txtSchema.orgNext.js

Muốn thảo luận thêm?

Nếu bạn có câu hỏi cụ thể về web performance, React, hoặc muốn hợp tác dự án — liên hệ trực tiếp với tôi.

Gửi email