Menyediakan Data Terstruktur

Halaman ini menunjukkan cara menambahkan data terstruktur yang diandalkan operator penelusuran.

Laman web sering kali dipenuhi dengan teks bentuk bebas, yang mudah dibaca manusia tetapi lebih sulit dipahami oleh komputer. Beberapa halaman memiliki informasi dengan struktur lebih besar yang mudah dibaca, seperti tanggal halaman yang disematkan di URL atau judul halaman, atau kolom yang dapat dibaca mesin dan disematkan dalam kode HTML. Google mengekstrak berbagai data terstruktur dari halaman web. Halaman ini menjelaskan jenis data terstruktur yang diekstrak Google yang tersedia untuk digunakan dalam Cuplikan Kustom dan Penelusuran Terstruktur.

  1. Ringkasan
  2. Menyediakan Data ke Programmable Search Engine
  3. Menyediakan Data ke Cuplikan Kaya
  4. Melihat Data Terstruktur yang Diekstrak

Ringkasan

Saat membaca halaman web yang menjual DVD, Anda dapat dengan cepat mengetahui judulnya, pendapat peninjau tentang film, dan cara mereka menilainya. Tetapi komputer tidak dapat melakukan hal yang sama, karena komputer tidak memahami bagaimana informasi terstruktur.

Misalnya, jika halaman memiliki konten tentang DVD tersebut—bersama dengan rekomendasi untuk item lain, iklan dari toko lain, dan komentar dari pelanggan—halaman tersebut mungkin memiliki harga yang berbeda untuk berbagai hal, tidak hanya untuk DVD yang dijual. Anda dapat dengan mudah mengetahui harga DVD sambil menolak harga lainnya, tetapi komputer tidak dapat melakukannya. Beberapa program canggih mungkin mencantumkan harga di halaman web, tetapi tidak dapat menentukan aturan untuk menemukan harga DVD saja.

Format data terstruktur adalah aturan yang menstandarkan struktur dan konten halaman web. Kode ini adalah markup yang Anda terapkan pada cuplikan teks sehingga komputer dapat memproses arti atau semantiknya. Markup tidak mengubah format situs Anda, melainkan hanya membuat metadata dan teks yang diapit dalam tag X ini lebih bermakna bagi komputer.

Programmable Search Engine mengenali format berikut:

  • PageMaps: blok XML tak terlihat yang menambahkan metadata ke halaman.
  • JSON-LD: data terstruktur tidak terlihat menggunakan format JSON.
  • Microformat: tag yang digunakan untuk me-markup konten halaman yang terlihat di sepanjang jenis yang telah ditetapkan.
  • RDFa: standar alternatif untuk me-markup konten halaman yang terlihat di sepanjang jenis arbitrer.
  • Microdata: standar HTML5 baru untuk me-markup konten halaman yang terlihat.
  • Tag <meta>: tag HTML standar, yang sebagian di antaranya diuraikan oleh Google.
  • Tanggal Halaman: fitur di halaman yang menunjukkan tanggalnya, yang coba diurai oleh Google

Anda dapat menggunakan satu atau kombinasi format yang Anda sukai. Perlu diperhatikan bahwa tidak seperti Programmable Search Engine, Google Penelusuran hanya menggunakan JSON-LD, Microdata, dan RDFa saat membuat cuplikan lengkap, serta memiliki algoritma dan kebijakannya sendiri untuk menentukan informasi yang akan ditampilkan kepada pengguna. Jadi, meskipun elemen data terstruktur yang Anda tambahkan ke halaman mungkin ditampilkan di Programmable Search Engine, data tersebut mungkin tidak digunakan di hasil Google Penelusuran.

Berikut ini adalah cuplikan HTML biasa yang ideal dari situs ulasan:

<div>
    <div>
        <h1>Pizza My Heart</h1>
    </div>
    <span>88%</span> like it
    <a href="#reviews">See all 12 reviews</a>
    <span>Under $10 per entree</span>
<div>

Cuplikan berikut menunjukkan kode HTML sebelumnya yang diperluas dengan format yang disebut mikroformat:

<div class="hreview-aggregate">
    <div class="vcard item">
        <h1 class="fn">Pizza My Heart</h1>
    </div>
    <span class="rating average">88%</span> like it
    <a href="#reviews">See all <span class="count">12</span> reviews</a>
    <span class="pricerange">Under $10 per entree</span>
