Speakable Schema and Voice Search: Optimizing Content for Google Assistant and Siri

When users ask Google Assistant "How is the stock market today?" or "What are current bank interest rates?", Assistant needs to decide which passage from hundreds of web pages is suitable for reading aloud. Speakable schema is the signal you use to tell AI: "Here — read this passage."

How Speakable Works in the AI Ecosystem

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

Without Speakable — AI can still find your page, but must analyze the text on its own and typically selects a less accurate passage.

JSON-LD Speakable in 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 with cssSelector in 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 with Fragment URL (without 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"
    ]
  }
}

Corresponding 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>

Content Types and How to Mark Speakable

Speakable Schema Checklist

• Select 2-4 suitable text passages: 20-70 words, self-contained, no tables/URLs
• Add CSS class (.speakable, .article-lead) to selected passages
• Write SpeakableSpecification with cssSelector inside NewsArticle or WebPage
• Test with Google Rich Results Test — verify "Speakable" appears
• Do not change the CSS class after Google has indexed it
• Update speakable passages when article content is updated

Speakable schema is currently the least-used signal in structured data — few developers implement it — so implementing it now creates a clear competitive advantage in voice search and AI assistant queries.

Frequently asked questions