Đánh dấu lược đồ là gì và tại sao nó lại quan trọng đối với SEO ?

Đánh dấu lược đồ là gì và tại sao nó lại quan trọng đối với SEO ?

Đánh dấu lược đồ là một cách tuyệt vời để giúp trang web của bạn nổi bật hơn so với các đối thủ SEO của bạn. Đây là lý do tại sao bạn cần lược đồ và cách thêm nó vào các trang web của bạn.

Đánh dấu lược đồ, được tìm thấy tại Schema.org , là một dạng vi dữ liệu. Sau khi được thêm vào trang web, đánh dấu giản đồ sẽ tạo mô tả nâng cao (thường được gọi là đoạn mã chi tiết), xuất hiện trong kết quả tìm kiếm.

Có thể bạn quan tâm:

Vào năm 2011, 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 ra Schema.org.

Xem thêm dữ liệu cấu trúc

Đánh dấu lược đồ đặc biệt quan trọng trong thời đại của Hummingbird và RankBrain . Cách công cụ tìm kiếm diễn giải ngữ cảnh của truy vấn sẽ  có thể quyết định chất lượng của kết quả tìm kiếm.

Lược đồ cũng có thể cung cấp ngữ cảnh cho một trang web không rõ ràng.

Qua Schema.org:

“ Thông thường, các thẻ HTML giúp cho trình duyệt biết cách hiển thị thông tin có trong thẻ. “

Ví dụ: </h1>  King Kong </h1> yêu cầu trình duyệt hiển thị chuỗi văn bản “King Kong” ở định dạng tiêu đề 1. Tuy nhiên, thẻ HTML không cung cấp  thông tin về ý nghĩa của chuỗi văn bản đó— “King Kong” có thể đề cập đến bộ phim cực kỳ nổi tiéng , hoặc có thể là tên của một nhân vật — và điều này việc tìm kiếm để hiển thị nội dung có liên quan cho người dùng một cách thông minh có thể sẽ khó khăn hơn.

Lược đồ 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 vi dữ liệu có ảnh hưởng trực tiếp đến thứ hạng tìm kiếm không phải trả tiền.

Tuy nhiên, các đoạn mã chi tiết có thể 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ị được cải thiện này được cho là có thể cải thiện tỷ lệ nhấp .

Theo một nghiên cứu của acmqueue, có khoảng một phần ba kết quả tìm kiếm của Google có bao gồm một đoạn mã phong phú với đánh dấu Schema.org. Điều này có thể sẽ giúp ít cho những người còn lại.

Ngày nay, rất ít thứ trong SEO có thể di chuyển nhanh chóng. Cái này có thể.

Lược đồ được sử dụng cho:

  • Doanh nghiệp và tổ chức
  • Sự kiện
  • Mọi người
  • Các sản phẩm
  • Công thức nấu ăn
  • Nhận xét
  • Video

Trên đây là một số sử dụng phổ biến nhất của lược đồ. Tuy nhiên, có một cơ hội tốt là 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ó một itemscope, itemtype và itemprop được liên kết .

Đánh dấu lược đồ là gì và tại sao nó lại quan trọng đối với SEO ?

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

Sử dụng vi dữ liệu

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

Tuy nhiên, việc sử dụng vi dữ liệu có một nhược điểm là bạn phải đánh dấu từng mục riêng lẻ trong phần nội dung trang web của mình, điều này có thể nhanh chóng trở nên lộn xộn.

Trước khi bắt đầu thêm lược đồ vào các trang web của mình, bạn cần tìm ra ‘loại mục’ của nội dung trên trang web của mình.

Ví dụ: nội dung web của bạn có tập trung vào công nghệ không? Báo chí ? Truyền thông?

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

Giả sử bạn sở hữu một cửa hàng bán các thiết bị chất lượng cao. Nếu bạn nhìn vào mã nguồn của trang chủ, bạn sẽ thấy một cái gì đó tương tự như sau:

<div>

<h1> websitehcm.com</h1>

<h2> Dịch vụ seo hàng đầu</h2>

<p> Địa chỉ: </p>

<p> 28 Hoài thanh, Phướng 14, quận 8</p>

<p> Hồ Chí Minh city </p>

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