<div>
Fitur yang diekstrak Programmable Search Engine dapat dilihat dengan mengikuti metode ini

Dengan menyertakan format data terstruktur standar ke dalam halaman, Anda tidak hanya menyediakan data untuk Programmable Search Engine, tetapi juga untuk layanan atau alat apa pun yang mendukung standar yang sama. Terapkan data terstruktur ke informasi paling penting di halaman web, sehingga Anda dapat menyajikannya langsung di hasil. Misalnya, jika Anda memiliki situs yang menjual perangkat Android, sertakan data terstruktur tentang rating, harga, ketersediaan, dan lainnya. Saat menelusuri perangkat Android, pengguna dapat melihat rating, harga, dan ketersediaan secara sekilas.

Jadi komputer sekarang dapat memahami jenis data yang ada di laman web. Apa langkah selanjutnya? Komputer juga dapat mulai melakukan tugas sederhana untuk menemukan dan menggabungkan informasi di halaman web yang berbeda. Hal ini membebaskan pengguna dari tugas yang benar-benar membosankan, seperti menyaring beberapa halaman untuk menemukan item yang mereka inginkan. Mesin telusur, seperti Programmable Search Engine, dapat memproses data terstruktur di halaman web Anda serta menampilkannya dengan cara yang lebih bermanfaat dan bermakna, seperti cuplikan kustom dan penelusuran terstruktur.

Kembali ke atas

Menyediakan Data ke Programmable Search Engine

Google mendukung beberapa jenis data yang terutama digunakan oleh Programmable Search Engine: Pagemap, subkumpulan tag <meta>, dan perkiraan tanggal halaman.

Menggunakan PageMaps

PageMaps adalah format data terstruktur yang memberi Google informasi tentang data di sebuah halaman. Alat ini memungkinkan pembuat situs menyematkan data dan catatan di halaman web. Meskipun data terstruktur tidak terlihat oleh pengguna Anda atau Google Penelusuran Web, Programmable Search Engine akan mengenalinya saat mengindeks halaman web Anda dan menampilkannya langsung di Programmable Search Element.

Anda dapat secara eksplisit menambahkan PageMaps ke sebuah halaman, atau mengirimkan PageMaps menggunakan Peta Situs. Google juga akan menggunakan informasi lain di halaman, seperti markup cuplikan kaya atau data tag meta, untuk membuat PageMap.

Tidak seperti format data terstruktur lainnya yang dijelaskan di bawah, PageMaps tidak mengharuskan Anda untuk mengikuti properti atau istilah standar, atau bahkan merujuk ke kosakata, skema, atau template yang sudah ada. Anda cukup membuat nilai atribut khusus yang sesuai untuk situs Anda. Tidak seperti atribut data terstruktur mikroformat, microdata, dan RDFa, yang ditambahkan di sekitar konten yang terlihat oleh pengguna di dalam isi HTML, metadata PageMaps disertakan di bagian head pada halaman HTML. Metode ini mendukung data arbitrer yang mungkin diperlukan aplikasi Anda, tetapi mungkin tidak ingin Anda tampilkan kepada pengguna.

Setelah membuat PageMap, Anda dapat mengirimkannya ke Google menggunakan salah satu metode berikut:

Definisi tag PageMap

Tabel berikut menguraikan persyaratan untuk menambahkan data PageMap ke Peta Situs.

Tag Wajib? Deskripsi
PageMap Ya Mencakup semua informasi PageMap untuk URL yang relevan.
DataObject Ya Mencakup semua informasi tentang satu elemen (misalnya, tindakan).
Attribute Ya Setiap DataObject berisi satu atau beberapa atribut.

Catatan: PageMaps adalah blok XML dan harus diformat dengan benar; khususnya, tag PageMap, DataObject, dan Attribute dalam XML bersifat peka huruf besar/kecil, seperti atribut type, name, dan value.

Menambahkan data PageMap langsung ke halaman HTML Anda

Berikut adalah contoh data PageMap untuk halaman web tentang bulu tangkis:

