SEO - Thêm Schema Markup
Schema Markup Là Gì?
Xin chào các bạn đang học làm web! Hôm nay, chúng ta sẽ cùng khám phá thế giới thú vị của Schema Markup. Bây giờ tôi biết bạn đang nghĩ gì - "Thú vị? Thật không?" Nhưng hãy tin tôi, một khi bạn thấy cách này có thể tăng cường khả năng hiển thị của website, bạn sẽ cảm thấy hứng thú như tôi đã từng khi mới khám phá nó!
Schema Markup giống như tặng cho website của bạn một micro trong một buổi hòa nhạc đông đúc trên internet. Nó là một dạng microdata mà bạn thêm vào HTML để giúp các công cụ tìm kiếm hiểu nội dung của bạn tốt hơn. Hãy tưởng tượng nó như cung cấp phụ đề cho các trang web của bạn - nó giúp các công cụ tìm kiếm đọc và hiểu nội dung của bạn chính xác hơn.
Hãy xem một ví dụ đơn giản:
<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Inception</h1>
<span itemprop="director">Đạo diễn: Christopher Nolan</span>
<span itemprop="datePublished">Ngày phát hành: 2010</span>
</div>Trong đoạn mã này, chúng tôi đang告诉 các công cụ tìm kiếm rằng div này chứa thông tin về một bộ phim. Các thuộc tính itemscope và itemtype xác định phạm vi và loại của schema, trong khi itemprop chỉ định các thuộc tính cá nhân.
Lợi Ích Của Việc Sử Dụng Schema Markup
Bây giờ chúng ta đã biết Schema Markup là gì, hãy nói về lý do tại sao nó lại tuyệt vời:
- Tăng Cường Kết Quả Tìm Kiếm: Schema Markup có thể dẫn đến các đoạn mã rich snippet trong kết quả tìm kiếm, giúp trang web của bạn nổi bật.
- Tăng Tỷ Lệ Nhấp Vào: Những đoạn mã rich snippet đẹp mắt? Chúng thường thu hút nhiều lượt nhấp hơn!
- Cải Thiện Hiểu Đúng Bằng Công Cụ Tìm Kiếm: Nó giúp các công cụ tìm kiếm hiểu nội dung của bạn chính xác hơn.
- Tối Ưu Hóa Tìm Kiếm Bằng Giọng Nói: Khi tìm kiếm bằng giọng nói ngày càng phổ biến, dữ liệu có cấu trúc trở nên ngày càng quan trọng.
Các Loại Ngôn Ngữ Mã Schema Khác Nhau
Schema Markup không phải là một giải pháp một-size-fits-all. Có nhiều cách để triển khai nó:
| Định Dạng | Mô Tả | Ví Dụ |
|---|---|---|
| Microdata | Thuộc tính HTML | <div itemscope itemtype="http://schema.org/Person"> |
| RDFa | Mở rộng HTML5 | <div vocab="http://schema.org/" typeof="Person"> |
| JSON-LD | Định dạng JavaScript nhúng trong thẻ <script>
|
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Person" }</script> |
Mặc dù tất cả các định dạng này đều hợp lệ, JSON-LD thường được Google ưa thích do dễ dàng triển khai và bảo trì.
Bước Thêm Schema Markup Vào Website Cho SEO
Bây giờ, hãy gấp tay vào việc! Dưới đây là cách bạn có thể thêm Schema Markup vào website của mình:
1. Xác Định Loại Nội Dung
Trước tiên, xác định loại nội dung bạn đang đánh dấu. Đó có phải là một bài báo? Một sản phẩm? Một doanh nghiệp địa phương? Schema.org có một danh sách đầy đủ các loại bạn có thể sử dụng.
2. Chọn Định Dạng Đánh Dấu
Đối với hướng dẫn này, chúng ta sẽ sử dụng JSON-LD, vì đó là định dạng được Google ưa thích.
3. Tạo Đánh Dấu
Giả sử chúng ta đang đánh dấu một bài blog. Dưới đây là một ví dụ:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"headline": "Làm Thế Nào Để Nướng Bánh Biscuit Hoàn Hảo",
"author": {
"@type": "Person",
"name": "Jane Doe"
},
"datePublished": "2023-06-15",
"image": "http://example.com/cookie.jpg",
"articleBody": "Trước tiên, trộn đều bơ và đường..."
}
</script>Đoạn mã này告诉 các công cụ tìm kiếm rằng trang này chứa một bài blog, cùng với tiêu đề, tác giả, ngày đăng, hình ảnh chính và một đoạn nội dung.
4. Kiểm Tra Đánh Dấu
Trước khi đưa lên mạng, hãy luôn kiểm tra đánh dấu của bạn bằng công cụ Kiểm Tra Dữ Liệu Cấu Trúc của Google. Nó giống như kiểm tra chính tả cho Schema Markup của bạn!
5. Thêm Đánh Dấu Vào HTML
Sau khi kiểm tra, thêm thẻ <script> vào phần <head> của HTML của bạn.
6. Theo Dõi Hiệu Suất
Sau khi triển khai, hãy theo dõi hiệu suất tìm kiếm của bạn. Bạn có thể bắt đầu thấy các đoạn mã rich snippet xuất hiện!
Kết Luận
Và thế là bạn đã có nó, các bạn! Bạn đã迈出了进入Schema Markup世界的第一步。 Hãy nhớ, internet giống như một thư viện lớn, và Schema Markup giống như thêm một chỉ mục chi tiết cho cuốn sách của bạn. Nó giúp các công cụ tìm kiếm tìm thấy và giới thiệu nội dung của bạn một cách hiệu quả hơn.
Trong hành trình tiếp tục của bạn trong lĩnh vực phát triển web, bạn sẽ thấy rằng Schema Markup chỉ là một trong nhiều công cụ trong bộ công cụ SEO của bạn. Nhưng nó rất quan trọng, và việc thành thạo nó có thể mang lại cho website của bạn một lợi thế lớn trong kết quả tìm kiếm.
Tiếp tục thử nghiệm, học hỏi và đừng sợ hãi khi làm việc với mã. Trước khi bạn biết, bạn sẽ thấy website của bạn leo lên các bảng xếp hạng tìm kiếm!
Chúc các bạn mã vui vẻ, và may mắn với schema!
Credits: Image by storyset