Speakable Schema và Voice Search: Tối Ưu Nội Dung cho Google Assistant và Siri

Khi người dùng hỏi Google Assistant "Hôm nay thị trường chứng khoán thế nào?" hay "Lãi suất ngân hàng hiện tại là bao nhiêu?", Assistant cần quyết định đoạn nào trong hàng trăm trang web phù hợp để đọc to. Speakable schema là tín hiệu để bạn nói với AI: "Đây — đọc đoạn này."

Speakable hoạt động trong hệ sinh thái AI

Người dùng hỏi bằng giọng nói
         ↓
Google Assistant / Siri / Alexa tìm kiếm
         ↓
Ưu tiên trang có Speakable schema hợp lệ
         ↓
Đọc đoạn được đánh dấu speakable (20-70 từ)
         ↓
Trả lời người dùng bằng giọng nói + hiển thị trang nguồn

Không có Speakable — AI vẫn có thể tìm thấy trang của bạn, nhưng phải tự phân tích văn bản và thường chọn đoạn kém chính xác hơn.

JSON-LD Speakable trong NewsArticle

{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "@id": "https://example.vn/vi/tin-tuc/lai-suat-ngan-hang-thang-8-2026",
  "headline": "Lãi suất ngân hàng tháng 8/2026: Vietcombank và BIDV điều chỉnh xuống 4.5%",
  "description": "Từ ngày 10/8/2026, Vietcombank và BIDV đồng loạt giảm lãi suất tiết kiệm kỳ hạn 12 tháng xuống 4.5%/năm, mức thấp nhất trong 3 năm qua.",
  "datePublished": "2026-08-11T08:00:00+07:00",
  "dateModified": "2026-08-11T10:30:00+07:00",
  "author": {
    "@type": "Person",
    "name": "Nguyễn Minh Tuấn"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Tin Tức Tài Chính VN",
    "url": "https://example.vn",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.vn/images/logo.png",
      "width": 600,
      "height": 60
    }
  },
  "image": "https://example.vn/images/lai-suat-8-2026.jpg",
  "speakable": {
    "@type": "SpeakableSpecification",
    "cssSelector": [".article-lead", ".article-summary", ".article-conclusion"]
  },
  "articleBody": "..."
}

Speakable với cssSelector trong React/Next.js

// components/news/ArticleContent.tsx
interface ArticleContentProps {
  lead: string;
  body: string;
  conclusion: string;
}

export function ArticleContent({ lead, body, conclusion }: ArticleContentProps) {
  return (
    <article>
      {/* Đoạn này được đánh dấu speakable — phù hợp để đọc to */}
      <p className="article-lead text-lg font-medium leading-relaxed">
        {lead}
      </p>

      {/* Nội dung chính — không speakable */}
      <div className="article-body prose">
        {body}
      </div>

      {/* Kết luận — phù hợp đọc to */}
      <p className="article-conclusion text-base border-l-4 border-orange-500 pl-4">
        {conclusion}
      </p>
    </article>
  );
}

// app/[lang]/tin-tuc/[slug]/page.tsx
export default async function NewsPage({ params }) {
  const article = await getArticle(params.slug);

  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    headline: article.title,
    datePublished: article.publishedAt,
    author: { "@type": "Person", name: article.author },
    publisher: {
      "@type": "Organization",
      name: "Tin Tức VN",
      url: "https://example.vn",
      logo: { "@type": "ImageObject", url: "https://example.vn/logo.png" },
    },
    speakable: {
      "@type": "SpeakableSpecification",
      cssSelector: [".article-lead", ".article-conclusion"],
    },
  };

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(jsonLd).replace(/</g, "\\u003c"),
        }}
      />
      <ArticleContent
        lead={article.lead}
        body={article.body}
        conclusion={article.conclusion}
      />
    </>
  );
}

Speakable với fragment URL (không dùng React)

{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Lãi suất ngân hàng 2026",
  "speakable": {
    "@type": "SpeakableSpecification",
    "url": [
      "https://example.vn/vi/tin-tuc/lai-suat#tom-tat",
      "https://example.vn/vi/tin-tuc/lai-suat#ket-luan"
    ]
  }
}

Tương ứng với HTML:

<p id="tom-tat">
  Từ ngày 10/8/2026, Vietcombank và BIDV giảm lãi suất tiết kiệm 12 tháng
  xuống 4.5%/năm — mức thấp nhất kể từ 2023.
</p>

<!-- ... nội dung bài ... -->

<p id="ket-luan">
  Với xu hướng giảm lãi suất hiện tại, người gửi tiền nên cân nhắc kỳ hạn
  dài hơn (24-36 tháng) để khóa lãi suất trước khi thị trường điều chỉnh tiếp.
</p>

Các loại nội dung và cách đánh dấu Speakable

Checklist Speakable schema

• Chọn 2-4 đoạn văn phù hợp: 20-70 từ, tự đứng vững, không có bảng/URL
• Thêm CSS class (.speakable, .article-lead) cho đoạn được chọn
• Viết SpeakableSpecification với cssSelector trong NewsArticle hoặc WebPage
• Test bằng Google Rich Results Test — kiểm tra "Speakable" xuất hiện
• Không thay đổi CSS class sau khi Google đã index
• Cập nhật speakable đoạn khi bài viết được cập nhật nội dung

Speakable schema hiện là tín hiệu ít dùng nhất trong structured data — ít nhà phát triển triển khai — nên implementing ngay bây giờ tạo ra lợi thế cạnh tranh rõ ràng trong voice search và AI assistant queries.

Câu hỏi thường gặp