<html>
  <head>
   ...
  <!--
  <PageMap>
     <DataObject type="document">
        <Attribute name="title">The Biomechanics of a Badminton
        Smash</Attribute>
        <Attribute name="author">Avelino T. Lim</Attribute>
        <Attribute name="description">The smash is the most
        explosive and aggressive stroke in Badminton. Elite athletes can
        generate shuttlecock velocities of up to 370 km/h. To perform the
        stroke, one must understand the biomechanics involved, from the body
        positioning to the wrist flexion. </Attribute>
        <Attribute name="page_count">25</Attribute>
        <Attribute name="rating">4.5</Attribute>
        <Attribute name="last_update">05/05/2009</Attribute>
     </DataObject>
     <DataObject type="thumbnail">
        <Attribute name="src" value="http://www.example.com/papers/sic.png" />
        <Attribute name="width" value="627" />
        <Attribute name="height" value="167" />
     </DataObject>
  </PageMap>
  -->
  </head>
   ...
</html>

Menambahkan data PageMap ke Peta Situs

Jika tidak ingin menyertakan data PageMap dalam HTML halaman, Anda dapat menambahkan data PageMap ke Peta Situs dan mengirimkan Peta Situs tersebut melalui alat Peta Situs Search Console.

Berikut adalah contoh Peta Situs yang menyertakan informasi PageMap untuk dua URL: http://www.example.com/foo dan http://www.example.com/bar.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url>
   <loc>http://www.example.com/foo</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="hibachi">
       <Attribute name="name">Dragon</Attribute>
       <Attribute name="review">3.5</Attribute>
     </DataObject>
   </PageMap>
 </url>
 <url>
   <loc>http://www.example.com/bar</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="biggreenegg">
       <Attribute name="name">Ribs</Attribute>
       <Attribute name="review">4.0</Attribute>
     </DataObject>
   </PageMap>
 </url>
</urlset>

Mengurai data PageMap

Dengan menggunakan Elemen Penelusuran Programmable, atribut khusus yang ditampilkan dalam properti richSnippet dari setiap hasil dapat digunakan dengan Callback Elemen Penelusuran.

<r n="1">
 <u> http://www.xyz.com/business/vending_machine.html </u>
 ...
 <t> In Italy, a Vending Machine Even Makes the <b>Pizza</b> </t>
 ...
 <s>The European vending machine industry has annual sales of about #33
 billion, much of it coming from factories and offices.</s>
 ...
 <PageMap>
  <DataObject type="image">
   <Attribute name="image_src" value="http://www.nytimes.com/images/2009/03/14/business/14vend.751.jpg"/>
  </DataObject>
  <DataObject type="publication">
   <Attribute name="author" value="John Tagliabue"/>
   <Attribute name="date" value="March 14, 2009"/>
   <Attribute name="category" value="Business/World Business"/>
  </DataObject>
 </PageMap>
 ...
</r>

Kembali ke atas

Menggunakan <meta> tag

Meskipun PageMaps memungkinkan Anda menentukan data yang diinginkan untuk setiap halaman dengan tepat, terkadang Anda memiliki konten dalam jumlah besar yang tidak ingin diberi anotasi. Google mengekstrak konten yang dipilih dari tag META dengan format <meta name="KEY" content="VALUE">. Kami tidak mendukung varian tag META, seperti penggunaan property, bukan name.

Meskipun kami secara eksplisit mengecualikan tag umum yang biasanya disisipkan secara terprogram oleh alat pembuat web, seperti robots, description, dan keywords, tag lebih langka yang khusus untuk situs Anda akan diekstrak dan dimasukkan ke dalam objek data khusus jenis metatags, yang dapat digunakan dengan semua fitur data terstruktur Penelusuran Khusus. Misalnya, tag <meta> dalam bentuk:

<meta name="pubdate" content="20100101">

membuat DataObject PageMap yang dikembalikan dalam hasil XML seperti ini:

<r n="1">
 ...
 <PageMap>
  <DataObject type="metatags">
   <Attribute name="pubdate" value="20100101"/>
  </DataObject>
 </PageMap>
 ...
</r>

Data dalam PageMap yang dibuat secara otomatis ini dapat digunakan di mana pun Anda dapat menggunakan data dari PageMap yang secara eksplisit disertakan di konten halaman Anda. Misalnya, atribut ini dapat digunakan dengan operator penelusuran terstruktur seperti Urutkan menurut Atribut:

https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=metatags-pubdate

