JSON-LD là gì? Tạo rich snippets với Schema.org

Tạo đoạn mã chi tiết

Hướng dẫn này đã được tạo để cung cấp một cách nhanh chóng và dễ dàng để tạo các loại rich snippets khác nhau cho trang web của bạn, sử dụng kết hợp Schema.org và Microdata hoặc JSON-LD được xác nhận gần đây. Ví dụ về đoạn mã:

Tôi phải chỉ ra rằng trước khi bạn tiến hành tích hợp bất kỳ hình thức đánh dấu nào, bạn nên biết các nguyên tắc do Google và Bing cung cấp . Bất kỳ nỗ lực nào nhằm đánh dấu nội dung không nhìn thấy đối với người dùng hoặc nội dung không liên quan / gây hiểu lầm chỉ để tạo đoạn mã chi tiết có thể dẫn đến hành động chống lại trang web của bạn. Tôi hy vọng rằng bạn thấy hướng dẫn này hữu ích và nếu bạn có bất kỳ câu hỏi nào, vui lòng giải đáp trong phần nhận xét.

Contents hide

Microdata là gì?

Vi dữ liệu (như RDFa và Microformats) là một dạng đánh dấu ngữ nghĩa được thiết kế để mô tả các phần tử trên trang web, ví dụ: đánh giá, người, sự kiện, v.v. Đánh dấu này có thể được kết hợp với các thuộc tính HTML điển hình để phân biệt từng loại mục thông qua việc sử dụng thuộc tính liên quan. Ví dụ: ‘Người’ có tên thuộc tính, url và tiêu đề – các thuộc tính có thể được áp dụng cho các thẻ HTML để mô tả từng thuộc tính:

<div itemscope  itemtype = "http://data-vocabulary.org/Person" >
  Tên: <span itemprop = "name" > Vo Quoc An </span>
  Trang web: <a href="https://voquocan.com" itemprop="url"> voquocan.com </a>
  Tiêu đề: <span itemprop = "title" > Trưởng bộ phận SEO </span>
</div>
  1. Vật phẩm – là một chỉ báo rằng nội dung trong <div> này là một mục.
  2. Itemtype – mô tả mục là gì, trong trường hợp trên là ‘Người’.
  3. Lặp lại – mô tả từng thuộc tính của mục cụ thể.

Đọc thêm:
Giới thiệu về microDATA – Google Webmaster Help, HTML Microdata – W3C

JSON-LD là gì

Dựa trên định dạng JSON phổ biến, định dạng dữ liệu được liên kết JSON-LDcho phép quản trị viên web xác định ngữ cảnh của dữ liệu được chứa thông qua việc sử dụng các loại và thuộc tính. Khi được kết hợp với Schema.org, các thuộc tính này tuân theo đánh dấu tiêu chuẩn hóa được hỗ trợ bởi các công cụ tìm kiếm chính và kết hợp với Microdata & RDFa làm phương thức tích hợp. Không giống như Microdata & RDFa, JSON-LD cung cấp khả năng triển khai dễ dàng hơn với tất cả các đánh dấu cần thiết có trong các thẻ <script> nội tuyến, thay vì gói các thuộc tính HTML. Tuy nhiên, JSON-LD thanh lịch và nhẹ nhàng như vậy, có một số đoạn đường tiềm năng. Trong một số trường hợp, việc đánh dấu nội dung là không thực tế, chẳng hạn như ở quy mô lớn hơn, vì nội dung sẽ cần được lặp lại một cách hiệu quả trong các thẻ script để xác thực. Ngoài ra, vì dấu hiệu ẩn, khả năng đánh dấu nội dung không có trên trang hiển thị tăng lên, điều này trái với các nguyên tắc sử dụng công cụ tìm kiếm. Chính vì những lý do này mà Google nói riêng vẫn ủng hộ Microdata & RDFa để đánh dấu nội dung HTML.

Schema.org là gì?

Schema.org là một phần mở rộng từ vựng được hỗ trợ toàn cầu bởi Google, Microsoft và Yahoo! cho các ngôn ngữ đánh dấu như Microdata. Nó được thiết kế để làm cho cuộc sống của quản trị viên web dễ dàng hơn, bằng cách cung cấp một đánh dấu tiêu chuẩn hóa mà tất cả các công cụ tìm kiếm chính đều hiểu được. Hiện tại, Schema.org tương thích với Microdata, RDFa và JSON-LD.

Đọc thêm:
Schema.org là gì – Schema.org, Câu hỏi thường gặp về Schema.org – Trợ giúp quản trị trang web của Google.

Schema.org đánh giá kiểm tra đoạn mã đa dạng thức đánh dấu

Tại sao sử dụng đánh dấu?

Đánh dấu nội dung trên trang web của bạn có thể:

  • Dẫn đến việc tạo ra nhiều đoạn mã trong kết quả của công cụ tìm kiếm, ví dụ:
  • Điều này có khả năng tăng CTR từ kết quả tìm kiếm từ 10-25%.
  • Các công cụ tìm kiếm và tổ chức đang sử dụng đánh dấu này để phát triển các công cụ mới, chẳng hạn như Google Recipe Search , có thể mở ra các kênh tiếp thị khác nếu không phải bây giờ, trong tương lai gần.
  • Cung cấp thông tin nhiều hơn cho các công cụ tìm kiếm để cải thiện sự hiểu biết của họ về nội dung trên trang web của bạn.
Schema.org đánh giá kiểm tra đoạn mã đa dạng thức đánh dấu

Sử dụng dữ liệu đánh giá để nâng cao đoạn trích kết quả tìm kiếm của bạn

Đoạn mã trực tiếp mẫu

1.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.
http://www.schema.org/ Đánh giáĐánh giá về một mặt hàng, ví dụ như sản phẩm hoặc phim.
http://www.schema.org/ Xếp hạngMột đánh giá cá nhân được đưa ra cho một mặt hàng.

1.3 Đánh dấu

Các ví dụ mã sau đây tạo thành đánh dấu mẫu đơn giản cho dữ liệu đánh giá. Phần đầu tiên của ví dụ này tạo thành xếp hạng tổng hợp và có thể được sử dụng bởi chính nó để tạo đoạn mã chi tiết từ điểm 1.1:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Sản phẩm",
  "name": " [tên của sản phẩm] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng] ",
    "reviewCount": " [số lượt đánh giá] "
  }
}
</script>