<p> <a href=[https://www.websitehcm.com/]> Nhấp vào đây để xem các dịch vụ! </ A > </p>

<p> Chúng tôi mở cửa: </p>

<p> Thứ Hai-Thứ Bảy, 8 giờ sáng – 10 giờ 30 tối </p>

<p> Chủ nhật: 2 giờ chiều – 8 giờ tối </p>

</div>

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

Bây giờ, ở trên cùng, bạn có thể thêm:

<div itemscope >

Bằng cách thêm thẻ này có thể cho biết 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, bằng cách sử dụng thuộc tính ‘itemtype’ để xác định loại mặt hàng mà trang web của chúng ta sử dụng (công nghệ).

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

Một loại mục 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 chăm sóc da,  URL loại mặt hàng của bạn có thể sẽ trông giống như:

http://schema.org/skincare.

Theo dõi trở lại trang công nghệ, bạn muốn gắn thẻ phần của trang web có chứa tên doanh nghiệp. Bạn có thể thực hiện việc này giữa các thẻ <h1>.

Bây giờ, chúng ta sẽ sử dụng thẻ ‘itemprop’, gắn nhãn các thuộc tính của một mục:

<h1 itemprop = ”name” > w3seo service</h1>

Bạn có thể áp dụng các thẻ này cho phần còn lại của trang ngay bây giờ. Khi sử dụng thẻ để xác định thuộc tính mục, không cần thiết phải gắn thẻ cho toàn bộ dòng, chỉ một phần mà thuộc tính đang tham chiếu đến.

Ví dụ: nếu bạn có dòng ghi Địa chỉ: 28 Hoài Thanh , thì bạn chỉ cần áp dụng các thẻ xung quanh chính địa chỉ đó và không cần gì khác.

<h2 itemprop = ”description” > dịch vụ seo hàng đầu</h2>

<p> Địa chỉ: </p>

<span itemprop = ”address” itemscope itemtype = ”http://schema.org/PostalAddress ”>

<P itemprop =” streetAddress ”> 28 Hoài Thanh, Phường 4, Quận 8 </p>

<p itemprop =” addressLocality ”> Hồ Chí Minh </p> </span>

<p> Điện thoại : <span itemprop =” phone ”> 909 574 3903 </span> </p>

<p> <a itemprop=[menu[ href=[http:// https://www.websitehcm.com/ “> Nhấp vào đây để xem nhiều hơn! </a> </p>

<p> Chúng tôi đang mở: </p>

<p itemprop = ”opensHours” > Thứ Hai-Thứ Bảy, 8 giờ sáng – 10 giờ 30 tối </p>

<pitemprop = ”opensHours” > Chủ nhật: 2 giờ chiều – 8 giờ tối </p>

</div>

Mã này có thể trông phức tạp, nhưng schema.org cung cấp các ví dụ về cách sử dụng các loại mục khác nhau, vì vậy bạn thực sự có thể thấy mã phải làm những gì. Đừng lo lắng, bạn sẽ không bị bỏ rơi trong giá lạnh khi cố gắng tìm ra điều này một mình!

Trình trợ giúp đánh dấu dữ liệu có cấu trúc của Google sẽ giúp bạn gắn thẻ các trang web của mình một cách dễ dàng hơn.

Để sử dụng công cụ tuyệt vời này, chỉ cần chọn loại mặt hàng của bạn, dán URL của trang mục tiêu hoặc nội dung bạn muốn nhắm mục tiêu, sau đó đánh dấu các yếu tố khác nhau để bạn có thể gắn thẻ chúng.

Tìm hiểu chi tiết hơn kỹ thuật seo

Sử dụng RDFa

RDFa là từ viết tắt của Khung mô tả tài nguyên trong Thuộc tính . Về cơ bản, RDFa là một phần mở rộng của 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à một 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 để xâu chuỗi các từ vựng dữ liệu có cấu trúc lại 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 vượt ra ngoài giới hạn của Schema.org.

RDFa không khác nhiều so với Microdata.

Giống như vi dữ liệu, thẻ RDFa kết hợp với mã HTML có sẵn trong nội dung trang web của bạn. Để làm quen, chúng ta quay lại ví dụ trang web công nghệ một lần nữa

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

<div>

<h1> websitehcm.com</h1>

<h2> Dịch vụ seo hàng đầu </h2>

<p> Địa chỉ: </p>

<p> 28 Hoài Thanh, Phường 14, Quận 8 </p>

<p> Hồ Chí Minh < / p>

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

<p> <a href=[https://www.websitehcm.com/> Xem thêm dịch vụ chúng tôi </a> </ p>

<p> Chúng tôi mở cửa: </p>

<p> Thứ Hai-Thứ Bảy, 8 giờ sáng – 10 giờ 30 tối </p>

<p> Chủ nhật: 2 giờ chiều – 8 giờ tối </p>

</div>

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

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

Xem thêm Google’s Knowledge Panel là gì

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 từ vựng cho phần đánh dấu. Để xác định loại trang, hãy sử dụng thẻ typeof . Không giống như vi dữ liệu, 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 xa 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 thêm về thuộc tính địa chỉ, bạn có thể sử dụng “PostalAddress” như sau:

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

So sánh cạnh nhau giữa vi dữ liệu và RDFa, 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.

Nếu muốn tìm hiểu thêm, bạn có thể truy cập Schema.org để kiểm tra danh sách và xem các ví dụ. Bạn có thể tìm thấy loại phần tử nào được định nghĩa là thuộc tính và loại phần tử nào được định nghĩa là loại.

Quay lại ví dụ trước đó của chúng tôi, 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” > Dịch vụ seo hàng đầu</h2>

<p> Địa chỉ: </p>

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

<p property = ”streetAddress”> 28 Hoài Thanh, Phường 14, Quận 8 </p>

<p property = ”addressLocality”> Hồ Chí Minh </p>

</div>

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

< p> <a property=[menuosystem href=[https://www.websitehcm.com/> Nhấp vào đây để xem dịch vụ tốt nhất! </a> </p>

<p> Chúng tôi đang mở: </ p >

<p property = ”opensHours” > Thứ Hai-Thứ Bảy, 8 giờ sáng – 10 giờ:30 giờ tối </p>

<p property = ”opensHours”> Chủ nhật: 2 giờ chiều – 8 giờ tối </p>

</div>

Để hỗ trợ bạn, 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ẻ.

Phần kết luận

Lược đồ dễ áp ​​dụng hơn nhiều so với tưởng tượng và đó là phương pháp hay nhất mà bạn cần kết hợp vào các trang web của mình.

Công việc có vẻ tẻ nhạt. Nhưng nếu có thời gian và nỗ lực, bạn chắc chắn sẽ gặt hái được những thành quả từ sức lao động của mình.Xem thêm Google’s Knowledge Graph là gì?

Quý khách có thể tham khảo hơn ở các dịch vụ do websitehcm.com cung cấp như: dịch vụ seo, dịch vụ viết content , dịch vụ chăm sóc website, thiết kế web giá rẻ

Leave a Reply