Schema Markup cơ bản: Hướng dẫn Structured Data & Rich Snippets
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ínhKhô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 SEO → Search Appearance → Content Types → Posts → Schema.
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
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
Cách 2: Plugin Rank Math
Rank Math có FAQ Schema block tương tự, miễn phí.
- 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 SEO → Search Appearance → Breadcrumbs.
4) Kiểm tra Schema với Yoast SEO
- 1
Bước 1: Kiểm tra Schema đã bật
Vào SEO → Search Appearance → Content Types → kiểm tra từng post type có Schema settings.
- 2
Bước 2: Cấu hình Organization
Vào SEO → Search Appearance → Organization:
- Chọn loại organization (Company, Person...)
- Điền tên, logo
- Thêm social profiles
- 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
Bước 1: Mở Rich Results Test
- 2
Bước 2: Nhập URL
Paste URL trang cần test → click Test URL.
- 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
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:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "TypeName",
"property1": "value1",
"property2": "value2"
}
</script>
6.1. Ví dụ FAQ Schema
<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
<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
- Plugin: Dùng Insert Headers and Footers để thêm code vào
<head> - Theme: Thêm vào
header.php(cần child theme) - 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ậtBắt buộc
- Organization info đã điền đầy đủBắt buộc
- Test ít nhất 1 trang với Rich Results TestBắ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?
Bài viết liên quan
Kiểm tra SEO Website: Checklist Audit SEO Toàn diện
<TLDR title="TL;DR (làm nhanh theo thứ tự)"> - **Technical SEO**: Kiểm tra indexing (GSC), site speed (PageSpeed Insights), mobile-friendly - **On-Pa...
Sitemap.xml và Robots.txt: Hướng dẫn Tạo, Cấu hình & Submit
<TLDR title="TL;DR (làm nhanh theo thứ tự)"> - **Sitemap**: Yoast SEO tự tạo tại `yoursite.com/sitemap_index.xml` → Submit lên GSC - **Robots.txt**: ...
Hướng dẫn Google Search Console: Đăng ký, Xác minh & Sử dụng GSC
<TLDR title="TL;DR (làm nhanh theo thứ tự)"> - Truy cập [search.google.com/search-console](https://search.google.com/search-console) → Đăng nhập Gmai...
Hướng dẫn SEO
# Hướng dẫn SEO Chào mừng bạn đến với phần hướng dẫn về SEO (Search Engine Optimization) - tối ưu hóa công cụ tìm kiếm để website của bạn xuất hiện ...