atau dengan Programmable Search Element:

...
<div class="gcse-search" sort_by="metatags-pubdate:d:s"></div>
...

Berikut adalah tag <meta> yang dikecualikan oleh Google:

  • robot
  • deskripsi
  • kata kunci
  • kunjungi kembali
  • generator
  • Verifikasi-v1
  • googlebot
  • google-site-verification
  • {i>mssmarttagspreventparsing<i}
  • tanpa cache

Google berupaya menyertakan semua tag <meta> lainnya, dengan peringatan bahwa tanda baca, karakter khusus, dan spasi tersemat di kolom name pada tag <meta> mungkin tidak diurai dengan benar. Programmable Search Engine secara eksplisit mendukung titik dan tanda hubung di nama tag <meta>. Programmable Search Engine tidak secara eksplisit mendukung karakter khusus lainnya dalam nama tag <meta>, tetapi beberapa karakter khusus dapat diterima dengan benar jika dienkode URL.

Batasan

Programmable Search Engine akan mengonversi hingga 50 tag <meta> ke PageMaps, selama total ukuran teks semua properti yang diproses tidak melebihi 1 MB, dan tidak boleh ada properti individual yang melebihi 1.024 karakter.

Kembali ke atas

Menggunakan Tanggal Halaman

Selain metadata yang Anda tentukan secara eksplisit di halaman, Google juga memperkirakan tanggal halaman berdasarkan fitur halaman seperti tanggal pada judul dan URL. Programmable Search Engine memungkinkan Anda menggunakan tanggal ini untuk mengurutkan, membiaskan, dan membatasi hasil dengan menggunakan kunci metadata khusus date. Estimasi tanggal ini dapat digunakan di semua operator yang menggunakan parameter URL &sort=, termasuk Urutkan menurut Atribut, Bias menurut Atribut, Batasi ke Rentang.

Catatan: Tanggal halaman tidak ditambahkan ke PageMap, sehingga tidak ditampilkan dalam hasil JSON API, tidak dapat digunakan dalam elemen Programmable Search Engine, dan tidak dapat digunakan dengan fitur Filter menurut Atribut.

Contoh berikut menunjukkan penggunaan tanggal halaman dengan operator ini:

Jika Anda ingin... Kirim URL ini... Untuk mempelajari lebih lanjut, lihat...
Mengurutkan hasil berdasarkan tanggal dalam urutan menurun mulai dari tanggal terbaru. https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date Urutkan menurut Atribut
Membiaskan hasil secara kuat ke tanggal yang lebih baru https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:d:s Bias menurut Atribut
Membiaskan hasil secara lemah terhadap tanggal yang lebih lama https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:a:w Bias menurut Atribut
Kembali hasil dari 1 Januari hingga 1 Februari 2010 (inklusif) https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:r:20100101:20100201 Batasi ke Rentang

Perkiraan Google untuk tanggal yang tepat untuk sebuah halaman didasarkan pada fitur seperti tanggal penulis artikel berita atau tanggal yang ditentukan secara eksplisit dalam judul dokumen. Jika halaman memiliki tanggal yang ditentukan dengan buruk atau tidak konsisten, estimasi tanggal halaman dari Google mungkin tidak sesuai, dan Programmable Search Engine Anda dapat menampilkan hasil yang diurutkan dengan cara yang tidak Anda harapkan.

Memformat Tanggal

Situs dapat memberikan informasi tanggal secara implisit, yang mengandalkan fitur estimasi tanggal halaman Google untuk mendeteksi tanggal yang disematkan dalam URL halaman, judul, atau fitur lainnya, atau secara eksplisit dengan menyediakan tanggal dalam format data terstruktur. Dalam kedua kasus tersebut, penggunaan tanggal yang efektif memerlukan pemformatan tanggal dengan benar.

Untuk fitur Sort by Attribute Programmable Search Engine, Bias by Attribute, Restrict to Range, Google berupaya menguraikan tanggal menggunakan pemformatan tanggal konvensional dan standar formal seperti ISO 8601 dan IETF RFC 850. Format tanggal lengkap berikut diterima:

Format Tanggal Contoh Tanggal
YYYY-MM-DD 2009-12-31
YYYY/MM/DD 31/12/2009
YYYYMMDD 20091231
Bulan DD YYYY 31 Desember 2009
DD Bulan YYYY 31 Desember 2009