Phần đánh giá thứ hai nên được sử dụng trong mỗi bài đánh giá, điều này cũng bổ sung thêm giá trị cho xếp hạng tổng hợp được xác định ở trên:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Sản phẩm",
  "name": " [tên của sản phẩm] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng] ",
    "reviewCount": " [số lượt đánh giá] "
  },
  "ôn tập": [{
    "@type": "Đánh giá",
    "name": " [đánh giá tiêu đề / tóm tắt] ",
    "tác giả": " [tên người đánh giá] ",
    "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
    "description": " [văn bản đánh giá thực tế của người dùng] ",
    "reviewRating": {
      "@tỉ lệ loại",
      "bestRating": " [xếp hạng cao nhất có thể] ",
      "ratingValue": " [xếp hạng do người đánh giá đưa ra] ",
      "badRating": " [xếp hạng thấp nhất có thể] "
    }   
  }]
}
</script>

1.4 Kiểm tra…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

Đọc thêm:
Rich Snippets: Video đánh giá – Trợ giúp quản trị trang web của Google, Đánh giá & Xếp hạng tổng hợp – Schema.org

Schema.org đánh giá kiểm tra đoạn mã đa dạng thức đánh dấu
Kiểm tra đoạn mã đa dạng thức đánh dấu sản phẩm Schema.org
Kiểm tra đoạn mã chi tiết Schema.org AggregateOffer

Thu hút sự chú ý đến các sản phẩm của bạn bằng các đoạn mã phong phú hơn

2.1 Đoạn mã trực tiếp mẫu

Việc mở rộng khả năng đánh dấu đánh giá cho các sản phẩm có thể dẫn đến loại đoạn mã chi tiết này:

2.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Sản phẩmMô tả một sản phẩm được bán.
http://www.schema.org/ Ưu đãiMô tả chi tiết cung cấp sản phẩm.
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.

2.3 Đánh dấu

Khai thác đánh dấu đánh giá cho một sản phẩm với chi tiết phiếu mua hàng:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Sản phẩm",
  "name": " [tên sản phẩm] ",
  "ưu đãi": {
    "@type": "Ưu đãi",
    "price": " [giá bán sản phẩm] ",
    "priceCurrency": " [tiền tệ ở định dạng ISO 4217 gồm 3 chữ cái, ví dụ: USD] "
  },
    "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng tổng hợp được đưa ra] ",
    "reviewCount": " [số lượt đánh giá] "
  }
 }
 </script>

Vì một xếp hạng đánh giá tổng hợp đã được đưa ra cho sản phẩm này, các đánh giá của người dùng tương ứng riêng lẻ sẽ cần được đánh dấu bằng cách sử dụng mã được xác định trong phần hai của điểm 1.3.

2.4 Kiểm tra…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

2.5 Mở rộng đánh dấu này

Bằng cách thay đổi phân đoạn / Phiếu mua hàng của mã thành bên dưới, chúng tôi có thể thêm phạm vi giá vào đoạn mã:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Sản phẩm",
  "name": " [tên sản phẩm] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng tổng hợp được đưa ra] ",
    "reviewCount": " [số lượt đánh giá] "
  },
  "ưu đãi": {
    "@type": "AggregateOffer",
    "lowPrice": " [giá sản phẩm thấp nhất] ",
    "highPrice": " [giá sản phẩm cao nhất] ",
    "priceCurrency": " [tiền tệ ở định dạng ISO 4217 gồm 3 chữ cái, ví dụ: USD] "
 }
}
</script>

Điều này có thể được mở rộng thêm để bao gồm ‘Còn hàng’ trong đoạn mã chi tiết bằng cách bao gồm dòng sau cũng trong phân đoạn / Phiếu mua hàng:

    "tính khả dụng": "http://schema.org/InStock"
    <link itemprop = "tính khả dụng" href = "http://schema.org/InStock">

Đọc thêm:
Product Schema.org Creator – Raven Tools, Rich Snippets: Products – Google Webmaster Help, Product & Offer – Schema.org

Đánh dấu đánh giá biên tập sử dụng Schema.org
Bài đánh giá biên tập của Schema.org đánh dấu kiểm tra đoạn mã chi tiết
Đánh dấu đánh giá sản phẩm biên tập trên Schema.org

Tối đa hóa tác động của Bài đánh giá biên tập trong Tìm kiếm

3.1 Đoạn mã trực tiếp mẫu

Các bài đánh giá riêng lẻ ở định dạng biên tập cũng có thể được đánh dấu để tạo phần mở rộng của đoạn mã xếp hạng để bao gồm tên tác giả và ngày xuất bản:

3.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Đánh giáĐánh giá về một mặt hàng, ví dụ như sản phẩm hoặc phim.
http://www.schema.org/ Xếp hạngMột đánh giá cá nhân được đưa ra cho một mặt hàng.

3.3 Đánh dấu

Đánh dấu cho một đánh giá biên tập:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Đánh giá",
  "itemReviewed": " [Mặt hàng đang được xem xét] ",
  "reviewRating": {
    "@tỉ lệ loại",
    "bestRating": " [xếp hạng tốt nhất] ",
    "badRating": " [xếp hạng kém nhất] ",
    "ratingValue": " [đã nhận được xếp hạng] "
  },
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "tác giả": " [tên tác giả] "
}
</script>

3.4 Kiểm tra…

Điền vào chỗ trống, SERP kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

3.5 Mở rộng đánh dấu này

Bằng cách thay đổi một chút mã này, kết hợp các thuộc tính từ schema.org/Product, chúng tôi cũng có thể thêm giá vào đoạn mã:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Đánh giá",
  "itemReviewed": " [mục đang được xem xét] ",
  "reviewRating": {
    "@tỉ lệ loại",
    "bestRating": " [xếp hạng tốt nhất] ",
    "badRating": " [xếp hạng kém nhất] ",
    "ratingValue": " [đã nhận được xếp hạng] "
  },
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "tác giả": " [tên tác giả] ",
  "ưu đãi": {
    "@type": "Ưu đãi",
    "price": " [giá bán sản phẩm] ",
    "priceCurrency": " [tiền tệ ở định dạng ISO 4217 gồm 3 chữ cái, ví dụ: USD] "
  }
}
</script>

Điều này sẽ tạo ra đoạn mã sau:

