Cách thêm Schema FAQ vào WordPress (Theo dõi truy cập và gỡ lỗi)

Nếu trang web của bạn có chứa các câu hỏi thường gặp (FAQ) thì việc đánh dấu dữ liệu FAQ là việc làm được khuyến nghị bởi Google.

Thêm dữ liệu cấu trúc FAQ đúng cách, có thể giúp trang web của bạn hiển thị với nhiều định dạng trên kết quả tìm kiếm và một hành động trên Google trợ lý.

Bài viết này mình sẽ hướng dẫn các bạn thêm Schema FAQ vào WordPress mà không cần sử dụng bất kỳ Plugin nào.

Bonus thêm cách sử dụng Google Search Console để theo dõi lưu lượng truy cập từ FAQ và gỡ lỗi.

Cùng bắt đầu nào!

Thêm Schema FAQ vào WordPress

 

Nguyên tắc

Đầu tiên, để câu hỏi thường gặp đủ điều kiện hiển trị trên Google, bạn cần tuân thủ các nguyên tắc sau:

  1. Nguyên tắc chung về dữ liệu có cấu trúc
  2. Nguyên tắc quản trị trang web
  3. Nguyên tắc về nội dung

Nguyên tắc về nội dung FAQ

Chỉ sử dụng FAQPage nếu trang của bạn có một danh sách các câu hỏi kèm theo câu trả lời. Nếu trang của bạn có một câu hỏi duy nhất và người dùng có thể gửi câu trả lời thay thế, hãy sử dụng QAPage. Dưới đây là một số ví dụ:

Các trường hợp sử dụng hợp lệ:

  • Trang Câu hỏi thường gặp do chính trang web đó cung cấp mà không có cách nào để người dùng gửi câu trả lời thay thế
  • Trang hỗ trợ của sản phẩm có liệt kê các Câu hỏi thường gặp, nhưng người dùng không có cách nào để gửi câu trả lời thay thế

Các trường hợp sử dụng không hợp lệ:

  • Trang diễn đàn mà người dùng có thể gửi câu trả lời cho một câu hỏi
  • Trang hỗ trợ sản phẩm, tại đó người dùng có thể gửi câu trả lời cho một câu hỏi
  • Trang sản phẩm, tại đó người dùng có thể gửi nhiều câu hỏi và câu trả lời trên một trang
  • Không sử dụng FAQPage cho mục đích quảng cáo.
  • Đảm bảo mỗi Question đều bao gồm toàn văn câu hỏi và mỗi Answer bao gồm toàn văn câu trả lời. Có thể hiển thị toàn căn câu hỏi và toàn văn câu trả lời.
  • Nội dung câu hỏi và câu trả lời có thể không được hiển thị dưới dạng kết quả nhiều định dạng nếu có chứa bất kỳ loại nội dung nào sau đây: tục tĩu, thô tục, khiêu dâm, hình ảnh bạo lực, quảng bá các hoạt động nguy hiểm hoặc bất hợp pháp hoặc ngôn từ mang tính thù địch hoặc quấy rối.
  • Tất cả nội dung FAQ phải hiển thị cho người dùng trên trang nguồn.
  • Nếu bạn có nội dung Câu hỏi thường gặp trùng lặp trong trang web của mình (nghĩa là một câu hỏi và câu trả lời xuất hiện trên nhiều trang thuộc trang web), thì bạn chỉ nên đánh dấu một phiên bản của Câu hỏi thường gặp đó trong toàn bộ trang web.

Phần nguyên tắc và nguyên tắc nội dung là thông tin chính thống từ Google các bạn có thể tham khảo tại đây

Cách đánh dấu dữ liệu FAQ trong WordPress

Đầu tiên bạn phải khai báo một Script với cấu trúc như sau:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [

  ]
}
</script>

Trong đó:

  • Thuộc tính type trong thẻ mở <script> có giá trị là application/ld+json
  • Khai báo loại FAQPage trong thuộc tính @type
  • MainEntity là phần nội dung câu hỏi và câu trả lời

Bạn có thể xem thêm toàn bộ thuộc tính của FAQPage tại đây

Phần nội dung câu hỏi và câu trả lợi có cấu trúc như sau:

{
        "@type": "Question",
        "name": "What is the return policy?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "<p>Most unopened items in new condition and returned within <strong>90 days</strong> will receive a refund or exchange. Some items have a modified return policy noted on the receipt or packing slip. Items that are opened or damaged or do not have a receipt may be denied a refund or exchange. Items purchased online or in-store may be returned to any store.</p><p>Online purchases may be returned via a major parcel carrier. <a href=http://example.com/returns> Click here </a> to initiate a return.</p>"
        }
      }
  • Phần câu hỏi gồm:
    • Thuộc tính @type có giá trị Question
    • Thuộc tính name là nội dung câu hỏi
    • Thuộc tính acceptedAnswer là phần câu trả lời cho câu hỏi tương ứng
  • Phần câu trả lời gồm:
    • Thuộc tính @type có giá trị là Answer
    • text chứa nội dung câu trả lời, có thể bao gồm các thẻ từ <h1> đến <h6>, <br>, <ol>, <ul>, <li>, <a>, <p>, <div>, <b>, <strong>, <i> và <em>

Lưu ý: Phần code nội dung câu hỏi và câu trả lời phải nào trong dấu [ ] của MainEntity. Hai phần code câu hỏi và câu trả lời cách nhau bởi dấu phẩy ,

Ví dụ đoạn code hoàn thiện với 5 câu hỏi thường gặp như sau:

<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 cho câu hỏi 1"
        }
      }, {
        "@type": "Question",
        "name": "Câu hỏi 2?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Câu trả lời cho câu hỏi 2"
        }
      }, {
        "@type": "Question",
        "name": "Câu hỏi 3?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Câu trả lời cho câu hỏi 3"
        }
      }, {
        "@type": "Question",
        "name": "Câu hỏi 4?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Câu trả lời cho câu hỏi 4"
        }
      }, {
        "@type": "Question",
        "name": "Câu hỏi 5?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text":"Câu trả lời cho câu hỏi 5"}
        }]
    }
    </script>

Chèn đoạn Script FAQ vào wordpress

Đơn giản bạn chỉ cần chèn đoạn Script vào phần <head> của page hoặc trên thanh soạn thảo bài viết chọn tab Văn bản và chèn đoạn code vào cuối bài viết.

Ngoài ra bạn cũng có thể cài Plugin Insert Headers and Footers by WPBeginner để chèn code vào.

Test và sửa lỗi

Để kiểm kiểm ta đoạn code chèn vào có đúng hay không các bạn sử dụng công cụ kiểm tra kết quả nhiều định dạng của Goolge.

Chọn tab URL nếu bạn muốn kiểm tra webpage hoặc tab Mã nếu bạn muốn kiểm tra đoạn code.

Trường hợp màu xanh lè xanh lét như bên dưới là thành công

Thông báo trang đủ điều kiện hiển thị câu hỏi thường gặp trên Google
Thông báo trang đủ điều kiện hiển thị câu hỏi thường gặp trên Google

Còn đỏ chót như thế này là code bị lỗi, thông thường do bạn chèn thiếu dấu , hay dấu [, } gì đó bạn kiểm tra và sửa lại là ok.

Đoạn mã đánh dấu câu hỏi thường gặp bị lỗi
Đoạn mã đánh dấu câu hỏi thường gặp bị lỗi

Theo dõi lưu lượng truy cập vào câu hỏi thường gặp

Sau một thời gian chèn Schema FAQ vào Website, chắc chắn bạn sẽ muốn kiểm tra xem hiệu quả như thế nào phải không?

Đơn giản nó có tích hợp sẵn trong Google Search Console, các bạn xem bằng cách:

  • Truy cập vào công cụ Google Search Console
  • Chọn mục kết quả tìm kiếm
  • Nhìn phía dưới có mục hình thức xuất hiện trong kết quả tìm kiếm, nhấp vào để xem kết quả
Xem thống kê kết quả của Scheme FAQ trên Google Search Console
Xem thống kê kết quả của Scheme FAQ trên Google Search Console

Ở đây Google thống kê website mình có 37.925 lượt hiển thị và 1470 lượt nhấp vào trang có câu hỏi thường gặp trong 3 tháng.

Tổng kết

Trên đây là cách để bạn đánh dấu dữ liệu câu hỏi thường gặp trên một trang trong website, việc triển khai cần tuân thủ các quy tắc của Google để được hiển thị trên kết quả tìm kiếm. Chúc các bạn thành công.