123Website Logo

Schema Markup cơ bản: Hướng dẫn Structured Data & Rich Snippets

Category: seoUpdated: 20/1/2026
seoschemastructured-datarich-snippetstechnical-seo

TL;DR (làm nhanh theo thứ tự)

  • Schema Markup = code giúp Google hiểu nội dung trang (ai, cái gì, ở đâu...)
  • Rich Snippets = kết quả tìm kiếm nổi bật (stars, giá, FAQ...) nhờ Schema
  • Yoast SEO tự động thêm Schema cơ bản (Article, Organization, Breadcrumb)
  • Các loại phổ biến: Article, Product, FAQ, LocalBusiness, HowTo, Review
  • Test: Dùng Google Rich Results Test để kiểm tra Schema hoạt động đúng

Mục tiêu

Hiểu Schema Markup, biết cách kiểm tra và tối ưu để có Rich Snippets trên Google.

Thời gian

Setup ban đầu: 15-30 phút. Sau đó tự động (plugin xử lý).

Chuẩn bị

Yoast SEO hoặc plugin Schema, Google Search Console, trình duyệt.

1) Schema Markup là gì?

Schema Markup (Structured Data)

Schema Markup là code chuẩn hóa (theo schema.org) được thêm vào HTML để giúp search engines hiểu nội dung trang web một cách chính xác.

Ví dụ: Thay vì Google phải "đoán" đây là trang sản phẩm hay bài viết, Schema nói rõ: "Đây là Product, tên là X, giá Y đồng, rating Z sao".

Không có Schema

  • Google phải đoán nội dung
  • Kết quả tìm kiếm basic (title + description)
  • Khó nổi bật giữa các kết quả khác
  • CTR trung bình

Có Schema

  • Google hiểu chính xác nội dung
  • Rich Snippets: stars, giá, FAQ expand...
  • Nổi bật, thu hút click
  • CTR tăng 20-30%

2) Rich Snippets là gì?

Rich Snippets

Rich Snippets là kết quả tìm kiếm được tăng cường với thông tin bổ sung từ Schema Markup:

  • Review stars: Hiển thị rating sản phẩm
  • 💰 Price: Hiển thị giá sản phẩm
  • FAQ accordion: Hiển thị câu hỏi có thể expand
  • 📋 How-to steps: Hiển thị các bước hướng dẫn
  • 📍 Local info: Địa chỉ, giờ mở cửa, số điện thoại
  • 🍳 Recipe: Thời gian nấu, calories, rating

Rich Snippets có đảm bảo hiển thị không?

Trung tính

Không đảm bảo 100%. Google quyết định hiển thị Rich Snippets dựa trên:

  • Schema markup đúng chuẩn
  • Nội dung chất lượng và relevance
  • User experience của trang
  • Không vi phạm guidelines

Có Schema đúng là điều kiện cần, không phải điều kiện đủ.

3) Các loại Schema phổ biến

3.1. Article Schema

Article Schema

Dùng cho: Bài viết blog, tin tức, hướng dẫn

Thông tin bao gồm:

  • Tiêu đề bài viết
  • Tác giả
  • Ngày publish/update
  • Hình ảnh featured
  • Organization/Publisher

Yoast SEO tự động thêm Article Schema cho tất cả posts. Kiểm tra trong SEOSearch AppearanceContent TypesPostsSchema.

3.2. Product Schema

Product Schema

Dùng cho: Trang sản phẩm e-commerce

Thông tin bao gồm:

  • Tên sản phẩm
  • Giá (price, currency)
  • Tình trạng (InStock, OutOfStock)
  • Rating và số reviews
  • Brand, SKU
  • Hình ảnh sản phẩm

Product Schema cho WooCommerce

  • Yoast WooCommerce SEO (premium): Tự động thêm đầy đủ Product Schema
  • Rank Math (free): Có tích hợp WooCommerce Schema
  • WooCommerce bản thân cũng thêm basic Product Schema

3.3. FAQ Schema

FAQ Schema

Dùng cho: Trang FAQ, phần Q&A trong bài viết