Bạn có thể mở rộng điều này hơn nữa để bao gồm một phạm vi giá; chỉ cần thay thế phần schema.org/Offer bằng:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Đánh giá",
  "itemReviewed": " [mục đang được xem xét] ",
  "reviewRating": {
    "@tỉ lệ loại",
    "bestRating": " [xếp hạng tốt nhất] ",
    "badRating": " [xếp hạng kém nhất] ",
    "ratingValue": " [đã nhận được xếp hạng] "
  },
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "tác giả": " [tên tác giả] ",
  "ưu đãi": {
    "@type": "AggregateOffer",
    "lowPrice": " [giá sản phẩm thấp nhất] ",
    "highPrice": " [giá sản phẩm cao nhất] ",
    "priceCurrency": " [tiền tệ ở định dạng ISO 4217 gồm 3 chữ cái, ví dụ: USD] "
  }
}
</script>

Đọc thêm:
Đánh giá cá nhân – Trợ giúp quản trị trang web của Google, Đánh giá – Schema.org

Đoạn mã chi tiết về phim mẫu
Kiểm tra đoạn trích nhiều định dạng đánh dấu phim trên Schema.org

Giành giải Grammy bằng cách đánh dấu nội dung phim

4.1 Đoạn mã trực tiếp mẫu

Đánh dấu đánh giá Schema.org khi được kết hợp với schema.org/Movie itemtype có thể tạo ra loại đoạn mã sau:

Không có tác động trực tiếp đến văn bản được hiển thị cùng với phân đoạn đánh giá; tuy nhiên, một dòng bổ sung được chèn vào bên cạnh mô tả Meta có các đạo diễn và diễn viên đóng vai chính trong phim.

4.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ PhimMô tả một bộ phim
http://www.schema.org/ NgườiMô tả một người (sống, chết hoặc hư cấu)
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.

4.3 Đánh dấu

Khai thác đánh dấu đánh giá cho Phim:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Phim",
  "name": " [tên phim] ",
  "description": " [mô tả của phim] ",
  "giám đốc": {
    "@type": "Người",
    "name": " [tên của giám đốc] "
  },
  "tác giả": {
      "@type": "Người",
      "name": " [người viết kịch bản] "
  },
  "diễn viên": [
    {
      "@type": "Người",
      "name": " [tên diễn viên] "
    },
    {
      "@type": "Người",
      "name": " [tên diễn viên] "
    },
    {
      "@type": "Người",
      "name": " [tên diễn viên] "
    }
  ],
  "tổng hợp": {
    "@type": "AggregateRating",
    "bestRating": " [xếp hạng tốt nhất có thể] ",
    "ratingCount": " [tổng số xếp hạng nhận được] ",
    "ratingValue": " [xếp hạng đã cho] "
  } 
}
</script>

4.4 Thử nghiệm…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

Công cụ kiểm tra dữ liệu có cấu trúc chưa hiển thị dòng văn bản bổ sung có tham chiếu đến diễn viên / đạo diễn, tuy nhiên, nếu được triển khai chính xác, trích xuất dữ liệu được hiển thị phải chứa thông tin này.

Đọc thêm:
Phim – Schema.org

Ví dụ về Đoạn mã chương trình truyền hình, phần và tập trên Schema.org
Kiểm tra đoạn mã chi tiết trên Schema.org, Phần và Tập

Làm cho Kết quả Tìm kiếm Danh sách TV của bạn trở nên sống động

5.1 Đoạn mã trực tiếp mẫu

Ngoài ra còn có đánh dấu cụ thể cho một loạt phim truyền hình / phần / tập cũng có thể được kết hợp với đánh giá đánh giá để tạo ra một đoạn trích tương tự như ‘Phim’:

Kết quả giống như Schema.org/Movie với một dòng văn bản bổ sung bao gồm đề cập đến (các) đạo diễn và (các) diễn viên, tuy nhiên, một dòng khác đã được chèn cho các tập và dàn diễn viên.

5.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ TVSeriesMô tả một loạt phim truyền hình.
http://www.schema.org/ TVSeasonMô tả một phần truyền hình duy nhất.
http://www.schema.org/ TVEp ChapTập của một bộ phim truyền hình hoặc phần.
http://www.schema.org/ NgườiMô tả một người (sống, chết hoặc hư cấu).
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.

5.3 Đánh dấu

Sử dụng đánh dấu đánh giá và kết hợp phim truyền hình, giản đồ phần và tập:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "TVSeries",
  "name": " [tên của chương trình] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng tổng hợp được đưa ra] ",
    "ratingCount": " [số lượt đánh giá] ",
    "bestRating": " [xếp hạng tốt nhất có thể] "
  },
 "description": " [mô tả của chương trình truyền hình] ",
 "tác giả": {
    "@type": "Người",
    "name": " [tên người viết] "
 },
 "diễn viên": [
    {
      "@type": "Người",
      "name": " [tên diễn viên] "
    },
    {
      "@type": "Người",
      "name": " [tên diễn viên] "
    }
  ],
  "Mùa": [
    {
      "@type": "TVSeason",
      "name": " [season] ",
      "numberOfEpisodes": " [số tập] ",
      "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] "
    },
    {
      "@type": "TVSeason",
      "name": " [season] ",
      "numberOfEpisodes": " [số tập] ",
      "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
      "tập phim": {
        "@type": "TVEp Chap",
        "episodeNumber": " [số tập] ",
        "name": " [tên của tập] "
      }
    }
  ]
}
</script>

5.4 Thử nghiệm…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

Công cụ kiểm tra dữ liệu có cấu trúc chưa hiển thị dòng văn bản bổ sung có tham chiếu đến các tập / đoạn được truyền, tuy nhiên, nếu được triển khai chính xác, trích xuất dữ liệu được hiển thị phải chứa thông tin này.

Đọc thêm:
TVSeries , TVSeason & TVEpisode – Schema.org

Đoạn mã Schema.org Local Business mẫu

Thể hiện sự tín nhiệm của doanh nghiệp trong kết quả tìm kiếm

6.1 Đoạn mã ví dụ

Riêng Local Business Schema.org chưa tạo ra một loại đoạn mã cụ thể, mặc dù có thể được kết hợp với đánh dấu đánh giá tiêu chuẩn để tạo ra đoạn mã dưới đây:

Đánh dấu schema.org cho Doanh nghiệp Địa phương cũng có thể hoạt động như xác thực cho địa chỉ doanh nghiệp nếu địa chỉ đó khớp với Danh sách Doanh nghiệp của Google, làm như vậy sẽ cải thiện SEO địa phương.

6.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ LocalBusinessMô tả một doanh nghiệp thực tế hoặc chi nhánh của một tổ chức.
http://www.schema.org/ PostalAddressVị trí của sự kiện hoặc tổ chức.
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.

6.3 Đánh dấu

