Vũ khí tối thượng giúp website của bạn toả sáng trên Google – Bật mí bí ẩn về Schema.org và JSON-LD:

Vũ khí tối thượng giúp website của bạn toả sáng trên Google – Bật mí bí ẩn về Schema.org và JSON-LD:

Bạn đang tìm kiếm cách giúp Google và các bộ máy tìm kiếm khác hiểu sâu hơn về nội dung website của bạn? Bên cạnh việc sản xuất nội dung tốt, đã đến lúc bạn tìm hiểu sức mạnh của Schema.org và JSON-LD.

 

JSON-LD là gì?

JSON-LD là chữ viết tắt của JavaScript Object Notation for Linked Data – một phương thức mã hoá Linked Data bởi JSON.

Để hiểu sâu thêm, chúng ta sẽ lần lượt tìm hiểu các phần tử:

• JSON: Là định dạng truyền tải dữ liệu đơn giản, dễ hiểu, dễ sử dụng đối với con người và dễ sao chép, tạo mã trên máy vi tính.
• Linked Data: Sử dụng internet để truyền tải dữ liệu có liên quan.

Nói cách khác, JSON-LD là đoạn mã giúp xác định mức giá bao nhiêu thuộc về sản phẩm nào, mã zip nào thuộc về sản phẩm nào, . .. Thay vì thêm thuộc tính schema.org vào mỗi nội dung trên trang, bạn chỉ cần viết một đoạn mã JavaScript ngắn chứa đựng toàn bộ thông tin đó.

Tại sao nên sử dụng Schema.org?

Schema.org cung cấp cách thức để hiển thị thông tin website của bạn trên Google theo cách thức mà máy móc có thể hiểu được. Dữ liệu có cấu trúc này cho phép Google hiển thị nội dung của bạn trong hai dạng kết quả tìm kiếm:

• Kết quả mở rộng: Nội dung thêm bao gồm tên sản phẩm, thứ hạng và/hoặc trạng thái của hàng hoá được hiển thị ngay trong kết quả tìm kiếm dưới dạng thông tin mở rộng.
• Hộp tìm kiếm link trang web: Nếu website của bạn thoả mãn yêu cầu, chức năng tìm kiếm đã được kích hoạt bằng plugin Yoast SEO.
• Thẻ Knowledge Graph: Khó khăn hơn một chút bởi vì bạn phải chứng tỏ mình là người có quyền hạn về nội dung nhất định. Sau khi được xác thực, Google có thể thêm dữ liệu của bạn vào Knowledge Graph.

Rõ ràng, việc tối ưu website của bạn với Schema.org đem lại vô vàn lợi ích to lớn.

Lợi ích của JSON-LD

Trước khi có JSON-LD, việc triển khai schema.org tương đối phức tạp. Bạn cần thêm thuộc tính schema.org vào từng dòng mã trong ghi chú của mình, vì nó có thể bị biến đổi từ trang này qua trang khác, ngay cả khi bạn đang sử dụng chung một chủ đề. Điều này khiến việc triển khai schema.org trở nên khó khăn.

JSON-LD cho phép bạn lấy toàn bộ dữ liệu về sản phẩm và hiển thị chúng thông qua một đoạn mã JavaScript ngắn, có thể được nhúng ở bất cứ đâu trên trang. Ưu điểm này cho phép bạn triển khai schema.org thông qua JSON-LD tách biệt với việc xây dựng giao diện website của bạn.

Google cũng xác nhận JSON-LD là cách dễ nhất để thêm siêu dữ liệu vào website của bạn. Đây là mã ít có nguy cơ làm hỏng khi bạn tiến hành các sửa đổi khác trên website của bạn.

Cách thêm đoạn mã vào website của bạn

May mắn thay, JSON-LD được xây dựng theo định dạng chuẩn. Dưới đây là ví dụ về định dạng cho một sản phẩm cụ thể:

<script type=”application/ld+json”>

{

“@context”: “https://schema.org/”,

“@type”: “Product”,

“name”: “Sản phẩm A”,

“description”: “Mô tả sản phẩm A”,

“image”: “”,

“brand”: {

“@type”: “Brand”,

“name”: “Tên thương hiệu”

},

“offers”: {

“@type”: “Offer”,

“priceCurrency”: “VND”,

“price”: 100000,

“availability”: “https://schema.org/InStock”

}

}

</script>

Bạn có thể sử dụng bất cứ sơ đồ schema.org nào trong JSON-LD. Sau khi thêm đoạn mã JSON-LD mới vào website của bạn, bạn có thể xác minh sự hợp lệ của mã với trình đọc dữ liệu có cấu trúc của Google.

Như bạn có thể mong đợi, đoạn mã này có thể dễ dàng được tạo theo khuôn mẫu trong theme của bạn. Có những công cụ tạo như https://technicalseo.com/tools/schema-markup-generator/có thể giúp ích đối với việc tạo khuôn mẫu cho việc thiết kế. Nếu bạn đang sử dụng WordPress, thì có một vài plugin có thể giúp bạn.

Yoast SEO đã sử dụng JSON-LD cho phép thêm thông tin như tìm kiếm trang web, tiêu đề trang web, logo và tài khoản mạng xã hội của bạn trên toàn bộ website của bạn.

Lời kết

Việc sử dụng JSON-LD nhằm thêm dữ liệu schema.org vào website của bạn đem tới nhiều lợi ích to lớn, giúp Google hiểu sâu thêm về nội dung của bạn và tăng tỷ lệ hiển thị trên kết quả tìm kiếm. Hãy thử ứng dụng ngay bây giờ nhằm nâng cao website của bạn!

Xem thêm: Hành trình chinh phục Schema – 1 thế giới web dễ hiểu