Google akan mencoba mengurai varian format tanggal ini, seperti MM/DD/YYYY dan DD/MM/YYYY. Namun, semakin ambigu tanggal tersebut, semakin kecil kemungkinan Google akan menguraikannya dengan benar. Misalnya, tanggal 06/07/08 sangat ambigu dan Google tidak mungkin akan menetapkan penafsiran yang Anda inginkan pada tanggal tersebut. Untuk hasil terbaik, gunakan format tanggal ISO 8601 lengkap dengan tahun yang ditentukan sepenuhnya.

Kembali ke atas

Cuplikan Kaya

Google juga mengekstrak berbagai data terstruktur dari JSON-LD, Microformats, RDFa dan Microdata untuk digunakan dalam cuplikan kaya, presentasi yang diperluas dari hasil penelusuran Google standar. Data serupa dapat digunakan di operator data terstruktur Programmable Search Engine—biasanya, data yang sama yang digunakan dalam cuplikan lengkap. Misalnya, jika Anda telah me-markup halaman dengan standar hrecipe Microformat, Anda dapat mengurutkan jumlah bintang rating resep dengan operator seperti &sort=recipe-ratingstars. Google terus memperluas data yang diekstrak dan jumlah data yang tersedia untuk digunakan di Programmable Search Engine. Untuk melihat data yang saat ini diekstrak oleh Google, Anda dapat menggunakan Alat Pengujian Data Terstruktur di Search Console.

Kembali ke atas

Menggunakan JSON-LD

JSON-LD adalah format standar yang digunakan secara luas untuk data terstruktur. Data diformat sebagai JSON dan ditempatkan di tag <script> dengan type="application/ld+json".

Berikut ini adalah bit minimal HTML dengan beberapa JSON-LD sederhana:

<script type="application/ld+json">
      {
        "@id": "http://event.example.com/events/presenting-foo",
        "@type": "http://schema.org/Event",
        "http://schema.org/description": "Please attend. You'll love it!",
        "http://schema.org/name": "Presenting Foo",
        "http://schema.org/startdate": "2022-05-24",
        "http://schema.org/location": "Back room"
      }
    </script>

Google mengekstrak subset data ini untuk Programmable Search Engine dan menormalisasi data tersebut. Normalisasi ini menyederhanakan JSON-LD, sehingga menghapus banyak idiom JSON-LD. Data yang dinormalkan diproses lebih lanjut:

  • JSON dikonversi dari struktur grafik JSON-LD menjadi hutan pepohonan.
  • Hutan tersebut disederhanakan menjadi cabang-cabang yang terkait dengan subset jenis schema.org. Subset terdiri dari hierarki jenis schema.org untuk Jika Anda memiliki jenis lain yang mungkin berguna untuk kasus penggunaan spesifik Anda, harap beri tahu kami di Forum Dukungan.
  • Setiap node JSON-LD dari salah satu jenis yang dipilih akan mengambil cabang dari hierarki JSON-LD-nya. Cabang tersebut menyertakan node ancestor di pohon dan semua node turunannya. Jadi, misalnya, kita mungkin memiliki hierarki yang di-root pada MusicComposition dengan properti firstPerformance yang memiliki nilai Event, yang memiliki kumpulan lengkap properti Event. Semua node tersebut, dari MusicComposition hingga properti Event dan setiap turunannya disimpan untuk mempertahankan cabang pohon yang bermakna yang berisi firstPerformance Event.
Untuk JSON-LD di atas, data terstruktur akan ditampilkan dalam hasil penelusuran sebagai JSON seperti ini:
 ...
 "event": {
   "name": "Presenting Foo",
   "description": "Please attend. You'll love it!",
   "startdate": "2022-05-24",
   "location": "Back room"
 },
 ...

Untuk melihat informasi yang diekstrak Google Penelusuran untuk suatu halaman dan memvalidasi JSON-LD, gunakan Alat Pengujian Hasil Multimedia di situs Search Console Google.

Untuk mempelajari JSON-LD lebih lanjut, baca dokumentasi data terstruktur dan json-ld.org.

Kembali ke atas

Menggunakan Mikroformat