Sử dụng đánh dấu đánh giá và kết hợp lược đồ Doanh nghiệp địa phương:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "LocalBusiness",
  "name": " [tên doanh nghiệp] ",
  "Địa chỉ": {
    "@type": "PostalAddress",
    "streetAddress": " [tên đường] ",
    "addressLocality": " [địa phương] ",
    "addressRegion": " [region] ",
    " Mã bưu chính ": " [mã bưu chính] "
  },
  "phone": " [phone number] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng tổng hợp được đưa ra] ",
    "bestRating": " [xếp hạng cao nhất] ",
    "reviewCount": " [tổng số bài đánh giá] "
  }
}
</script>

Đọc thêm:
Doanh nghiệp địa phương & PostalAddress – Schema.org, kinh doanh Schema Tool – máy phát điện Microdata

Đoạn mã Công thức Schema.org mẫu
Kiểm tra đoạn mã nhiều định dạng đánh dấu công thức trên Schema.org

Sử dụng Đánh dấu công thức để tạo đoạn trích phong phú hấp dẫn

7.1 Đoạn mã trực tiếp mẫu

Một loại Schema.org khác được phát triển hơn là Recipe, cho phép phát triển các đoạn mã chi tiết như bên dưới:

Tuy nhiên, có rất nhiều yếu tố khác được lấy từ giản đồ Công thức xác định khả năng hiển thị trong tìm kiếm công thức của Google – http://www.google.com/landing/recipes/

7.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ RecipeMô tả một công thức.
http://www.schema.org/ NutritionInformationMô tả thông tin dinh dưỡng của một công thức.
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.

7.3 Đánh dấu

Sử dụng đánh dấu đánh giá và kết hợp giản đồ công thức:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Công thức nấu ăn",
  "tác giả": " [tên tác giả] ",
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "name": " [tên công thức] ",
  "image": " [url hình ảnh công thức] ",
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng tổng hợp được đưa ra] ",
    "bestRating": " [xếp hạng cao nhất] ",
    "reviewCount": " [tổng số bài đánh giá] "
  },
  "description": " [mô tả công thức] ",
  "Thành phần" : [
    " [thành phần 1] ",
    " [thành phần 2] ",
    " [thành phần 3] ",
    " [thành phần 4] "
   ],
  "cookCategory": " [url đến danh mục công thức] ",
  " công thức nấu ăn ": " [url đến danh mục ẩm thực công thức] ",
  "FormulaYield": " [sản lượng công thức] ",
  "cookTime": " [Định dạng thời lượng ISO, ví dụ: PT2H45M] ",
  "prepTime": " [Định dạng thời lượng ISO, ví dụ: PT2H45M] ",
  "dinh dưỡng": {
    "@type": "NutritionInformation",
    "calo": " [tổng lượng calo] ",
    "fatContent": " [gam chất béo] "
  },
  "FormulaInstructions": [
    " [hướng dẫn 1] ",
    " [hướng dẫn 2] ",
    " [hướng dẫn 3] "
  ]
}
</script>

7.4 Thử nghiệm…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

Đọc thêm:
Công thức & Thông tin dinh dưỡng – Schema.org, Công cụ lược đồ công thức – trình tạo microDATA, Công thức đoạn mã phong phú – Trợ giúp quản trị trang web của Google

Đoạn mã ứng dụng di động Schema.org mẫu
Kiểm tra đoạn mã đa dạng thức đánh dấu ứng dụng di động Schema.org
Ứng dụng di động Schema.org có đánh dấu Phiếu mua hàng

8. Thêm tính xác thực và độ tin cậy vào danh sách ứng dụng di động

8.1 Đoạn mã mẫu

8.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ MobileApplicationMô tả một ứng dụng Di động.
http://www.schema.org/ Tổ chứcMô tả một tổ chức.

8.3 Đánh dấu

Áp dụng đánh dấu Ứng dụng Di động:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
    "@type": "MobileApplication",
    "image": " [url hình ảnh cho biểu tượng ứng dụng] ",
    "name": " [tên của ứng dụng di động] ",
    "tác giả": {
      "@type": "Tổ chức",
      "url": " [url tác giả] ",
      "name": " [tên nhà phát triển] "
    },
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng đã cho] ",
    "bestRating": " [xếp hạng cao nhất có thể] ",
    "ratingCount": " [tổng số xếp hạng] "
  },
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "OperatingSystem": " [hệ điều hành được hỗ trợ] ",
  "fileSize": " [kích thước tệp, ví dụ: 14mb] ",
  "Tương tác": " [số lượt tải xuống của người dùng] ",
  "contentRating": " [xếp hạng nội dung, ví dụ: Độ chín thấp] ",
  "description": " [mô tả của ứng dụng di động] ",
  "applicationCategory": " [danh mục ứng dụng, ví dụ: http://schema.org/GameApplication] "
}
</script>

8.4 Thử nghiệm…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

8.5 Mở rộng đánh dấu này

Bằng cách kết hợp một số thuộc tính từ schema.org/Offers, chúng tôi có thể thêm giá vào đoạn mã. Chỉ cần thêm dấu bên dưới lên:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "Phiếu mua hàng": {
  "@type": "Ưu đãi",
  "price": " [giá ứng dụng] "
}
</script>

Đọc thêm:
MobileApplication – Schema.org, Rich Snippets for Apps: Một cách mới để được nhìn thấy trong SERPs – Trình tạo SEWatch, Rich Snippets: Software Applications – Google Webmaster Help

Ví dụ về đoạn mã chi tiết ứng dụng phần mềm Schema.org
Kiểm tra đoạn mã đa dạng thức đánh dấu ứng dụng phần mềm Schema.org

9. Quảng cáo Ứng dụng Phần mềm trong Kết quả Tìm kiếm

9.1 Đoạn mã trực tiếp mẫu

Đánh dấu phần mềm Ứng dụng rất giống với Di động; tuy nhiên có một số tính năng bổ sung có thể được đưa vào để phát triển đoạn mã này.

9.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ SoftwareApplicationMô tả một ứng dụng Di động.
http://www.schema.org/ Tổ chứcMô tả một tổ chức.
http://www.schema.org/ AggregateRatingXếp hạng trung bình dựa trên nhiều xếp hạng hoặc đánh giá.
http://www.schema.org/ Ưu đãiMô tả chi tiết cung cấp sản phẩm.

9.3 Đánh dấu