Hiển thị: FAQ accordion expand/collapse ngay trong search results

Lợi ích: Chiếm nhiều không gian trên SERP, tăng CTR đáng kể

  1. 1

    Cách 1: Yoast SEO FAQ Block (Gutenberg)

    Trong editor → click + → tìm Yoast FAQ → thêm block → nhập câu hỏi và trả lời.
    Yoast tự động thêm FAQ Schema.

  2. 2

    Cách 2: Plugin Rank Math

    Rank Math có FAQ Schema block tương tự, miễn phí.

  3. 3

    Cách 3: Thủ công (JSON-LD)

    Thêm code JSON-LD vào trang (xem phần 5).

3.4. LocalBusiness Schema

LocalBusiness Schema

Dùng cho: Doanh nghiệp có địa chỉ vật lý (cửa hàng, nhà hàng, spa...)

Thông tin bao gồm:

  • Tên doanh nghiệp
  • Địa chỉ
  • Số điện thoại
  • Giờ mở cửa
  • Rating/reviews
  • Geo coordinates

3.5. HowTo Schema

HowTo Schema

Dùng cho: Bài hướng dẫn từng bước (tutorials)

Hiển thị: Các bước được liệt kê ngay trong search results

Thông tin: Tên step, mô tả, hình ảnh (optional), thời gian, công cụ cần thiết

3.6. Breadcrumb Schema

Breadcrumb Schema

Dùng cho: Tất cả các trang

Hiển thị: Breadcrumb trail trong search results (Home > Category > Page)

Lợi ích: Giúp users hiểu cấu trúc site, tăng click vào categories

Yoast SEO tự động thêm Breadcrumb Schema nếu bật breadcrumbs trong SEOSearch AppearanceBreadcrumbs.

4) Kiểm tra Schema với Yoast SEO

  1. 1

    Bước 1: Kiểm tra Schema đã bật

    Vào SEOSearch AppearanceContent Types → kiểm tra từng post type có Schema settings.

  2. 2

    Bước 2: Cấu hình Organization

    Vào SEOSearch AppearanceOrganization:

    • Chọn loại organization (Company, Person...)
    • Điền tên, logo
    • Thêm social profiles
  3. 3

    Bước 3: Xem Schema trên từng bài

    Khi edit bài → box Yoast SEO → tab Schema → xem và chỉnh loại Schema cho bài viết cụ thể.

5) Test Schema Markup

Luôn test Schema!

Schema không đúng chuẩn = không hiển thị Rich Snippets, thậm chí bị penalty.

Luôn test sau khi setup hoặc thay đổi Schema.

  1. 1

    Bước 1: Mở Rich Results Test

  2. 2

    Bước 2: Nhập URL

    Paste URL trang cần test → click Test URL.

  3. 3

    Bước 3: Xem kết quả

    Google sẽ hiển thị:

    • Detected items: Các loại Schema tìm thấy
    • Valid items: Schema đúng chuẩn
    • Warnings: Có vấn đề nhỏ
    • Errors: Lỗi cần sửa
  4. 4

    Bước 4: Preview

    Click Preview để xem Rich Snippet sẽ hiển thị như thế nào trên Google.

Rich Results Test

search.google.com/test/rich-results
Test Schema và preview Rich Snippets. Tool chính thức của Google.

Schema Validator

validator.schema.org
Validate Schema theo chuẩn schema.org. Chi tiết hơn, nhưng không preview.

6) Thêm Schema thủ công (JSON-LD)

JSON-LD Format

JSON-LD là format được Google khuyến nghị cho Schema Markup.
Thêm vào <head> hoặc <body> của trang.

Cú pháp cơ bản:

html
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "TypeName",
  "property1": "value1",
  "property2": "value2"
}
</script>

6.1. Ví dụ FAQ Schema

html
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "WordPress là gì?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "WordPress là hệ quản trị nội dung (CMS) phổ biến nhất thế giới, giúp bạn tạo website mà không cần code."
      }
    },
    {
      "@type": "Question",
      "name": "WordPress có miễn phí không?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Có, WordPress.org là phần mềm mã nguồn mở, miễn phí. Bạn chỉ cần trả phí hosting và domain."
      }
    }
  ]
}
</script>

