Schema Markup Là Gì? Tại Sao Nó Quan Trọng Đối Với SEO?

LƯỢT XEM: 370
Schema là một thành phần nên có trong SEO

1 Schema markup là gì?

Schema markup là gì?
Schema là một thành phần nên có trong SEO

Schema trong seo thường được gọi là schema markup, có nguồn gốc từ trang Schema.org, là một dạng của microdata. Sau khi được thêm vào trang web, schema markup sẽ tạo một mô tả nâng cao (thường được gọi là rich snippet), xuất hiện trong kết quả tìm kiếm.

Các công cụ tìm kiếm hàng đầu bao gồm Google, Yahoo, Bing và Yandex – lần đầu tiên bắt đầu hợp tác để tạo Schema.org, trở lại vào năm 2011.

Schema markup đặc biệt quan trọng trong thời đại của Hummingbird và RankBrain. Cách mà một công cụ tìm kiếm diễn giải bối cảnh của một truy vấn sẽ xác định chất lượng của kết quả tìm kiếm. Schema có thể cung cấp ngữ cảnh cho một trang web mơ hồ nào đó.

Schema.org có ý kiến rằng:

Hầu hết các quản trị web đều quen thuộc với các thẻ HTML trên trang của họ. Thông thường, các thẻ HTML cho trình duyệt biết cách hiển thị thông tin có trong thẻ. Ví dụ: <h1> Avatar </ h1> báo cho trình duyệt hiển thị chuỗi văn bản của Avatar, ở định dạng tiêu đề 1. Tuy nhiên, thẻ HTML không cung cấp bất kỳ thông tin nào về chuỗi văn bản đó có nghĩa gì. “Avatar” có thể đề cập đến bộ phim 3D cực kỳ thành công hoặc có thể đề cập đến một loại hình ảnh hồ sơ cá nhân, điều này có thể gây khó khăn hơn cho các công cụ tìm kiếm để hiển thị nội dung có liên quan đến người dùng một cách thông minh.

Lợi ích của schema

Nội dung của bạn sẽ trở nên dễ tiếp cận và dễ hiểu bởi các Công cụ tìm kiếm, vì chúng sẽ có thể tìm thấy bạn dễ dàng hơn khi mọi người tìm kiếm một số thuật ngữ cụ thể.

Trang web của bạn sẽ thực sự nổi bật trên các công cụ tìm kiếm khi chúng trả về kết quả với đồ họa, ngôi sao, giá cả và các thông tin khác.

Schema có cải thiện thứ hạng tìm kiếm của bạn không?

Không có bằng chứng cho thấy microdata có ảnh hưởng trực tiếp đến thứ hạng tìm kiếm hữu cơ.

Tuy nhiên, rich snippets làm cho các trang web của bạn xuất hiện nổi bật hơn trong SERPs. Khả năng hiển thị này là để cải thiện tỷ lệ nhấp.

Theo một nghiên cứu của ACMqueue, chưa đến một phần ba kết quả tìm kiếm của Google bao gồm một rich snippets với đánh dấu Schema.org. Điều này cho thấy một cơ hội lớn cho việc cải thiện quá trình SEO của bạn bằng schema. Ngày nay thì rất ít thứ trong SEO có thể làm thay đổi chỉ số nhanh chóng, nhưng điều này thì có thể.

2 Schema được sử dụng cho?

<strong>Schema được sử dụng cho?</strong>
WordPress có nhiều plugin tạo schema khá dễ dàng
  • Businesses and organizations
  • Events
  • People
  • Products
  • Recipes
  • Reviews
  • Videos…

Trên đây là một số cách sử dụng phổ biến nhất của schema. Tuy nhiên, nếu bạn có bất kỳ loại dữ liệu nào trên trang web của mình, nó sẽ được liên kết với itemscope, itemtype và itemprop.

3 Thêm lược đồ vào trang web của bạn

<strong>Thêm lược đồ vào trang web của bạn</strong>
Schema liệu có cải thiện thứ hạng tìm kiếm trong SEO?