Sử dụng phần mềm Đánh dấu ứng dụng:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Ứng dụng phần mềm",
  "image": " [url hình ảnh biểu tượng ứng dụng phần mềm] ",
  "name": " [tên của ứng dụng phần mềm] ",
  "tác giả": {
    "@type": "Tổ chức",
    "url": " [url tác giả] ",
    "name": " [tên nhà phát triển] "
  },
  "tổng hợp": {
    "@type": "AggregateRating",
    "ratingValue": " [xếp hạng đã cho] ",
    "bestRating": " [xếp hạng cao nhất có thể] ",
    "ratingCount": " [tổng số xếp hạng] "
  },
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2012-04-15] ",
  "fileSize": " [kích thước tệp, ví dụ: 14mb] ",
  "Tương tác": " [số lượt tải xuống của người dùng] ",
  "contentRating": " [xếp hạng nội dung, ví dụ: Độ chín thấp] ",
  "description": " [mô tả của ứng dụng phần mềm] ",
  "downloadURL": " [url tải xuống] "
  "hệ điều hành" : [
    " [hệ điều hành 1] ",
    " [hệ điều hành 2] "
  ],
  "applicationCategory": " [danh mục ứng dụng, ví dụ: http://schema.org/GameApplication] ",
  "Phiếu mua hàng": {
    "@type": "Ưu đãi",
    "price": " [giá ứng dụng] "
 }
}
</script>

9.4 Kiểm tra…

Điền vào chỗ trống, đoạn mã kết quả bằng cách sử dụng công cụ kiểm tra dữ liệu có cấu trúc sẽ giống như sau:

Đọc thêm: Ứng dụng
phần mềm – Schema.org, Đoạn mã chi tiết: Ứng dụng phần mềm – Trợ giúp quản trị trang web của Google

Ví dụ về đoạn mã chi tiết của Schema.org Person

Cho chúng tôi biết về bản thân bạn với người đánh dấu

10.1 Đoạn mã ví dụ

10.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ NgườiMô tả một người (sống, chết hoặc hư cấu)
http://www.schema.org/ PostalAddressVị trí của sự kiện hoặc tổ chức.

10.3 Đánh dấu

Sử dụng đánh dấu Người:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Người",
  "name": " [tên người] ",
  "image": " [url hình ảnh của người] ",
  "jobTitle": " [ô công việc] ",
  "Địa chỉ" : {
    "@type": "PostalAddress",
    "addressLocality": " [Địa phương] ",
    "addressRegion": " [region] ",
    " Mã bưu chính ": " [mã bưu chính] "
  },
  "phone": " [phone number] ",
  "email": " [địa chỉ email] "
}
</script>

Đọc thêm:
Person – Schema.org, Rich Snippets: People – Google Webmaster Help

Ví dụ về đoạn mã sự kiện Schema.org

Bán vé cho nhiều sự kiện với một danh sách tìm kiếm duy nhất

11.1 Đoạn mã ví dụ

Hiện tại, các ví dụ trực tiếp về Schema.org/Event rất khan hiếm, với phần lớn các trang web chọn đánh dấu Microdata, Microformats hoặc RDFa tương đương. Có thể thấy tối đa 3 mục đánh dấu Sự kiện trong đoạn mã chi tiết.

11.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Sự kiệnMô tả một sự kiện sắp diễn ra.

11.3 Đánh dấu

Sử dụng đánh dấu sự kiện:

  • JSON-LD
  • Vi dữ liệu
LẶP LẠI CHO MỖI SỰ KIỆN:
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Sự kiện",
  "name": " [tên sự kiện] ",
  "url": " [url sự kiện] ",
  "vị trí": {
    "@type": "Địa điểm",
    "name": " [tên vị trí] ",
    "địa chỉ": " [vị trí sự kiện] "
    },
  "startDate": " [ngày ở định dạng ISO, ví dụ: 2013-03-16] "
  }
</script>

Đọc thêm:
Sự kiện – Schema.org, Rich Snippets: Events – Google Webmaster Help

Ví dụ về đoạn mã chi tiết của Schema.org Music
Schema.org mở rộng đánh dấu âm nhạc

Tăng đáng kể kích thước kết quả tìm kiếm cho vùng phủ âm thanh

12.1 Đoạn mã ví dụ

12.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ MusicPlaylistMột bộ sưu tập các bản nhạc ở dạng danh sách phát.
http://www.schema.org/ MusicRecordingMột bài hát hoặc bản nhạc.

12.3 Đánh dấu

Có thể hiển thị tối đa bốn bản nhạc trong đoạn mã chi tiết:

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "MusicPlaylist",
  "name": " [tên của danh sách phát] ",
  "numTracks": " [số bản nhạc trong danh sách phát] ",
  "theo dõi": [
  {
    "@type": "MusicRecording",
    "name": " [tên bản nhạc] ",
    "byArtist": " [tên nghệ sĩ] ",
    "url": " [url nghệ sĩ] ",
    "thời lượng": " [thời lượng theo dõi ở định dạng ISO, ví dụ: PT4M45S] ",
    "inAlbum": " [tên album] "
  },
  {
    "@type": "MusicRecording",
    "name": " [tên bản nhạc] ",
    "byArtist": " [tên nghệ sĩ] ",
    "url": " [url nghệ sĩ] ",
    "thời lượng": " [thời lượng theo dõi ở định dạng ISO, ví dụ: PT4M45S] ",
    "inAlbum": " [tên album] "
  }
 ]
}
</script>

12.4 Thử nghiệm:

Xin lưu ý, do độ dài 1500 ký tự trong công cụ thử nghiệm, chỉ có thể hiển thị hai bản nhạc:

Đọc thêm:
MusicPlaylist & MusicRecording – Schema.org, Rich Snippets: Music – Google Webmaster Help

Đoạn mã đa phương tiện mẫu

Tạo danh sách đa phương tiện với đánh dấu video

13.1 Đoạn mã đa phương tiện trực tiếp mẫu

13.2 Cân nhắc

Xin lưu ý rằng việc sử dụng Microdata và Schema.org là không đủ để chuyển đổi nội dung video thành danh sách đa phương tiện ở trên trong kết quả tìm kiếm. Đánh dấu này cũng nên được kết hợp với:

  • Sơ đồ trang web XML video
  • Nội dung văn bản độc đáo bao gồm tiêu đề video, mô tả, hình thu nhỏ – khác với nội dung được thấy ở những nơi khác trên web (bao gồm cả YouTube).

13.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ VideoObjectMột bộ sưu tập các bản nhạc ở dạng danh sách phát.

13.3 Đánh dấu

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "VideoObject",
  "name": " [tên video] ",
  "thời lượng": " [thời lượng ở định dạng ISO, ví dụ: T1M33S] ",
  "thumbnail": " [url thumbnail] ",
  "description": " [mô tả của video] "
}
</script>