Mikroformat adalah spesifikasi untuk merepresentasikan item yang umum dipublikasikan seperti ulasan, orang, produk, dan bisnis. Umumnya, mikroformat terdiri dari elemen <span> dan <div> serta properti class, beserta nama properti singkat dan deskriptif (seperti dtreviewed atau rating, yang mewakili tanggal item diulas dan ratingnya).

Berikut ini mencakup cuplikan kode HTML biasa.

<p><strong>Kevin Grendelzilla</strong></p>
<p>Technical writer at Google</p>
<p>555 Search Parkway</p>
<p>Googlelandia, CA 94043</p>

Cuplikan berikut menunjukkan kode HTML sebelumnya yang diperluas dengan microformat:

<div class="vcard">
   <p><strong class="fn">Kevin Grendelzilla</strong></p>
   <p><span class="title">Technical writer</span> at <span class="org">Google</span></p>
   <p><span class="adr">
      <span class="street-address">555 Search Parkway</span>
      <span class="locality">Googlelandia</span>, <span class="region">CA</span>
      <span class="postcode">94043</span>
      </span></p>
</div>

Google mengekstrak subset data ini, yang dinormalisasi dan diatur ulang agar sesuai dengan bagaimana data tersebut akan ditampilkan dalam cuplikan kaya. Subset ini akan ditampilkan dalam hasil XML seperti ini:

<r n="1">
 ...
 <PageMap>
  <DataObject type="person">
   <Attribute name="location" value="Googlelandia"/>
   <Attribute name="role" value="Technical Writer"/>
  </DataObject>
 </PageMap>
 ...
</r>

Untuk melihat apa yang diekstrak Google untuk sebuah halaman, gunakan Alat Pengujian Data Terstruktur di situs Search Console Google. Data yang diekstrak Google dari halaman akan terus diperpanjang, jadi periksa kembali secara berkala untuk melihat apakah data yang Anda inginkan telah tersedia. Sementara itu, jika memerlukan data kustom yang tidak sesuai dengan mikroformat yang ditentukan, Anda dapat menggunakan PageMaps.

Untuk mempelajari mikroformat lebih lanjut, lihat dokumentasi data terstruktur dan microformats.org.

Kembali ke atas

Menggunakan Framework Deskripsi Resource dalam Atribut (RDFa)

Resource Description Framework dalam atribut (RDFa) lebih fleksibel daripada mikroformat. Mikroformat menentukan sintaksis untuk menyertakan data terstruktur ke dalam dokumen HTML dan kumpulan kelas mikroformat masing-masing dengan kosakata spesifiknya sendiri terkait atribut yang diizinkan. Di sisi lain, RDFa hanya menentukan sintaksis dan memungkinkan Anda menggunakan kosakata atribut yang ada atau membuatnya sendiri. Bahkan memungkinkan Anda menggabungkan beberapa kosakata dengan bebas. Jika kosakata yang ada tidak memenuhi kebutuhan, Anda dapat menentukan standar dan kosakata yang ada dengan membuat kolom baru.

Berikut ini mencakup cuplikan kode HTML biasa.

<div>
   <h3>5 Centimeters Per Second</h3>
   <h4>Makoto Shinkai</h4>
    ...
</div>

Cuplikan berikut menunjukkan kode HTML sebelumnya yang diperluas dengan RDFa:

<div>
   <h3 property="dc:title">5 Centimeters Per Second</h3>
   <h4 property="dc:maker">Makoto Shinkai</h4>
   ...
</div>

Untuk mempelajari RDFa lebih lanjut, lihat dokumentasi data terstruktur. Untuk mempelajari lebih lanjut cara menentukan skema RDF, lihat RDF Primer.

Kembali ke atas

Menggunakan Microdata

HTML5, revisi terbaru dari bahasa halaman web, menentukan format yang disebut microdata yang menggabungkan ide RDFa dan Microformat langsung ke dalam standar HTML itu sendiri. Microdata menggunakan atribut sederhana dalam tag HTML (sering kali span atau div) untuk menetapkan nama singkat dan deskriptif ke item dan properti.

Seperti RDFa dan Microformat, atribut Microdata membantu Anda menentukan bahwa konten Anda mendeskripsikan informasi dari jenis tertentu, seperti ulasan, orang, informasi, atau acara. Misalnya, seseorang dapat memiliki nama properti, nama panggilan, URL, judul, dan afiliasi. Berikut adalah contoh blok HTML singkat yang menampilkan informasi kontak dasar untuk Bob Smith:

<div>
  My name is Bob Smith but people call me Smithy. Here is my home page:
  <a href="http://www.example.com">www.example.com</a>
  I live in Albuquerque, NM and work as an engineer at ACME Corp.
</div>

Berikut adalah HTML yang sama yang diberi markup dengan microdata. Perhatikan bahwa dalam contoh ini, kita menggunakan 'nama panggilan' properti yang belum menjadi bagian dari schema.org secara resmi. Penelusuran Kustom adalah cara yang tepat untuk mempelajari kemungkinan ekstensi schema.org secara lokal sebelum mengusulkannya ke komunitas yang lebih luas.

<div itemscope itemtype="http://schema.org/Person">
  My name is <span itemprop="name">Bob Smith</span>
  but people call me <span itemprop="nickname">Smithy</span>.
  Here is my home page:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  I live in Albuquerque, NM and work as an <span itemprop="title">engineer</span>
  at <span itemprop="affiliation">ACME Corp</span>.
</div>

Baris pertama contoh ini berisi tag div HTML dengan atribut itemscope yang menunjukkan bahwa div berisi item microdata. Atribut itemtype="http://schema.org/Person" pada tag yang sama menunjukkan bahwa ini adalah manusia. Setiap properti item orang diidentifikasi dengan atribut itemprop; misalnya, itemprop="name" pada tag span mendeskripsikan nama orang. Perlu diketahui bahwa Anda tidak dibatasi pada span dan div; tag itemprop="url" dilampirkan ke tag a (anchor).

Untuk mempelajari microdata lebih lanjut, lihat dokumentasi data terstruktur dan standar HTML Microdata.

Kembali ke atas

Melihat Data Terstruktur yang Diekstrak

Data terstruktur JSON-LD memiliki alat validasi khusus yang didukung Google, yaitu Alat Pengujian Hasil Multimedia. Metode ini memeriksa sintaksis JSON-LD dan beberapa semantiknya, terutama apakah data terstruktur menyertakan atribut wajib dan yang direkomendasikan. Untuk memeriksa bentuk data terstruktur lain, gunakan Validator Markup Skema. Fitur ini memvalidasi sintaksis data terstruktur, dan menunjukkan bentuk yang ditafsirkannya kepada Anda.

Programmable Search Engine menyimpan subset data terstruktur, jadi gunakan Programmable Search Engine untuk memeriksa tampilan data terstruktur Programmable Search Engine untuk suatu halaman dengan:

  1. mengaktifkan Data Terstruktur di Hasil Penelusuran di Fitur Penelusuran Lanjutan

    Screenshot pengaktifan data terstruktur

  2. Lalu, menggunakan mesin telusur tersebut untuk menemukan halaman yang berisi data yang ingin Anda lihat, dan mengklik tombol Data terstruktur di hasil penelusuran untuk halaman tersebut:

    Screenshot tombol data terstruktur dalam hasil penelusuran

Jika belum memberi tag pada halaman web mana pun dengan data terstruktur, tetapi ingin melihat tampilan data terstruktur yang diekstrak, Anda dapat memasukkan URL situs lain. Situs populer yang memiliki informasi ulasan atau daftar kontak cenderung memiliki data terstruktur.

Setelah menemukan halaman yang berisi data terstruktur, Anda dapat melihat sumber halaman tersebut untuk mengetahui data terstruktur yang telah diterapkan situs. Misalnya, perhatikan cuplikan HTML berikut dengan data terstruktur tentang seseorang yang diterapkan sebagai mikroformat:

<div class="vcard">
    <h1 class="fn">
      <span class="given-name">Godzilla</span>
      <span class="family-name">Gigantis</span>
    </h1>
    <span class="title">Senior Giant Monster</span>,
    <span class="adr">
      <span class="locality">Tokyo</span>
    </span>
<div>

Programmable Search Engine mengekstrak subset data berikut untuk digunakan dalam penelusuran terstruktur:

person (source = MICROFORMAT)
  location = Tokyo

Kembali ke atas

Menjelajahi Fitur Lainnya

Data terstruktur dapat digunakan di beberapa fitur Programmable Search Engine, termasuk: