Nếu bạn đã nghe về Schema nhưng chưa biết chi tiết nó là gì? Hãy cùng Webb tham khảo nội dung dưới đây để có tất cả thông tin về Schema, đồng thời Webb sẽ hướng dẫn cách thêm Schema vào website một cách chính xác và nhanh chóng.
Schema là gì?
Schema Markup là một thuật ngữ mang nghĩa là đánh dấu dữ liệu có cấu trúc nhằm giúp các công cụ tìm kiếm dễ dàng hiểu rõ các thông tin trên website.
Theo định nghĩa từ chính Google: Schema – Dữ liệu có cấu trúc là một định dạng chuẩn để cung cấp thông tin về một trang và phân loại nội dung trang.
Ví dụ: Trên một trang về công thức nấu ăn sẽ có các loại dữ liệu về nguyên liệu, thời gian nấu và nhiệt độ, lượng calo,…
Website của Schema: Schema.org.
Thông qua Schema, các công cụ tìm kiếm hiểu được nội dung chi tiết của website để cung cấp các kết quả nhiều định dạng hơn, chi tiết hơn cho người xem.
Lợi ích của Schema trong SEO là gì?
Không những có lợi ích trong SEO, Schema còn nhiều lợi ích khác mà đáng để chúng ta quan tâm:
– Khi hiển thị Schema, website được tăng tỷ lệ nhấp vào từ người dùng khi họ tìm kiếm một thứ gì đó, qua đó tăng khả năng xếp hạng của website.
– Hiển thị đầy đủ các thông tin liên hệ, địa chỉ và các chi tiết kinh doanh quan trọng khác của doanh nghiệp, nhất là doanh nghiệp kinh doanh tại địa phương.
– Có thể cho người tìm kiếm biết những gì người khác đánh giá về website hoặc sản phẩm, giúp tăng khả năng mua hàng nếu sản phẩm được đánh giá tốt.
– Có thể xuất hiện hình ảnh một cách trực quan về sản phẩm trên Tìm kiếm hình ảnh của Google.
– Với đa dạng các loại Schema Markup, rất nhiều dữ liệu có cấu trúc có thể tích hợp vào để giúp hầu như toàn bộ website có thể hiển thị chi tiết, đầy đủ thông tin cho người xem khi tìm kiếm.
Có các loại Schema Markup nào?
Schema Markup với các mã mô tả các thành phần trên website thành ngôn ngữ mà các công cụ tìm kiếm đều có thể hiểu được, thông qua đó các công cụ tìm kiếm sẽ trả lại các kết quả tìm kiếm phong phú hơn cho người xem.
Danh sách dữ liệu có cấu trúc theo Google:
- Article
- Book
- Breadcrumb (Tập hợp liên kết phân cấp)
- Băng chuyền
- Course
- Thông báo về COVID-19
- Dataset
- Hỏi và đáp về giáo dục
- Employer Aggregate Rating
- Mức lương ước tính
- Event
- Xác minh tính xác thực
- Câu hỏi thường gặp
- Hoạt động tại nhà
- Hướng dẫn
- Siêu dữ liệu hình ảnh
- Job Posting
- Video học tập
- Doanh nghiệp địa phương
- Logo
- Trình giải toán
- Movie
- Bài tập thực hành
- Product
- Hỏi đáp
- Recipe
- Đoạn trích thông tin đánh giá
- Hộp tìm kiếm cho đường liên kết trang web
- Ứng dụng phần mềm
- Speakable
- Gói thuê bao và nội dung có tường phí
- Video
Cách tạo và kiểm tra Schema Markup cho website như thế nào?
Có ba ngôn ngữ mã Schema Markup có thể thêm vào website, bao gồm: JSON-LD, Microdata và RDFa.
JSON-LD (Ký hiệu đối tượng Javascript cho các đối tượng được liên kết)
JSON-LD là đoạn mã được thêm dưới dạng khối dữ liệu (block), độc lập với ngôn ngữ lập trình website.
Loại ký hiệu JavaScript được nhúng trong thẻ <script> trong các phần tử <head> và <body> của một trang HTML.
JSON-LD được Google khuyến khích sử dụng khi bạn muốn tích hợp Schema Markup vào website vì các khối dữ liệu JSON-LD dễ sắp xếp, thay đổi hoặc chỉnh sửa khi cần thiết.
Ví dụ:
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This coffee cake is awesome and perfect for parties.",
"prepTime": "PT20M"
}
</script>
</head>
<body>
<h2>Party coffee cake recipe</h2>
<p>
<i>by Mary Stone, 2018-03-10</i>
</p>
<p>
This coffee cake is awesome and perfect for parties.
</p>
<p>
Preparation time: 20 minutes
</p>
</body>
</html>Microdata (Vi dữ liệu)
Microdata về cơ bản hoạt động giống như JSON-LD nhưng được định dạng khác. Mã cần được lồng vào nội dung HTML của website nên có thể sẽ khó sử dụng hơn cho người mới bắt đầu.
Microdata thường được dùng trong phần tử <body>, nhưng cũng có thể được dùng trong phần tử <head>.
Microdata khó sử dụng hơn trên quy mô lớn cho các website như các trang thương mại điện tử.
Ví dụ:
<div itemscope>
<p>My name is <span itemprop="name">Elizabeth</span>.</p>
</div>
<div itemscope>
<p>My name is <span itemprop="name">Daniel</span>.</p>
</div>RDFa
Một tiện ích HTML5 hỗ trợ dữ liệu được liên kết bằng cách sử dụng các thuộc tính thẻ HTML tương ứng với nội dung cho người dùng thấy mà bạn muốn mô tả cho các công cụ tìm kiếm.
RDFa tương tự như Microdata khi thêm Schema Markup lồng vào các thuộc tính và nội dung thẻ HTML.
RDFa thường được sử dụng trong cả phần <head> và <body> của trang HTML.
Ví dụ:
<div vocab="http://schema.org/" resource="#bbg" typeof="LocalBusiness">
<h1 property="name">Beachwalk Beachwear & Giftware</h1>
<span property="description"> A superb collection of fine gifts and clothing to accent your stay in Mexico Beach.</span>
<div property="address" resource="#bbg-address" typeof="PostalAddress">
<span property="streetAddress">3102 Highway 98</span>
<span property="addressLocality">Mexico Beach</span>,
<span property="addressRegion">FL</span>
</div>
Phone: <span property="telephone">850-648-4200</span>
</div>Cách tạo Schema Markup trong SEO và thêm vào website như thế nào?
Bạn có thể sử dụng công cụ của Google: Structured Data Markup Helper để dễ dàng tạo ra các đoạn mã phù hợp cho nội dung trang.
Lưu ý
Nếu trang của bạn chứa một vấn đề về dữ liệu có cấu trúc, thì trang đó có thể bị áp dụng biện pháp thủ công (kiểm tra trong Search Console).
Sau khi tạo và thêm mã vào website, bạn cần kiểm tra lại kỹ càng bằng các công cụ hỗ trợ để tránh việc thêm mã Schema Markup bị lỗi, gây ảnh hưởng đến việc xếp hạng tìm kiếm của Google với website.
Các bước thực hiện việc thêm Schema Markup vào website như sau:
Bước 1: Nhập trang: Chọn loại dữ liệu Schema
Chọn một trong các kiểu dữ liệu có cấu trúc phù hợp với nội dung trang.
Ví dụ như: Bài viết.
Bước 2: Thêm URL trang nội dung
Thêm URL đầy đủ của trang mà bạn muốn đánh dấu dữ liệu có cấu trúc tại ô URL ở dưới. Bạn cũng có chọn tab HTML để dán URL vào. Sau đó click Bắt đầu gắn thẻ.
Công cụ sẽ tiến hành tải nội dung trang để bạn có thể bắt đầu đánh dấu nó.
Bước 3: Gắn thẻ dữ liệu Schema
– Giao diện: Giao diện được chia làm 2 phần:
- Phía bên trái: Phần nội dung trang
- Phía bên phải: Phần Bản ghi để nhập dữ liệu có cấu trúc
– Gắn thẻ dữ liệu bằng cách lựa chọn từng phần tử bên trái mà bạn muốn đánh dấu dữ liệu, hãy bôi đen từng phần tử, sau đó chọn loại thẻ và nó sẽ tự động nhập vào phần Bản ghi bên phải.
Ví dụ: Với nội dung loại dữ liệu là Bài viết:
- Đánh dấu dữ liệu cho thẻ Tiêu đề: Bôi đen đoạn tiêu đề trong nội dung > Chọn Tên
- Đánh dấu dữ liệu cho thẻ Tác giả: Bôi đen tên tác giả trong nội dung> Chọn Tác giả
- Đánh dấu dữ liệu Ngày xuất bản: Bôi đen ngày xuất bản trong nội dung> Chọn Ngày xuất bản
- ….
– Đối với những thẻ bạn không thể gắn tự động như vậy thì chúng ta sử dụng chức năng Thêm thẻ bị thiếu trong phần Bản ghi phía bên phải.
Ví dụ: Bạn muốn đánh dấu dữ liệu cho thẻ URL:
- Chọn Thêm thẻ bị thiếu > Chọn Loại thẻ: URL > Dán URL vào nội dung thẻ > Lưu.
- Bạn có thể thêm đồng thời nhiều thẻ bị thiếu khác tại phần Thêm thẻ khác.
Sau khi hoàn thành việc nhập đẩy đủ các loại thẻ, chúng ta tiến hành Tạo HTML.
Bước 4: Tạo HTML
Khi bạn hoàn tất nhập thẻ và kiểm tra kỹ càng nội dung thẻ, hãy click và nút màu cam Tạo HTML ở phía trên bên phải của phần Bản ghi.
Công cụ sẽ tự động tạo ra mã để bạn gắn vào trang nội dung website. Bạn có thể sử dụng mã dạng JSON-LD hoặc Microdata (Vi dữ liệu). Ở đây, bạn nên sử dụng mã JSON-LD.
Bước 5: Thêm mã đánh dấu dữ liệu có cấu trúc vào website
– Hãy copy lại mã qua một chương trình soạn thảo trước khi thêm vào website.
– Với định dạng mã JSON-LD, bạn có thể chèn trực tiếp (một cách độc lập) vào nội dung HTML trong cặp thẻ <head>…</head> hoặc <body>…</body>.
– Với các website chạy trên mã nguồn WordPress, việc thêm mã này vào phần <head>…</head> của một trang nội dung rất dễ dàng. Nếu không rành code, bạn chỉ cần cài thêm một plugin hỗ trợ việc chèn code trong cặp thẻ <head>…</head> là được.
– Tiến hành kiểm tra phần Schema Markup mà chúng ta đã thêm vào nội dung trang.
Bước 6: Kiểm tra Schema Markup
Bạn nên sử dụng công cụ này của Google để kiểm tra Schema Markup của website.
– Nhập URL hoặc đoạn mã Schema Markup.
– Chọn kiểm tra dưới dạng điện thoại thông minh hoặc máy tính.
– Tiến hành kiểm tra.
– Mất một tí thời gian để Google kiểm tra lại nội dung dữ liệu có cấu trúc này.
– Nếu mọi hạng mục kiểm tra đều đánh dấu màu tick xanh lá cây, chúc mừng bạn đã thành công.
– Nếu có thông báo lỗi, bạn hãy xóa đoạn mã đã thêm vào website và tiến hành tạo đánh dấu mới một cách cẩn thận và kỹ càng, sau đó tiến hành Kiểm tra lại kết quả.
Công cụ kiểm tra mã Schema Markup cho các công cụ tìm kiếm khác
Nếu bạn muốn kiểm tra mã của mình cho các công cụ tìm kiếm khác Google, bạn có thể sử dụng công cụ Schema Markup Validator của Schema.org.
Hi vọng qua nội dung tổng hợp về Schema này bạn có thể hiểu rõ hơn và biết cách vận dụng vào website của mình một cách hiệu quả để giúp ích trong quá trình SEO website.
Chúc bạn thành công!
Nếu cần những sự hỗ trợ thêm từ Webb, bạn đừng ngần ngại liên hệ đến chúng tôi nhé!