Đọc thêm:
VideoObject – Schema.org, đánh dấu Schema.org cho video – Trợ giúp quản trị trang web của Google, Lấy kết quả video trong Google – Chưng cất

Đoạn mã đường dẫn breadcrumb mẫu

Tạo các Đường mòn Breadcrumb Tương tác cho Danh sách Tìm kiếm của bạn

14.1 Đoạn mã trực tiếp mẫu

Hiện tại, đánh dấu Schema.org vẫn chưa dẫn đến định dạng URL chi tiết ở trên được trình bày không giống như các định dạng khác như Microdata và RDFa, mặc dù hy vọng sẽ có trong tương lai gần.

14.2 Đánh dấu

<div itemscope itemtype = "http://data-vocabulary.org/Breadcrumb">
  <a href=" [parent url] "itemprop="url">
    <span itemprop = "title"> [tên trang] </span>
  </a>
</div>
<div itemscope itemtype = "http://data-vocabulary.org/Breadcrumb">
  <a href=" [child url] "itemprop="url">
    <span itemprop = "title"> [tên trang] </span>
  </a>
</div>
<div itemscope itemtype = "http://data-vocabulary.org/Breadcrumb">
  <a href=" [child url] "itemprop="url">
    <span itemprop = "title"> [tên trang] </span>
  </a>
</div>

Đọc thêm:
Rich snippets – Breadcrumbs – Google Webmaster Help

Liên kết trang web xã hội

Biểu trưng & Liên kết trang web xã hội trong Sơ đồ tri thức

15.1 Đoạn mã trực tiếp mẫu

Cả biểu trưng và liên kết hồ sơ xã hội được hiển thị trong Sơ đồ tri thức của Google đều có thể được tận dụng bằng cách sử dụng schema.org.

15.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Tổ chứcMột tổ chức như trường học, công ty, v.v.

15.3 Đánh dấu

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{"@context": "http://schema.org",
  "@type": "Tổ chức",
  "name": " [tên tổ chức] ",
  "logo": " [url hình ảnh logo] ",
  "url": " [url trang web] ",
  "giống như" : [
    "https://twitter.com/ [tên người dùng] ",
    "https://www.facebook.com/ [tên người dùng] ",
    "https://www.linkedin.com/company/ [tên người dùng] ",
    "https://plus.google.com/ [tên người dùng] / posts"
  ]
}
</script>

Đọc thêm:
Sử dụng Đánh dấu Schema.org cho Tổ chức – Trợ giúp Quản trị Trang web của Google.

Hộp Tìm kiếm Liên kết Trang web

SearchAction – Hộp tìm kiếm liên kết trang web

16.1 Đoạn mã trực tiếp mẫu

Các công cụ tìm kiếm đang bắt đầu sử dụng Action based schema.org trong kết quả tìm kiếm, bắt đầu với hộp tìm kiếm Sitelinks.

16.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Trang webMột tập hợp các trang web trên một tên miền.
http://www.schema.org/ SearchActionHành động tìm kiếm.

16.3 Đánh dấu

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": " [url trang web] ",
  "tiềm năng Hành động": {
    "@type": "Hành động tìm kiếm",
    "target": " [url tìm kiếm trang web] = {search_term}",
    "query-input": "Required name = search_term"
  }
}
</script>

Đọc thêm:
Hộp tìm kiếm liên kết trang web – Nhà phát triển Google.

Bài báo sâu sắc

Đánh dấu bài viết InDepth

17.1 Đoạn mã trực tiếp mẫu

Mặc dù dựa trên thuật toán, nhưng khả năng xảy ra loại kết quả này sẽ tăng lên khi các trang web được kết hợp với đánh dấu Bài viết.

17.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Bài báoMột bài báo hoặc câu chuyện tin tức.

17.3 Đánh dấu

  • JSON-LD
  • Vi dữ liệu
<script type = "application / ld + json">
{ 
  "@context": "http://schema.org",
  "@type": "Bài báo",
  "headline": " [tiêu đề bài viết] ",
  "alternativeHeadline": " [tiêu đề phụ của bài viết] ",
  "image": " [url hình ảnh bài viết chính] ",
  "tác giả": " [tên tác giả] ",
  "datePublished": " [ngày tháng ở định dạng ISO, ví dụ: 2014-03-16] ",
  "description": " [tóm tắt bài viết] "
}
</script>

Gmail – Xem hành động

18.1 Đoạn mã trực tiếp mẫu

1-gmail
1-hộp thư đến

Gmail:

Hộp thư đến của Google:

18.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ EmailMessageMột tin nhắn email.
http://www.schema.org/ ViewActionHành động để xem.

18.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "tiềm năng Hành động": {
    "@type": "ViewAction",
    "name": " [văn bản hiển thị trên nút] ",
    "target": " [target url có thể xem] "
  },
  "description": " [email chủ đề] "
}
</script>

Đọc thêm:
Go-To Actions – Google Developers.

Gmail – Lưu hành động

19.1 Đoạn mã trực tiếp mẫu

2-gmail
2 hộp thư đến

Gmail:Hộp thư đến của Google:

19.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ EmailMessageMột tin nhắn email.
SaveActionHành động lưu tức là lưu một chứng từ.

19.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "tiềm năng Hành động": {
    "@type": "SaveAction",
    "name": " [tên của hành động bắt buộc] ",
    "xử lý": {
      "@type": "HttpActionHandler",
      "url": " [url] "
    }
  },
  "description": " [văn bản mô tả] "
}
</script>

Đọc thêm: Lưu hành động – Nhà phát triển của Google.

Gmail – Xác nhận hành động

20.1 Đoạn mã trực tiếp mẫu

3-gmail
3-hộp thư đến

Gmail:Hộp thư đến của Google:

20.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ EmailMessageMột tin nhắn email.
ConfirmActionXác nhận một sự kiện hoặc hành động.

20.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "tiềm năng Hành động": {
    "@type": "ConfirmAction",
    "name": " [tên của hành động bắt buộc] ",
    "xử lý": {
      "@type": "HttpActionHandler",
      "url": " [url hành động] "
    }
  },
  "description": " [text description] "
}
</script>

Đọc thêm:
Xác nhận hành động – Nhà phát triển của Google.

Gmail – Hành động RSVP

21.1 Đoạn mã trực tiếp mẫu

4 hộp thư đến

Hộp thư đến của Google:

21.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Sự kiệnMô tả một sự kiện sắp diễn ra.
Địa điểmNơi diễn ra sự kiện
http://www.schema.org/ RsvpActionThông báo cho người tổ chức sự kiện về việc bạn tham dự sự kiện.

21.3 Đánh dấu

<script type = "application / ld + json">
 {
  "@context": "http://schema.org",
  "@type": "Sự kiện",
  "name": "Cuộc họp với Người có thể nhìn thấy",
  "startDate": " 2015-07-06T11: 30: 00Z ",
  "endDate": " 2015-07-06T12: 30: 00Z ",
  "vị trí": {
    "@type": "Địa điểm",
    "Địa chỉ": {
      "@type": "PostalAddress",
      "name": " [tên vị trí] ",
      "streetAddress": " [tên đường] ",
      "addressLocality": " [địa phương] ",
      " Mã bưu chính ": " [mã bưu chính] ",
      "addressCountry": " [country] "
    }
  },
  "tiềm năngAction": [
    {
      "@type": "RsvpAction",
      "xử lý": {
        "@type": "HttpActionHandler",
        "url": " [accept url] "
      },
      "tham dự": "http://schema.org/RsvpAttendance/Yes"
    },
    {
      "@type": "RsvpAction",
      "xử lý": {
        "@type": "HttpActionHandler",
        "url": " [từ chối-url] "
      },
      "tham dự": "http://schema.org/RsvpAttendance/No"
    },
    {
      "@type": "RsvpAction",
      "xử lý": {
        "@type": "HttpActionHandler",
        "url": " [dự kiến-url] "
      },
      "tham dự": "http://schema.org/RsvpAttendance/Maybe"
    }
  ]
}
</script>

Gmail – Xếp hạng bằng số

22.1 Đoạn mã trực tiếp mẫu

5-gmail

Gmail:

22.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ EmailMessageMột tin nhắn email.
ReviewActionĐể gửi đánh giá về một mặt hàng hoặc dịch vụ.
http://www.schema.org/ Sản phẩmMô tả một mặt hàng hoặc dịch vụ.
http://www.schema.org/ Xếp hạngMột đánh giá cá nhân được đưa ra cho một mặt hàng.

22.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "hoạt động": {
    "@type": "ReviewAction",
    "ôn tập": {
      "@type": "Đánh giá",
      "itemReviewed": {
        "@type": "Sản phẩm",
        "name": " [tên sản phẩm] "
      },
      "reviewRating": {
        "@tỉ lệ loại",
        "bestRating": " [xếp hạng tốt nhất] ",
        "badRating": " [xếp hạng kém nhất] "
      }
    },
    "xử lý": {
      "@type": "HttpActionHandler",
      "url": " [gửi url đánh giá] ",
      "RequiredProperty": {
        "@type": "Thuộc tính",
        "name": "review.reviewRating.ratingValue"
      },
      "method": "http://schema.org/HttpRequestMethod/POST"
    }
  },
  "description": " [văn bản mô tả] "
}
</script>

22.4 Mở rộng đánh dấu này

6-gmail

Đây mark-up có thể được mở rộng để người dùng có thể gửi đánh giá văn bản đầy đủ với kết quả như sau:
Gmail

22.5 Đánh dấu đầy đủ

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "hoạt động": {
    "@type": "ReviewAction",
    "ôn tập": {
      "@type": "Đánh giá",
      "itemReviewed": {
        "@type": "Sản phẩm",
        "name": " [tên sản phẩm] "
      },
      "reviewRating": {
        "@tỉ lệ loại",
        "bestRating": " [xếp hạng tốt nhất] ",
        "badRating": " [xếp hạng kém nhất] "
      }
    },
    "xử lý": {
      "@type": "HttpActionHandler",
      "url": " [gửi url đánh giá] ",
      "RequiredProperty": {
        "@type": "Thuộc tính",
        "name": "review.reviewRating.ratingValue"
      },
      "optionProperty": {
        "@type": "Thuộc tính",
        "name": "review.reviewBody"
      },
      "method": "http://schema.org/HttpRequestMethod/POST"
    }
  },
  "description": " [văn bản mô tả] "
}
</script>

Đọc thêm:
Hành động đánh giá – Nhà phát triển của Google.

Gmail – Gửi bưu kiện

23.1 Đoạn mã trực tiếp mẫu

7-gmail
7-hộp thư đến

Gmail:Hộp thư đến của Google:

23.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ ParcelDeliveryChi tiết của một bưu kiện.
http://www.schema.org/ PostalAddressĐịa chỉ gửi thư
http://www.schema.org/ Tổ chứcMô tả một tổ chức hoặc doanh nghiệp
http://www.schema.org/ Sản phẩmMô tả một sản phẩm hoặc dịch vụ
http://www.schema.org/ Đặt hàngMô tả một đơn đặt hàng hoặc giao dịch.

23.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "ParcelDelivery",
  "địa chỉ giao hàng": {
    "@type": "PostalAddress",
    "streetAddress": " [địa chỉ đường phố] ",
    "addressRegion": " [region] ",
    "addressCountry": " [country] ",
    "Mã bưu chính": " [mã bưu điện] "
  },
  "dự kiếnArrivalUntil ": " 2015-08-10T12: 00: 00-08: 00 ",
  "vận chuyển": {
    "@type": "Tổ chức",
    "name": " [tên chuyển phát nhanh] "
  },
  "itemShipped": {
    "@type": "Sản phẩm",
    "name": " [tên sản phẩm] "
  },
  "partOfOrder": {
    "@type": "Đặt hàng",
    "orderNumber": " [số thứ tự] ",
    "thương gia": {
      "@type": "Tổ chức",
      "name": " [tên người bán] "
    }
  },
  "trackingUrl": " [url theo dõi] "
}
</script>

Đọc thêm:
Chuyển phát bưu kiện – Nhà phát triển của Google.

Gmail – Xem đơn đặt hàng

24.1 Đoạn mã trực tiếp mẫu

8-gmail
8-hộp thư đến

Gmail:Hộp thư đến của Google:

24.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Đặt hàngMột tin nhắn email.
http://www.schema.org/ Tổ chứcMô tả một tổ chức hoặc doanh nghiệp
http://www.schema.org/ Sản phẩmMô tả một sản phẩm hoặc dịch vụ
http://www.schema.org/ QuantitativeValueChất lượng sản phẩm.

