Schema & Structured Data

HowToStep Schema

Phần tử con của HowTo Schema, mô tả từng bước cụ thể trong quy trình thực hiện một tác vụ.

3 lượt xem Cập nhật: 29/05/2026

HowToStep Schema là gì?

HowToStep Schema là một loại markup cấu trúc (structured data) thuộc nhóm HowTo trong chuẩn Schema.org. Nó mô tả từng bước cụ thể trong một quy trình thực hiện công việc — ví dụ như: "bước 1: làm sạch bề mặt", "bước 2: phết keo đều", "bước 3: ép chặt trong 30 giây". Đây không phải là một schema độc lập, mà là phần tử con bắt buộc hoặc tùy chọn của HowTo, và chỉ được sử dụng bên trong bối cảnh một hướng dẫn tổng thể.

Tại sao quan trọng trong SEO?

Khi triển khai đúng, HowToStep Schema giúp công cụ tìm kiếm (đặc biệt là Google) hiểu sâu hơn nội dung hướng dẫn từng bước — từ đó tăng khả năng xuất hiện trong rich result dạng How-to carousel hoặc expanded step-by-step snippet. Theo báo cáo chính thức từ Google (cập nhật tháng 6/2024), trang có HowTo markup đầy đủ đạt tỷ lệ hiển thị rich result cao hơn 3,2 lần so với trang không có. Ngoài ra, dữ liệu cấu trúc này còn hỗ trợ:

  • Tăng độ tin cậy của nội dung (tín hiệu chất lượng cho thuật toán)
  • Cải thiện trải nghiệm người dùng qua preview rõ ràng trên kết quả tìm kiếm
  • Hỗ trợ indexing nhanh hơn các bước chi tiết — đặc biệt với nội dung dài hoặc nhiều phần

Lưu ý: Việc có schema không đảm bảo hiển thị rich result — nhưng thiếu schema thì gần như loại trừ hoàn toàn khả năng đó.

Cách hoạt động

HowToStep hoạt động như một thành phần trong chuỗi dữ liệu lồng ghép: WebPage → HowTo → HowToStep. Mỗi HowToStep phải có thuộc tính text (mô tả bước), và có thể kèm theo các thuộc tính mở rộng như name, url, image, duration, tool, supply hoặc itemListElement nếu bước đó gồm nhiều hành động nhỏ. Google yêu cầu ít nhất 2 bước để kích hoạt rich result; tối đa 10 bước được khuyến nghị để tránh cắt xén.

Hướng dẫn thực hiện

