Theo đánh giá của những chuyên gia SEO hàng đầu thế giới Schema Markup là điều nên có để giúp trang web của bạn nổi bật hơn so với các đối thủ cạnh tranh. Bài viết này sẽ cung cấp những lý do, lợi ích và cách ứng dụng Schema Markup vào website sao cho hiệu quả.
>> Đừng bỏ lỡ: Cập nhật mới của Google ảnh hưởng gì đến Schema?
Vậy Schema Markup là gì ?
Schema Markup là một loại ngôn ngữ dùng để đánh dấu dữ liệu có cấu trúc(structured data), giúp quá trình tìm kiếm nhận biết và phân loại trang web chính xác và nhanh chóng hơn.
Tên đầy đủ của thuật ngữ này là Schema.org nhưng thường được gọi tắt là Schema hay Schema Markup, được ra đời vào năm 2011 dưới sự hợp tác của 4 ông lớn trong ngành là Google, Yahoo, Bing và Yandex. Mục đích ngôn ngữ này là giúp tạo ra những chỉ dẫn cần thiết để các công cụ tìm kiếm có thể được nội dung từ những người phát triển web, từ đó đưa ra kết quả tìm kiếm phù hợp nhất.
>>> Xem thêm: 10 Search Engine phổ biến nhất (Cập nhật mới 2022)
Thực tế lý do cần có Schema Markup là tại vì nội dung các trang web có thể dễ hiểu với con người nhưng với Search Engine thì không đơn giản như vậy.
Ví dụ được Schema.org đưa ra:
Schema Markup giúp cải thiện thứ hạng tìm kiếm như thế nào?
Thêm Schema Markup là thêm các đoạn mã chi tiết làm cho website nổi bật hơn trong SERPs. Khả năng hiển thị được cải thiện làm tăng số lượng nhấp vào trang.
Theo Acmqueue chưa đến một phần ba kết quả tìm kiếm được thêm vào các rich snippet. Điều này có nghĩa là chúng ta còn rất nhiều cơ hội để sử dụng Schema vào SEO và nâng cao khả năng cạnh tranh trên thị trường.
Phần dấu sao và đánh dấu phía trên được thêm vào nếu dùng Schema.org.
Schema Markup được dùng cho nội dung nào?
Có thể dùng Schema đối với các nội dung liên quan đến:
- Doanh nghiệp và tổ chức
- Sự kiện
- Con người
- Sản phẩm
- Công thức
- Đánh giá
- Videos
Ngoài ra những loại dữ liệu ngắn cũng sẽ có một liên kết đến dạng item trên schema
Thêm Schema Markup vào trang web
1. Sử dụng Microdata để thêm Schema Markup
Thêm Schema Markup bằng Microdata là dùng tập hợp các thẻ nhằm mục đích chú thích các phần tử HTML giúp máy có thể đọc được dễ dàng hơn. Microdata phù hợp với những người mới bắt đầu vì nó rất dễ sử dụng.
Tuy nhiên nhược điểm trong việc này là phải đánh dấu từng mục riêng lẻ trong phần nội dung trang web. Có thể tưởng tượng được việc này có thể tốn nhiều thời gian và rắc rối đến như thế nào.
Trước khi bắt đầu thêm Schema Markup cần phân loại nội dung trên trang web.
Ví dụ: nội dung tập trung vào mảng nào? Âm nhạc, thực phẩm?
Bạn chỉ có thể gắn thẻ khi nào tìm ra chủ đề tương ứng với nội dung.
Hãy xem một trường hợp cụ thể. Giả sử bạn sở hữu một cửa hàng bán độ định vị chất lượng cao, nếu nhìn vào mã nguồn trang chủ có thể bạn sẽ thấy đoạn mã tương tự như sau:
Sau khi đi sâu vào đoạn mã, bạn sẽ muốn tìm phần mà trang web nói về những gì doanh nghiệp đang cung cấp. Trong ví dụ này dữ liệu có thể tìm thấy giữa hai thẻ < div>.
Bây giờ có thể thêm vào phần trên cùng:
Bằng cách thêm thẻ này, bạn đã nói rõ rằng mã HTML chứa giữa các khối
Tiếp theo bạn cần xác định item đó là gì bằng cách sử dụng thuộc tính “itemtype” để nhận định loại item đang sử dụng.
Một loại item thì được thêm vào một URL (chẳng hạn như http://schema.org/tech.). URL item có thể trông giống như sau:
http://schema.org/beauty.
Nếu muốn gắn thẻ phần nào đó với tên doanh nghiệp. Có thể thực hiện việc này giữa các thẻ H1. Sử dụng thẻ “itemprop” để thực hiện việc này:
Bạn có thể áp dụng các thẻ này cho phần còn lại của trang web. Khi sử dụng thẻ để xác định thuộc tính item, không nhất thiết phải gắn thẻ cho toàn bộ dòng mà chỉ một thuộc tính được tham chiếu.
Ví dụ nếu có một dòng cho biết Địa chỉ: abc Viet Nam, thì chỉ cần áp dụng các thẻ xung quanh địa chỉ đó và không cần gì khác.
lưu ý nếu bạn cảm thấy lo lắng về mã thì Google’s Structured Data Markup Helper giúp gắn thẻ dễ dàng cho các nội dung khác nhau trên trang web.
Để sử dụng công cụ này chỉ cần chọn loại item và dán URL của trang mục tiêu hoặc nội dung nhắm đến sau đó đánh dấu các yếu tố khác nhau để gắn thẻ chúng.
2. Sử dụng RDFa để thêm Schema Markup
Schema Markup bằng RDFa là việc sử dụng một phần mở rộng của HTML5 được thiết kế để hỗ trợ người dùng đánh dấu structured data. RDFa đặc biệt hữu ích nếu muốn thêm structured data vượt ra ngoài giới hạn Schema.org.
RDFa không khác nhiều so với Microdata. Tương tự như microdata, các thẻ RDFa kết hợp với mã HTML có sẵn trong nội dung trang web. Để làm quen chúng ta sẽ xem xét trang web công nghệ một lần nữa.
Để bắt đầu, cần đảm bảo rằng ngôn ngữ bạn đang sử dụng là Schema.org và trang web được để cập tham chiếu là một trang công nghệ.
Bạn cần sử dụng thẻ vocab kết hợp với URL http://schema.org để xác định từ vựng cần đánh dấu. Để xác định loại trang, hãy sử dụng thẻ typeof . Không giống như microdata, RDFa sử dụng một hoặc nhiều từ để phân loại.
Nếu muốn mở rộng thuộc tính thì bạn cần sử dụng property. Ví dụ muốn mở rộng thuộc tính địa chỉ, có thể làm như sau:
Thuộc tính typeof tương đương với thuộc tính itemtype và thuộc tính property sẽ tương đương với itemprop
Để tìm xem các trường hợp khác bạn có thể truy cập Schema.org tại đây có thể thấy loại phần tử nào được định nghĩa là properties và loại nào là types.
Trang công nghệ sẽ trông như thế này sau khi nó đã được gắn thẻ thích hợp.
Mỗi trang trên Schema.org đều cung cấp các ví dụ về cách áp dụng đúng các thẻ. Tất nhiên, bạn cũng có thể xem lại Google’s Structured Data Testing Tool.
Hy vọng rằng qua bài viết này bạn sẽ áp dụng được Schema Markup vào trang web của mình. Tuy việc này có vẻ tẻ nhạt nhưng chắc chắn bạn sẽ gặt hái được nhiều lợi ích từ chính sự cố gắng từ bản thân mình.
>>> Tìm hiểu thêm: Git là gì? Các thuật ngữ và câu lệnh Git quan trọng với lập trình viên.
Nhận xét
Đăng nhận xét