24.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Đặt hàng",
  "thương gia": {
    "@type": "Tổ chức",
    "name": " [tên người bán] "
  },
  "orderNumber": " [số thứ tự] ",
  "priceCurrency": " [tiền tệ, ví dụ: GBP] ",
  "price": " [tổng giá trị đặt hàng] ",
  "acceptOffer": {
    "@type": "Ưu đãi",
    "itemOffered": {
      "@type": "Sản phẩm",
      "name": " [tên sản phẩm] "
    },
    "Số lượng đủ điều kiện": {
      "@type": "Giá trị định lượng",
      "value": " [số lượng đơn vị đã đặt hàng] "
    }
  },
  "url": " [xem url đơn đặt hàng] "
}
</script>

Đọc thêm:
Đặt hàng – Nhà phát triển Google.

Gmail – Đặt trước sự kiện

Do sự tương đồng chặt chẽ giữa đánh dấu và kết quả đặt chỗ (sự kiện, chuyến bay, khách sạn, thuê xe, nhà hàng), một vài phần tiếp theo chỉ khám phá Sự kiện & Chuyến bay làm ví dụ.

25.1 Đoạn mã trực tiếp mẫu

9 hộp thư đến-1
9-hộp thư đến-2

Hộp thư đến của Google – Chế độ xem 1:Hộp thư đến của Google – Chế độ xem 2:

25.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ EventReservationThông tin chi tiết về đặt chỗ sự kiện.
http://www.schema.org/ NgườiTên của một người
http://www.schema.org/ MusicEventThông tin chi tiết về một sự kiện âm nhạc.
http://www.schema.org/ PostalAddressĐịa chỉ của sự kiện.

25.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "EventReservation",
  "số đặt chỗ": " [số đặt chỗ] ",
  "bookingStatus": " [trạng thái đặt chỗ] ",
  "underName": {
    "@type": "Người",
    "tên": " [tên] "
  },
  "Đặt phòng cho": {
    "@type": "MusicEvent",
    "name": " [tên sự kiện] ",
    "url": " [url sự kiện] ",
    "người biểu diễn": {
      "@type": "Người",
      "name": " [người biểu diễn] ",
      "image": " [hình ảnh người biểu diễn] "
    },
    "startDate": " 2015-08-30T11: 30: 00-00: 00 ",
    "endDate": " 2015-08-30T23: 00: 00-00: 00 ",
    "doorTime": " 2015-08-30T10: 00: 00-00: 00 ",
    "vị trí": {
      "@type": "Địa điểm",
      "name": " [tên vị trí] ",
      "Địa chỉ": {
        "@type": "PostalAddress",
        "streetAddress": " [địa chỉ đường phố] ",
        "addressLocality": " [địa phương] ",
        "addressRegion": " [region] ",
        "Mã bưu chính": " [mã bưu điện] ",
        "addressCountry": " [country] "
      }
    }
  },
  "ticketToken": " [mã qr / số] ",
  "ticketNumber": " [số vé đã chỉ định] ",
  "numSeats": " [số lượng chỗ đã đặt] "
}
</script>

Đọc thêm:
Đặt trước sự kiện – Nhà phát triển của Google.

Gmail – Đặt vé máy bay

26.1 Đoạn mã trực tiếp mẫu

10-gmail chỉ được mở rộng
10 hộp thư đến-1
10-hộp thư đến-2
10 hộp thư đến-bộ ghép nối
bị hủy bỏ
đã xác nhận

Gmail:

Hộp thư đến của Google – Chế độ xem chuẩn

Hộp thư đến của Google – Chế độ xem được mở rộng

Hộp thư đến của Google – Nhiều vé:

Hộp thư đến của Google – Trạng thái đã bị Hủy:

Hộp thư đến của Google – Trạng thái được xác nhận:

26.2 Sơ lược về các tính năng đánh dấu cốt lõi:

  • Itemtype
  • Lặp lại
ItemtypeSự miêu tả
http://www.schema.org/ Đặt chỗ chuyến bayThông tin chi tiết về đặt vé máy bay.
http://www.schema.org/ NgườiTên của người đã đặt chỗ.
http://www.schema.org/ Chuyến bayMô tả chi tiết của một chuyến bay.
http://www.schema.org/ Sân bayMô tả chi tiết của một sân bay
http://www.schema.org/ AirlineThông tin chi tiết của hãng hàng không.

26.3 Đánh dấu

<script type = "application / ld + json">
{
  "@context": "http://schema.org",
  "@type": "Đặt chỗ chuyến bay",
  "số đặt chỗ": " [số đặt chỗ] ",
  "ReserveStatus": " http://schema.org/Confhentication ",
  "underName": {
    "@type": "Người",
    "tên": " [tên] "
  },
  "Đặt phòng cho": {
    "@type": "Chuyến bay",
    "flightNumber": " [số chuyến bay] ",
    "hãng hàng không": {
      "@type": "Hãng hàng không",
      "name": " [tên hãng hàng không] ",
      "iataCode": " [ví dụ BA] "
    },
    "sân bay khởi hành": {
      "@type": "Sân bay",
      "name": " [tên sân bay] ",
      "iataCode": " [ví dụ: LHA] "
    },
    "Thời gian khởi hành": " 2015-08-08T03: 15: 00-00: 00 ",
    "ArrivalAirport": {
      "@type": "Sân bay",
      "name": " [tên sân bay] ",
      "iataCode": " [ví dụ: DUB] "
    },
    "ArrivalTime": " 2015-08-08T04: 15: 00-00: 00 "
  }
}
</script>

Đọc thêm:
Đặt chỗ chuyến bay – Nhà phát triển của Google.


Công cụ & Tài nguyên

  • Công cụ kiểm tra dữ liệu có cấu trúc – Google
  • Sân chơi JSON-LD – json-ld.org
  • Schema Creator – Công cụ Raven
  • Schema.org & Microdata Generator – microDATAgenerator
  • Công cụ xác thực đánh dấu – Bing
  • Bookmarklet Công cụ kiểm tra đoạn mã phong phú – AJ Kohn
  • Chỉ mục web ngữ nghĩa – Sindice
  • Meta và Rich Snippet Tester – GreenLane

Bổ sung

WordPress

  • Người tạo lược đồ – Quạ
  • WordPress SEO bởi Yoast – Joost de Valk
  • WordLift

Magento

  • Tiện ích mở rộng Schema.org – Iuvo Commerce
  • MSemantic: SEO ngữ nghĩa cho Rich Snippets trong Google & Yahoo – semantium

Joomla

  • J4Schema – Davide Tampellini

Drupal

  • Schema.org – Drupal

Tài liệu tham khảo:

https://developers.google.com/search/docs/guides/intro-structured-data?hl=vi

Daniel Butler

technicalseo.com

https://json-ld.org/