Sử dụng Microdata

Microdata là một bộ thẻ nhằm mục đích làm cho việc chú thích các phần tử HTML với các thẻ làm cho máy móc đọc được dễ dàng hơn nhiều. Microdata là một điều tuyệt vời cho người mới bắt đầu vì nó rất dễ sử dụng.

Tuy nhiên, một nhược điểm của việc sử dụng microdata là bạn phải đánh dấu từng mục riêng lẻ trong toàn bộ trang web của mình. Như bạn có thể tưởng tượng, điều này có thể làm lộn xộn rất nhiều thứ.

Trước khi bạn bắt đầu thêm schema vào các trang web của mình, bạn cần tìm ra “item type” của nội dung trên trang web của mình.

Ví dụ: Nội dung web của bạn tập trung vào Thực phẩm? Âm nhạc? Công nghệ?

Khi bạn đã tìm ra loại mặt hàng, bây giờ bạn có thể xác định cách bạn gắn thẻ nó.

Hãy xem xét một ví dụ. Giả sử bạn sở hữu một cửa hàng bán routers chất lượng cao. Nếu bạn nhìn vào mã nguồn của trang chủ, bạn có thể sẽ thấy một cái gì đó giống với điều này:

<div>

<h1>TechHaven</h1>

<h2>The best routers you’ll find online!</h2>

<p>Address:</p>

<p>459 Humpback Road</p>

<p>Rialto, Ca</p>

<p>Tel: 909 574 3903</p>

<p><a href=”http://www.techhaven.com/menu”>Click here to view our best routers!</a></p>

<p>We’re open: </p>

<p>Mon-Sat 8am – 10:30pm</p>

<p>Sun: 2pm – 8pm</p>

</div>

Khi bạn đến phần chi tiết hơn, bạn sẽ muốn tìm phần của trang web nói về doanh nghiệp của bạn cung cấp những gì. Trong ví dụ này, dữ liệu đó có thể được tìm thấy giữa hai thẻ <div>.

Bây giờ, ở đầu bạn có thể thêm vào:

<div itemscope >

Bằng cách thêm thẻ này, chúng ta tuyên bố rằng mã HTML chứa giữa các khối <div> đang xác định một mục cụ thể.

Tiếp theo, chúng ta phải xác định mục đó là gì bằng cách sử dụng thuộc tính “itemtype” để xác định loại mục mà trang web của chúng ta hướng tới (công nghệ).

<div itemscope itemtype=”http://schema.org/tech”>