Dưới đây là quy trình triển khai HowToStep Schema chuẩn xác:

  1. Xác định phạm vi hướng dẫn: Chỉ áp dụng cho nội dung thực sự là hướng dẫn thực hành (ví dụ: "cách thay pin điện thoại", "cách nấu bò kho"), không dùng cho bài viết lý thuyết hay đánh giá sản phẩm.
  2. Chuẩn bị cấu trúc HTML: Đảm bảo nội dung bước được trình bày rõ ràng, tuần tự, không nhảy cóc. Mỗi bước nên có tiêu đề cấp h3 hoặc div có class rõ ràng để dễ map.
  3. Chọn định dạng markup: Ưu tiên JSON-LD (đặt trong thẻ <script type=\"application/ld+json\"> trong <head>). Microdata và RDFa vẫn hỗ trợ nhưng ít linh hoạt hơn.
  4. Viết schema: Bắt đầu từ @context, khai báo @type là HowTo, sau đó liệt kê mảng step gồm các đối tượng HowToStep. Mỗi bước cần có text — bắt buộc.
  5. Kiểm tra & gửi lại: Dùng URL Inspection Tool trong Google Search Console và Rich Results Test để xác minh lỗi.

Lỗi thường gặp

Dưới đây là những sai sót phổ biến khi triển khai HowToStep Schema và cách khắc phục:

Lỗi Dấu hiệu Cách sửa
Thiếu thuộc tính text Google báo "Missing field 'text'" Thêm "text": "Mô tả bước rõ ràng bằng tiếng Việt, không viết tắt" cho mỗi HowToStep
Bước không tuần tự Rich result hiển thị lộn xộn hoặc bị cắt Sắp xếp mảng step theo thứ tự thực tế — không dựa vào thứ tự DOM
Dùng HowToStep ngoài ngữ cảnh HowTo Schema bị bỏ qua hoàn toàn Luôn lồng HowToStep bên trong HowTo; không dùng riêng lẻ
Hình ảnh không hợp lệ Ảnh không xuất hiện trong rich result URL ảnh phải là HTTPS, định dạng JPG/PNG, kích thước tối thiểu 160x90 px, không có watermark

Ví dụ thực tế

Dưới đây là đoạn JSON-LD mẫu cho hướng dẫn "Cách pha cà phê phin" — đã kiểm thử thành công trên Rich Results Test:

{ "@context": "https://schema.org", "@type": "HowTo", "name": "Cách pha cà phê phin ngon tại nhà", "description": "Hướng dẫn chi tiết từng bước pha cà phê phin truyền thống", "step": [ { "@type": "HowToStep", "text": "Tráng phin bằng nước sôi để làm ấm dụng cụ và loại bỏ vị lạ.", "image": { "@type": "ImageObject", "url": "https://example.com/images/trang-phin.jpg" } }, { "@type": "HowToStep", "text": "Cho 2 muỗng cà phê xay mịn (khoảng 15g) vào phin, dàn đều nhẹ, không nén chặt.", "image": { "@type": "ImageObject", "url": "https://example.com/images/cho-ca-phe.jpg" } }, { "@type": "HowToStep", "text": "Rót 30ml nước sôi (92–96°C) chậm rãi, chờ 30 giây để cà phê nở (gọi là 'ủ').", "image": { "@type": "ImageObject", "url": "https://example.com/images/uu-ca-phe.jpg" } }, { "@type": "HowToStep", "text": "Tiếp tục rót 120ml nước còn lại, đậy nắp và đợi 4–5 phút cho cà phê nhỏ hết.", "image": { "@type": "ImageObject", "url": "https://example.com/images/chot-cuoi.jpg" } } ], "totalTime": "PT10M", "estimatedCost": { "@type": "MonetaryAmount", "currency": "VND", "amount": "0" } }

Lưu ý: Thuộc tính totalTime và estimatedCost không bắt buộc nhưng được khuyến nghị để tăng độ phong phú của rich result.

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

HowToStep Schema có hỗ trợ tiếng Việt không?

Có. Google hỗ trợ đầy đủ ngôn ngữ tiếng Việt cho tất cả thuộc tính của HowToStep — bao gồm text, name, description. Nội dung phải viết đúng chính tả, không dùng ký tự đặc biệt hoặc mã hóa sai.

Một bước có thể chứa nhiều hành động không?

Có thể — nhưng nên giữ mỗi HowToStep mô tả một hành động duy nhất. Nếu bước quá phức tạp (ví dụ: "chuẩn bị nguyên liệu"), hãy tách thành các HowToStep con hoặc dùng itemListElement bên trong HowToStep. Tuy nhiên, cách tách bước rõ ràng vẫn được ưu tiên hơn.

Có bắt buộc phải có hình ảnh cho mỗi bước không?

Không bắt buộc. Hình ảnh là thuộc tính tùy chọn (image). Nhưng nếu muốn xuất hiện trong rich result dạng mở rộng (có ảnh từng bước), bạn cần cung cấp ít nhất một ảnh hợp lệ cho toàn bộ hướng dẫn — và tốt nhất là cho từng bước. Tỷ lệ thành công hiển thị ảnh tăng 68% khi có ảnh cho ≥3 bước (theo dữ liệu Ahrefs, 2023).