Hướng dẫn các thêm dữ liệu có cấu trúc hỏi đáp (Schema FAQ) vào Website

Khoảng vài tháng trở lại đây, Google bắt đầu hiển thị định dạng dữ liệu có cấu trúc này trên một số kết quả của Website và mọi người bắt đầu quan tâm tới việc làm sao để đưa dữ liệu có cấu trúc này vào để tăng cường làm cho kết quả SEO của mình nổi bật lên. Sau đây mình sẽ hướng dẫn qua cho các bạn các lưu ý khi dùng Schema FAQ

Demo FAQ Search - Ảnh google
Demo FAQ Search – Ảnh google

Có 3 cách để bạn thêm dữ liệu có cấu trúc (Schema) vào Website của mình, nhưng thường chỉ khuyên bạn sử dụng 2 cách.

  1. Sử dụng json-LD
  2. Sử dụng Microdata

1. Sử dụng JSON-LD

Bằng cách này các bạn sẽ thêm 1 đoạn mã script vào thẻ <header> của một trang đích cần hiển thị FAQ.

Ưu điểm:

  • Dễ làm, dễ hướng dẫn chỉ việc copy và gắn code, hạn chế việc sai sót.
  • Không hiển thị cho người dùng cuối xem nội dung, do đó không làm thay đổi cấu trúc hiển thị của Website

Nhược điểm:

  • Làm cho tỷ lệ hiển thị text/html ít hơn so với cách 2. Phần này không quan trọng, ảnh hưởng không đáng kể.

2. Sử dụng Microdata

Đánh dấu trực tiếp dữ liệu có cấu trúc vào những phần nội dung Website của bạn hiển thị.

Ưu điểm:

  • Không phải thêm tính năng về lập trình.

Nhược điểm:

  • Chúng rất phức tạp khi làm do chưa quá nhiều nội dung để đánh dấu
  • Trong một số trường hợp bộ soạn thảo chặn code không thể làm được.
  • Rất dễ xung đột bới các loại dữ liệu có cấu trúc khác.

Nhìn ưu và nhược điểm chắc các bạn cũng biết mình sẽ hướng dẫn bạn theo cách nào rồi đúng không. Gần như mọi dự án mình đều dùng JSON-LD và bây giờ mình sẽ hướng dẫn các bạn làm phần này.

Nguyên tắc về dữ liệu hỏi đáp FAQ

  • Website của bạn phải có câu hỏi và câu trả lời có sẵn do quản trị đặt, người dùng không thể hỏi thêm hay chỉnh sửa những câu trả lời này.
  • Trang hỗ trợ về sản phẩm có liệt kê câu hỏi thường gặp nhưng người dùng cũng không thể sửa hay cập nhật.
  • Website của bạn được khai báo đầy đủ code, không bị thừa, thiếu thẻ.

Mình lưu ý với các bạn trước khi bạn đọc tiếp. Đó là mỗi thời điểm google sẽ nâng cấp yêu cầu của họ lên, thời điểm này bạn không thiếu thẻ vẫn hiển thị, nhưng một thời gian nữa có thể sẽ ngược lại, không hiển thị do thiếu thẻ. Cũng có thể google sẽ yêu cầu bổ xung thêm một vài thành phần về thẻ mà bạn cần bổ xung. Do đó thường xuyên check Google Webmaster Tools để cập nhật.

Để có thể thêm được đoạn mã Json, bạn cần liên hệ với người xây dựng Website, bổ xung thêm cho bạn 1 đoạn có thể chèn mã code vào bên trong thẻ <header>.

Bạn sửa đoạn code mẫu này của Tú.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Câu hỏi 1?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Câu trả lời 1."
    }
  } , {
    "@type": "Question",
    "name": "Câu hỏi 2?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text":"Câu trả 2"}
  } , {
    "@type": "Question",
    "name": "Câu hỏi 3?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Câu trả lời 3"
    }
  }]
  }
</script>

Ghi chú:

  • Câu hỏi 1? Câu hỏi 2? Là tên câu hỏi (VD: SEO là gì?) Bạn lưu ý là phải có dấu ? ở cuối.
  • Câu trả lời 1, câu trả lời 2 Là nội dung câu trả lời, nó có thể chứa các thẻ định dạng như <b><li><a> bình thường. Nhưng tốt nhất đã làm JSON-LD thì bạn chỉ nên nhập text. Độ dài câu trả lời không quan trọng. Nhưng Tú khuyên nó hết hết ý chính, khoảng 2 đến 3 dòng là vừa.

Bạn nên tạo ra từ 3 đến 4 câu trả lời để có kết quả hiển thị trên Google tốt nhất. Nếu bạn muốn thêm 4, 5 câu hỏi và trả lời thì cứ thêm đoạn này vào trong code.

, {
    "@type": "Question",
    "name": "Câu hỏi 2?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text":"Câu trả 2"}
  }

Bây giờ bạn sửa đoạn code này, và chèn vào Website, Lưu ý là phải nhập và sửa vào từng bài bạn muốn hiển thị nhé. Mỗi bài 1 khác, không thể 1 đoạn code mà gắn vào tất cả các bài được.

Ví dụ bên dưới là một Website do Sudo xây dựng và đã bổ xung đoạn gắn code vào <header>

Chèn đoạn code sau khi sửa của bạn vào ô Schema.
Chèn đoạn code sau khi sửa của bạn vào ô Schema.

Vậy là hoàn tất, bây giờ hãy dùng công cụ này để kiểm tra trang của bạn đã khai báo dũng dữ liệu hay chưa tại https://search.google.com/test/rich-results

Bây giờ hãy copy đoạn code bạn chỉnh hoặc dán URL của bạn vào trong ô và bấm kiểm tra để xác thực dữ liệu có cấu trúc của bạn.

One Response to “Hướng dẫn các thêm dữ liệu có cấu trúc hỏi đáp (Schema FAQ) vào Website”
  1. Nam Hải 15/10/2019

Leave a Reply