Pemandu Markup Data Terstruktur

Pemandu Markup Data Terstruktur membantu Anda menandai elemen di halaman sehingga Google dapat memahami data di halaman tersebut. Setelah Google memahami data halaman Anda dengan lebih jelas, data tersebut dapat disajikan dengan lebih menarik dan dengan cara baru di Google Penelusuran. Selain itu, jika Anda mengirimkan email berformat HTML ke pelanggan, Pemandu Markup dapat menunjukkan Anda cara mengubah template email sehingga Gmail dapat menyajikan data tersebut dengan cara yang baru dan bermanfaat bagi pengguna.

Buka Pemandu Markup Data Terstruktur

Contoh:

  • Acara: Jika Anda menandai acara di situs Anda, maka ketika Google meng-crawl situs Anda di lain waktu, data acara tersebut akan tersedia sebagai cuplikan informatif di halaman hasil pencarian:

    Cuplikan kaya untuk halaman dengan beberapa acara.

  • Email: Jika email tentang penerbangan Anda memuat markup tentang reservasi penerbangan, maka Gmail dapat menampilkan informasi tersebut di klien desktop atau feed pribadi Anda:

    Gmail snippet for a flight reservation.

 

Jika Anda tidak ingin menambahkan kode ke situs, sebagai gantinya Anda dapat mencoba Data Highlighter.

Jika Anda menyukai hal-hal yang bersifat teknis, pelajari tentang data terstruktur dan tambahkan markup ke situs secara manual.

Menandai halaman atau email

Anda dapat menandai elemen di halaman HTML atau email HTML.

Menandai halaman

Berikut cara menandai elemen di halaman.

  1. Buka Pemandu Markup Data Terstruktur
  2. Pilih tab Situs.
  3. Pilih jenis halaman yang ingin ditandai. Misalnya, halaman film atau halaman acara. Anda dapat menampilkan banyak item di 1 halaman, tetapi sebaiknya semua item memiliki jenis yang sama (misalnya, film semua atau acara semua)
  4. Masukkan URL halaman yang sudah ada atau HTML halaman mentah. Jika memasukkan URL, pastikan halaman tersebut dapat diakses oleh siapa saja tanpa perlu login. (Anda dapat menguji akses halaman dengan membuka jendela penyamaran di Chrome dan mencoba mengunjungi halaman Anda. Jika Anda dapat mengaksesnya, berarti semuanya beres.)
  5. Pilih Mulai Pemberian Tag.
  6. Tandai bagian halaman yang memuat informasi penting (misalnya, waktu mulai di halaman acara), lalu identifikasi jenis informasi itu pada menu drop-down yang muncul ("Waktu mulai").
    1. Jika Anda memiliki string tanggal yang rumit, atau kesulitan menambahkan tag ke tanggal, lihat Pemberian tag tanggal lanjutan.
    2. Jika Anda ingin menambahkan informasi yang belum terlihat di halaman Anda, lihat Menambahkan data yang belum ada.
    3. Jika Anda perlu menghapus tag yang dihasilkan Pemandu Markup Data Terstruktur, lihat Menghapus tag.
  7. Pastikan untuk memasukkan semua informasi yang diperlukan untuk jenis data spesifik Anda. Di panel Item Data Saya, Anda akan melihat daftar semua nilai yang mungkin untuk setiap item. Nilai yang diperlukan ditandai dengan label. Misalnya, untuk sebuah acara, nilai yang diperlukan adalah nama acara, lokasi, dan tanggal mulai.
  8. Setelah selesai memberi tag ke semua data yang sesuai di halaman, pilih Buat HTML untuk menghasilkan kode halaman. Pilih format output: format default-nya adalah JSON-LD (lebih disukai oleh Google), tetapi Anda juga dapat memilih Microdata. Copy-paste kode ini dari jendela output, atau pilih Download. Penggunaan kode ini ditentukan oleh formatnya:
    1. Untuk JSON-LD: Copy-paste kode yang dihasilkan ke bagian isi halaman yang sudah ada.
    2. Untuk Microdata: Ganti halaman Anda dengan HTML yang dihasilkan.
  9. Untuk menguji kode Anda, copy-paste kode yang dihasilkan ke dalam Pemandu Markup Data Terstruktur. Fitur ini akan memberitahukan kolom yang belum ada yang harus Anda lengkapi agar Google dapat memahami halaman, dan untuk beberapa jenis data, fitur ini dapat memberikan pratinjau tentang bagaimana tampilan halaman Anda di Hasil Pencarian Google.
  10. Google memerlukan waktu beberapa minggu untuk menemukan kode halaman baru. Jika data Anda di-crawl, dilengkapi, dan dikoreksi, data tersebut dapat muncul sebagai hasil kaya. Jika hasil kaya tidak muncul untuk situs Anda, lihat kemungkinan penyebabnya.