6.2. Ví dụ LocalBusiness Schema

html
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "123Website",
  "image": "https://123website.vn/logo.png",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Nguyễn Văn A",
    "addressLocality": "TP. Hồ Chí Minh",
    "postalCode": "70000",
    "addressCountry": "VN"
  },
  "telephone": "+84-28-1234-5678",
  "openingHours": "Mo-Fr 08:00-18:00",
  "url": "https://123website.vn"
}
</script>

Cách thêm JSON-LD vào WordPress

  1. Plugin: Dùng Insert Headers and Footers để thêm code vào <head>
  2. Theme: Thêm vào header.php (cần child theme)
  3. Specific pages: Dùng plugin WPCode để thêm code vào trang cụ thể

7) Sai lầm thường gặp với Schema

Nên làm

Những điểm nên ưu tiên để UI gọn và dễ bảo trì.

  • Dùng Schema đúng với nội dung trang
  • Test Schema sau khi thêm/sửa
  • Để plugin (Yoast) xử lý Schema cơ bản
  • Chỉ thêm Schema thủ công khi cần thiết
  • Cập nhật Schema khi nội dung thay đổi

Không nên

Tránh các cách fix nhanh gây khó bảo trì hoặc lỗi responsive.

  • Thêm Review Schema tự fake rating
  • Dùng Product Schema cho trang không bán hàng
  • Để trùng lặp Schema (nhiều plugin cùng thêm)
  • Thêm Schema với thông tin không có trên trang
  • Bỏ qua errors/warnings trong Rich Results Test

Cảnh báo: Spam Schema

Google có thể penalty website nếu:

  • Fake reviews/rating
  • Schema không match nội dung thực tế
  • Hidden/invisible content trong Schema
  • Sử dụng Schema để manipulate search results

Chỉ dùng Schema để mô tả chính xác nội dung có trên trang.

8) Schema và SEO

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

Schema có giúp tăng ranking không?

Không trực tiếp. Google nói Schema không phải ranking factor.

Nhưng gián tiếp có:

  • Rich Snippets tăng CTR → signals tích cực cho Google
  • Better understanding → better matching với queries
  • Featured snippets thường lấy từ trang có Schema tốt
Có nên dùng nhiều loại Schema trên 1 trang?

Có thể, miễn là phù hợp với nội dung.

VD: Một trang sản phẩm có thể có:

  • Product Schema (thông tin sản phẩm)
  • Review Schema (reviews)
  • Breadcrumb Schema (navigation)
  • FAQ Schema (nếu có phần FAQ)

Lưu ý: Không thêm Schema vô nghĩa chỉ để có nhiều.

Yoast free có đủ cho Schema không?

Đủ cho hầu hết trường hợp:

  • Article, Organization, Person, Website
  • Breadcrumb
  • FAQ và HowTo (qua Gutenberg blocks)

Cần thêm/premium cho:

  • Product Schema chi tiết (WooCommerce SEO)
  • LocalBusiness đầy đủ
  • Custom Schema types
Bao lâu để Rich Snippets xuất hiện?

Không có thời gian cố định:

  • Có thể vài ngày đến vài tuần
  • Phụ thuộc vào crawl frequency
  • Phụ thuộc vào Google's decision

Tips: Submit URL lên GSC sau khi thêm Schema để Google re-crawl nhanh hơn.

Checklist Schema Markup

Kiểm tra website

  • Yoast SEO (hoặc plugin Schema) đã cài và bật
    Bắt buộc
  • Organization info đã điền đầy đủ
    Bắt buộc
  • Test ít nhất 1 trang với Rich Results Test
    Bắt buộc
  • Không có errors trong Rich Results Test
  • Article Schema cho blog posts
  • Product Schema cho trang sản phẩm (nếu có)
  • FAQ Schema cho các trang có Q&A
  • LocalBusiness Schema (nếu có cửa hàng vật lý)

Bài viết liên quan

Bài viết này có hữu ích không?