Một loại mặt hàng có dạng URL (chẳng hạn như http://schema.org/tech). Ví dụ, giả sử trang web của bạn xoay quanh các sản phẩm làm đẹp thay vì công nghệ. URL loại mặt hàng của bạn có thể trông như thế này:

http://schema.org/beauty.

Để làm cho mọi thứ dễ dàng hơn, bạn có thể duyệt danh sách các loại mặt hàng tại đây (

Sử dụng RDFa

RDFa là từ viết tắt của Resource Description Framework in Attributes. Về cơ bản, RDFa là một phần mở rộng cho HTML5 và nó được thiết kế để hỗ trợ người dùng đánh dấu dữ liệu có cấu trúc.

RDFa được coi là khuyến nghị của W3C, có nghĩa là nó là một tiêu chuẩn web và nó có thể được sử dụng để kết nối các yếu tố dữ liệu có cấu trúc với nhau. Điều này đặc biệt hữu ích nếu bạn muốn thêm dữ liệu có cấu trúc trải dài vượt quá giới hạn của Schema.org.

Bạn cũng yên tâm nhé, RDFa không khác nhiều so với Microdata.

Tương tự như microdata, thẻ RDFa kết hợp với mã HTML có sẵn trong phần thân trang web của bạn. Để làm quen, chúng ta sẽ xem trang web công nghệ một lần nữa làm ví dụ.

HTML cho trang web công nghệ của bạn có thể sẽ trông như thế này trước khi được sửa đổi:

<div>

<h1>Tech Haven</h1>

<h2>The best routers online!</h2>

<p>Address:</p>

<p>459 Humpback Road </p>

<p>Rialto, Ca</p>

<p>Tel: 909 574 3903</p>

<p><a href=”http://www.techhaven.com/menu”>Click here to view our best routers!</a></p>

<p>We’re open:</p>

<p>Mon-Sat 8:00am – 10:30pm</p>

<p>Sun: 2pm – 8pm</p>

</div>

Để bắt đầu, bạn muốn đảm bảo rằng bạn đang sử dụng Schema.org và trang web được đề cập đang tham chiếu đến một trang công nghệ.

Trong ví dụ này, bạn có thể tìm kiếm “công nghệ” trên mạng của Schema.org để tìm hiểu cách gắn thẻ các yếu tố khác nhau. Thông thường, bạn sẽ tìm thấy các ví dụ ở gần cuối trang, sẽ chỉ cho bạn cách sử dụng chúng trong thực tế.

Chỉ cần nhấp vào tab RDFa để xem các ví dụ RDFa cụ thể.

Tiếp theo, bạn cần sử dụng thẻ vocab kết hợp với URL http://schema.org để xác định yếu tố đánh dấu. Để xác định loại trang, sử dụng thẻ typeof . Không giống như microdata, sử dụng URL để xác định các loại, RDFa sử dụng một hoặc nhiều từ để phân loại các loại.

<div vocab=”http://schema.org/” typeof=”technology”>

Nếu bạn muốn xác định một thuộc tính mở rộng hơn, bạn nên sử dụng thuộc tính typeof .

Ví dụ: nếu bạn muốn mở rộng hơn nữa dựa trên một thuộc tính địa chỉ, bạn có thể sử dụng Postal PostalAddress.

<div property=”address” typeof=”PostalAddress”>

So sánh microdata và RDFa cạnh nhau, thuộc tính typeof tương đương với thuộc tính itemtype được tìm thấy trong Microdata. Hơn nữa, thuộc tính property sẽ tương đương với thuộc tính itemprop .

Quay trở lại ví dụ trước đây của chúng ta, trang công nghệ sẽ trông như thế này sau khi nó được gắn thẻ thích hợp:

<h2 property=”description”>The best routers on the internet!</h2>

<p>Address:</p>

<div property=”address” typeof=”PostalAddress”>

<p property=”streetAddress”>459 Humpback Road</p>

<p property=”addressLocality”>Rialto, Ca</p>

</div>

<p>Tel: <span property=”telephone”>909 574 3903</span></p>

<p><a property=”menu” href=”http://www.techhaven/menu”>Click here to view our best routers!</a></p>

<p>We’re open:</p>

<p property=”openingHours”>Mon-Sat 8am – 10:30pm</p>

<p property=”openingHours”>Sun: 2pm – 8pm</p>

</div>

Để hỗ trợ bạn, mỗi trang trên Schema.org cung cấp các ví dụ về cách áp dụng đúng thẻ. Tất nhiên, bạn cũng có thể quay lại Google’s Structured Data Markup Helper (https://www.google.com/webmasters/markup-helper/u/0/)  .

Hy vọng rằng mình giúp bạn hiểu hơn về Schema hay Struct Structured Data.

Thực tế thì schema rất dễ sử dụng, bạn chỉ cần làm tương tự như bản mẫu của các website và thêm nó vào website của bạn.

Sau khi tạo xong schema, bạn có thể kiểm tra xem nó có lỗi gì hay không, ngay tại đây:

https://search.google.com/structured-data/testing-tool/u/0/

Sau đó bạn tiến hành thêm những đoạn mã đó vào website và kiểm tra lại lần nữa, đây là một schema mẫu cho bạn tham khảo:

https://search.google.com/structured-data/testing-tool/u/0/#url=seoconghuong.com

Bình Luận

R - SEO ToolsSEO & Marketing ToolThemes WordPressPlugins WordPress