Menandai email

Berikut ini cara menandai email berformat HTML:

  1. Buka Pemandu Markup Data Terstruktur
  2. Pilih tab Email.
  3. Pilih jenis informasi yang ingin diberi markup. Misalnya, reservasi bus atau pesanan produk.
  4. Masukkan HTML email Anda.
  5. Pilih Mulai Pemberian Tag.
  6. Tandai bagian email yang memuat informasi penting (misalnya, nomor reservasi untuk reservasi bus), lalu pilih jenis informasi tersebut pada menu drop-down yang muncul ("Nomor reservasi").
    1. Jika Anda memiliki string tanggal yang rumit, atau kesulitan menambahkan tag ke tanggal, lihat Pemberian tag tanggal lanjutan.
    2. Jika Anda ingin menambahkan informasi yang belum terlihat di halaman Anda, lihat Menambahkan data yang belum ada.
    3. Jika Anda perlu menghapus tag yang dihasilkan Pemandu Markup Data Terstruktur, lihat Menghapus tag.
  7. Pastikan untuk memasukkan semua informasi yang diperlukan untuk jenis data spesifik Anda. Di panel Item Data Saya, Anda akan melihat daftar semua nilai yang mungkin. Nilai yang diperlukan akan diberi tanda. Jika Anda tidak memasukkan semua nilai yang diperlukan, Google tidak akan dapat memproses email.
  8. Jika ikon peringatan (Alert Icon) ditampilkan di samping elemen yang diberi tag, pilih data di samping ikon tersebut, tinjau pemberian tagnya, dan lakukan salah satu dari berikut ini:
    • Jika pemberian tag salah, pilih X di samping data. Kemudian beri tag lagi data tersebut.
    • Jika pemberian tag sudah benar, klik ikon peringatan itu sendiri (Alert Icon) kemudian pilih Hapus peringatan.
  9. Setelah selesai memberi tag, pilih Buat HTML untuk menghasilkan HTML yang harus Anda gunakan untuk email. Format standarnya adalah JSON-LD, karena Google lebih menyukai JSON-LD, tetapi Anda juga dapat memilih Microdata. Pilih Download, atau cukup copy-paste HTML yang dihasilkan.
    1. Untuk JSON-LD: Copy-paste kode yang dihasilkan ke bagian isi email.
    2. Untuk Microdata: Ganti email Anda dengan HTML yang dihasilkan.
  10. Untuk menguji kode Anda, kirim email ke akun Gmail, atau gunakan validator skema email.

Menyimpan dan melanjutkan pengeditan halaman atau email

Untuk menyimpan markup dalam keadaannya saat ini, bookmark halaman di browser Anda. Pemandu Markup Data Terstruktur akan menyimpan keadaan ini selama sebulan, termasuk semua nilai markup.

 

Menghapus tag

Anda dapat mengurungkan sebagian atau semua tag yang dibuat oleh Pemandu Markup Data Terstruktur.

Untuk menghapus tag tertentu:

  1. Pilih tag tersebut di halaman contoh atau email.
  2. Dari menu pop-up yang muncul setelah Anda memilih tag, pilih Hapus tag.
