Schema là một loại đánh dấu dữ liệu (markup language) được sử dụng để giúp các công cụ tìm kiếm hiểu rõ hơn về nội dung của trang web và cung cấp cho người dùng thông tin cần thiết một cách nhanh chóng và dễ dàng hơn. Schema cung cấp một loạt các định dạng đánh dấu dữ liệu cho các loại thông tin khác nhau như sự kiện, địa điểm, sản phẩm, bài viết, đánh giá và nhiều hơn nữa.
Các bài viết liên quan:
Với Schema, các trang web có thể tối ưu hóa các mô tả đánh giá, giá cả sản phẩm, thời gian sự kiện, địa điểm và thông tin khác với các siêu dữ liệu được hiển thị dưới dạng snippet hoặc trang kết quả tìm kiếm. Nó cũng giúp cho các công cụ tìm kiếm hiểu rõ hơn về cấu trúc của trang web và giúp tăng cường sự tin tưởng của người dùng đối với trang web của bạn.
Cách hoạt động của Schema trong seo
Schema trong SEO là một định dạng dữ liệu (data format) mà các công cụ tìm kiếm (search engine) sử dụng để hiểu và phân tích các thông tin trên trang web. Schema markup cho phép các trang web cung cấp thông tin chi tiết hơn về nội dung trên trang web của mình cho các công cụ tìm kiếm, giúp các công cụ tìm kiếm hiểu rõ hơn về nội dung của trang web, tăng khả năng xuất hiện của trang web trong các kết quả tìm kiếm và cải thiện trải nghiệm người dùng.
Cụ thể, các đoạn mã schema được thêm vào mã HTML của trang web, cung cấp cho các công cụ tìm kiếm thông tin về loại nội dung, đối tượng, sản phẩm hoặc sự kiện mà trang web đang cung cấp. Các thông tin này bao gồm tiêu đề, mô tả, hình ảnh, địa chỉ, ngày giờ, đánh giá, giá cả, v.v.
Khi các công cụ tìm kiếm phân tích các trang web, các đoạn mã Schema được sử dụng để giúp họ hiểu được các nội dung cụ thể trên trang web và cung cấp cho người dùng kết quả tìm kiếm chính xác và đáng tin cậy hơn.
Ví dụ về Schema trong website
Dưới đây là một ví dụ về Schema được áp dụng trên một trang web bán hàng điện thoại di động:
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Samsung Galaxy S21 Ultra</h1>
<div itemprop="description">
<p>Điện thoại Samsung Galaxy S21 Ultra với màn hình 6.8 inch, camera chính 108 MP, RAM 12 GB và bộ nhớ trong 256 GB.</p>
</div>
<img itemprop="image" src="https://example.com/samsung-galaxy-s21-ultra.jpg" alt="Samsung Galaxy S21 Ultra">
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="1199.99">1,199.99</span>
<link itemprop="availability" href="http://schema.org/InStock" />Còn hàng
</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">4.8</span> trên <span itemprop="bestRating">5</span> sao
dựa trên <span itemprop="ratingCount">24</span> đánh giá khách hàng
</div>
</div>
Trong ví dụ này, ta sử dụng các thuộc tính và giá trị của Schema.org để chỉ định rõ ràng thông tin về sản phẩm, bao gồm:
itemscope itemtype="http://schema.org/Product"
: Xác định rằng phần tử đang được áp dụng Schema cho một sản phẩm.itemprop="name"
: Tên của sản phẩm.itemprop="description"
: Mô tả sản phẩm.itemprop="image"
: Hình ảnh sản phẩm.itemscope itemtype="http://schema.org/Offer"
: Định nghĩa rằng sản phẩm đang được bán và giá của sản phẩm.itemprop="priceCurrency" content="USD"
: Tiền tệ của sản phẩm.itemprop="price" content="1199.99"
: Giá của sản phẩm.itemprop="availability" href="http://schema.org/InStock"
: Tình trạng của sản phẩm.itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"
: Đánh giá tổng thể của sản phẩm.itemprop="ratingValue"
: Điểm đánh giá của sản phẩm.itemprop="bestRating"
: Điểm tối đa của đánh giá.itemprop="ratingCount"
: Số lượng đánh giá của sản phẩm.
Hướng dẫn cách chèn schema vào website
Để chèn Schema vào website, bạn có thể làm theo các bước sau:
Bước 1: Chọn loại Schema phù hợp với nội dung của trang web của bạn. Ví dụ, nếu trang web của bạn là trang web về sản phẩm, bạn có thể sử dụng Schema Product.
Bước 2: Tạo mã Schema. Bạn có thể tạo mã Schema bằng cách sử dụng JSON-LD hoặc Microdata.
Ví dụ về mã Schema Product bằng JSON-LD:
<script>{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Áo thun nam trắng",
"image": "https://example.com/photos/1x1/photo.jpg",
"description": "Áo thun nam trắng, chất liệu cotton 100%",
"sku": "123ABC",
"brand": {
"@type": "Brand",
"name": "ACME"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/ao-thun-nam-trang.html",
"priceCurrency": "USD",
"price": "10",
"priceValidUntil": "2023-12-31",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "ACME Clothes",
"url": "https://example.com",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.jpg"
}
}
}
}
</script>
Bước 3: Chèn mã Schema vào trang web. Bạn có thể chèn mã Schema vào trang web của mình bằng cách thêm mã vào trong thẻ <head> của trang web hoặc đặt mã vào một tệp JS riêng.
Ví dụ:
<head>
<title>Trang chủ</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "Tên trang web của bạn",
"url": "https://example.com"
}
</script>
</head>
Lưu ý rằng khi chèn mã Schema vào trang web của bạn, bạn cần đảm bảo rằng mã của bạn đúng định dạng và phù hợp với loại Schema mà bạn đã chọn. Nếu không chắc chắn, bạn có thể sử dụng công cụ kiểm tra Schema của Google để kiểm tra mã của mình.