Atau, Anda dapat menemukan data tersebut di kolom Item Data Saya, mengarahkan kursor ke data tersebut, dan mengklik X yang muncul.

 

Untuk menghapus semua tag:

  1. Hati-hati: Anda tidak dapat mengurungkan permintaan hapus semua tag. Jika dilakukan, Anda harus mulai memberi tag lagi dari awal. Jika konten Anda sudah memiliki markup, Pemandu Markup tidak akan menghapus markup yang ada. Menghapus semua tag hanya akan menghapus tag yang ditambahkan Pemandu Markup.
  2. Pilih ikon roda gigi Setelan.
  3. Pilih Hapus semua tag dari halaman ini.
Pemberian tag tanggal lanjutan

Pemandu Markup Data Terstruktur memahami tanggal dalam berbagai format selama tanggal tersebut mencakup bulan, hari, dan tahun. Jika terdapat data yang belum ada (misalnya tahun), Anda dapat menambahkan data yang belum ada ke kelompok halaman.

Jika halaman contoh Anda menampilkan tanggal dalam 1 potong (misalnya, 4 Juni 2012), sebaiknya Anda memberi tag tanggal dalam 1 potong. Semakin sedikit tag yang Anda buat, semakin cepat pemberian tag dan semakin akurat Pemandu Markup.

Memberi tag tanggal dalam 1 potong

  1. Beri tag data seperti yang dijelaskan dalam Memberi tag halaman atau Memberi tag email.
  2. Di halaman Pemberi Tag, gunakan mouse untuk memilih tanggal. Misalnya, pilih berikut ini: 4 Juni 2012
  3. Pilih Tanggal > Tanggal/waktu atau rentang dari menu konteks yang ditampilkan.

    Pemandu Markup akan menambahkan tanggal ini ke kolom Item Data Saya.

  4. Selesaikan pemberian tag halaman seperti yang dijelaskan dalam Memberi tag halaman atau Memberi tag email.

Memberi tag tanggal dalam potongan terpisah

Beberapa konten menampilkan informasi tanggal dalam potongan terpisah, atau menggunakan label untuk mengidentifikasi komponen tanggal yang terpisah. Contohnya, halaman yang mencantumkan beberapa acara mungkin menampilkan bulan dan tahun satu kali saja di bagian atas, dan menampilkan hari tertentu di samping setiap acara. Jika konten Anda menampilkan tanggal dalam potongan terpisah, Anda harus memberi tag tanggal dalam potongan terpisah. 

Perhatikan bahwa Pemandu Markup tidak dapat memahami tanggal yang diberi tag dalam potongan terpisah dan yang menentukan rentang (seperti 4-5 Juni dan 2012).

Memberi tag tanggal dalam potongan terpisah:

  1. Beri tag data seperti yang dijelaskan dalam Memberi tag halaman atau Memberi tag email.
  2. Di halaman Pemberi Tag, gunakan mouse untuk memilih bagian tanggal. Misalnya, pilih berikut ini: Juni
  3. Pilih Tanggal > Lanjutan > bagian tanggal dari menu konteks yang ditampilkan. Misalnya, pilih Tanggal > Lanjutan > Bulan.

    Pemandu Markup akan menambahkan tanggal ini ke kolom Item Data Saya.

  4. Lanjutkan memberi tag potongan tanggal hingga Anda selesai dengan semua data yang tersedia untuk tanggal tersebut.
  5. Selesaikan pemberian tag seperti yang dijelaskan dalam Memberi tag halaman atau Memberi tag email.

Contoh tag tanggal

Berikut beberapa contoh tag yang dikenali oleh Penyorot Data:

  • Tanggal tunggal. Misalnya, Penyorot Data mengenali tag berikut:
    • 4 Juni 2012
    • 4 Juni 2012
    • 4/6/12 - Penyorot Data juga mengenali pemisah lain dan tahun empat digit , seperti 4-6-2012. Jika tanggal numerik ambigu, Penyorot Data mengasumsikan bahwa nomor pertama adalah bulan. Misalnya, 6/4/12 diinterpretasikan sebagai 4 Juni 2012, sementara 13/4/12 akan diinterpretasikan sebagai 13 April 2012.
    Anda dapat memberi tag beberapa tanggal di laman. Misalnya, jika Anda memberi tag 4 Juni 2012 dan 6 Juni 2012, Penyorot Data akan menginterpretasikan bahwa ada dua acara: yakni pada 4 Juni dan 6 Juni.
  • Rentang hari. Contohnya, 4-7 Juni 2012
    Perhatikan bahwa Penyorot Data mengharuskan tanda hubung (-) di antara hari pertama dan terakhir.
  • Tanggal dengan waktu. Misalnya, Penyorot Data mengenali tag berikut:
    • 4 Juni 2012 3pm - waktu yang diikuti oleh am atau pm. Penyorot Data menggunakan jam buka bisnis normal untuk menginterpretasikan waktu yang tidak diikuti oleh am atau pm. Misalnya, 11 akan diinterpretasikan sebagai 11am dan 2 akan diinterpretasikan sebagai 2pm.
    • 4 Juni 2012 15.00 - waktu militer
    • 4 Juni 2012 3pm EST atau  4 Juni 2012 3pm -5.00 - Waktu dengan zona waktu atau dengan ketentuan UTC/GMT.
    • 4 Juni 2012 2-3pm or  4-5 Juni 2012 2-3pm - Rentang waktu dengan atau tanpa rentang tanggal.
  • Tanggal dalam bagian yang terpisah.Anda dapat menggunakan opsi memberi tag lanjutan sehingga Penyorot Data mengenali tag terpisah berikut sebagai tanggal:
    • Hari: Selasa, 4 Juni Tahun: 2013
    • 4 Juni | Waktu: 19.30-21.30 dan 2012
    Penyorot Data tidak mengenal rentang tanggal yang telah dipisah menjadi beberapa tag. Misalnya, Penyorot Data tidak akan mengenali tag berikut sebagai tanggal yang valid:
    • 4-5 Juni dan 2012

Menentukan format tanggal secara manual

Pemandu Markup menganggap tanggal dalam konten Anda mengikuti aturan pemformatan yang terkait dengan bahasa konten. Misalnya, jika bahasa halaman adalah en-US, Pemandu Markup akan menganggap 12-06-12 sebagai 6 Desember 2012. Jika bahasa halaman adalah en-GB, Pemandu Markup akan menganggap 12-06-12 sebagai 12 Juni 2012. Pemandu Markup otomatis menyimpulkan bahasa halaman, dan karenanya juga menyimpulkan aturan pemformatan tanggalnya.

Untuk mengganti Pemandu Markup dan menentukan format tanggal berbeda:

  1. Pilih ikon roda gigi dan pilih Setelan.
  2. Di pop-up Setelan, pilih format dari Daftar format tanggal.
  3. Pilih Simpan.
Menambahkan data yang belum ada

Jika terdapat data yang belum ada dalam konten contoh, misalnya tahun suatu acara, Anda dapat menentukan nilai. Pemandu Markup Data Terstruktur akan menambahkan markup HTML untuk nilai tersebut.

Anda dapat menambahkan data yang belum ada kapan saja, dan Anda dapat mengubah atau menghapusnya jika perlu.

Untuk menambahkan, mengubah, atau menghapus data yang belum ada:

  1. Pilih Tambahkan tag yang belum ada di bagian bawah kolom Item Data Saya.
  2. Lakukan salah satu dari berikut ini:
    • Tambahkan nilai dengan memilih tag dari daftar Pilih tag. Kemudian ketik nilainya di kotak teks. Misalnya, pilih Kategori dan ketik Musik Tradisional Indonesia.
    • Hapus data yang ada dengan memilih X di kotak teks.
    • Edit data yang ada dengan mengubah nilai di kotak teks.
  3. Pilih Simpan
    Pemandu Markup menampilkan nilai yang ditentukan di bagian Item Data Saya.

Mengubah bahasa halaman

Pemandu Markup Data Terstruktur otomatis mendeteksi bahasa konten contoh sehingga dapat memahami data di halaman Anda dengan lebih baik. Jika markup yang dibuat Pemandu Markup salah, Anda dapat memberi tahu Pemandu Markup secara eksplisit tentang bahasa yang Anda gunakan.

Untuk menentukan bahasa secara manual:

  1. Pilih ikon roda gigi dan pilih Setelan.
  2. Pada pop-up Setelan, pilih bahasa dari Daftar bahasa situs.
  3. Pilih Simpan.
Apa itu schema.org?

schema.org adalah kolaborasi oleh Google, Microsoft, dan Yahoo! untuk meningkatkan web dengan membuat kosakata umum untuk mendeskripsikan data di web. Jika Anda menambahkan markup schema.org ke laman HTML Anda, berbagai perusahaan dan produk—termasuk Google penelusuran—akan memahami data di situs Anda. Demikan juga, apabila Anda menambahkan markup schema.org ke email berformat HTML, produk email selain Gmail mungkin akan memahami data tersebut.

Anda dapat menggunakan jenis markup yang berbeda untuk mendeskripsikan data dengan kosakata schema.org. Pemandu Markup dapat menunjukkan kepada Anda cara menggunakan microdata dan JSON-LD.

Untuk informasi selengkapnya tentang schema.org, lihat FAQ schema.org.

Apa yang dimaksud dengan JSON-LD dan microdata?

JSON-LD dan microdata adalah dua cara berbeda untuk me-markup data Anda menggunakan kosakata schema.org. Google lebih memilih JSON-LD untuk konten web.

JSON-LD

JSON-LD menggunakan objek JavaScript di halaman HTML untuk menentukan data. Misalnya, berikut adalah JSON-LD yang mendeskripsikan suatu peristiwa:

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Event",
  "name" : "Slim Whitman Tribute",
  "startDate" : "2013-07-06",
  "location" : {
    "@type" : "Place",
    "name" : "Hollywood Bowl"
  }
}
</script>

Saat menambahkan JSON-LD, Pemandu Markup akan menambahkan markup ke elemen HTML yang ada. Misalnya, jika Anda menandai kode acara sebagai <h4>My Event</h4>, Pemandu Markup akan menambahkan JSON-LD seperti ini ke contoh Anda:

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Event",
  "name" : "My event"
}
</script>

Lihat JSON-LD untuk informasi lebih lanjut.

 

Microdata

Microdata menggunakan tag dan atribut HTML untuk menentukan data. Misalnya, berikut adalah beberapa HTML yang mendeskripsikan suatu peristiwa:

<div> 
  Hadiri dan saksikan konser Tiny Tim Tribute Band pada tanggal 
  6 Juli 2013 di Regency Theater!
</div>

Dan berikut adalah HTML yang sama dengan markup microdata:

<div itemscope itemtype="http://schema.org/Event"> 
  Datang dan saksikan konser 
  <span itemprop="name">Tiny Tim Tribute Band</span>, 
  pada tanggal 
  <span itemprop="startDate" 
  content="2013-07-06>6 Juli 2013</span> 
  di
  <span itemprop="location" itemscope 
    itemtype="http://schema.org/Place"> 
    <span itemprop="name">Regency Theater</span>!
  </span>
</div>

Lihat Tentang microdata untuk informasi selengkapnya.

Bagaimana dengan markup yang sudah ada?

Pemandu Markup mengabaikan markup apa pun yang sudah ada di halaman contoh atau email yang Anda beri tag. Jadi jika Anda menambahkan tag ke teks yang sudah diidentifikasi oleh markup, Pemandu Markup akan tetap melanjutkan dan menambahkan markup tambahan untuk tag tersebut.

 
Ada masukan tentang Pemandu Markup Data Terstruktur? Sampaikan pendapat Anda di forum Search Console untuk data terstruktur.
Apakah ini membantu?
Bagaimana cara meningkatkannya?