Cara Menggunakan Microdata Saat Membuat Situs Web

Cara Menggunakan Microdata Saat Membuat Situs Web
Cara Menggunakan Microdata Saat Membuat Situs Web

Video: Cara Menggunakan Microdata Saat Membuat Situs Web

Video: Cara Menggunakan Microdata Saat Membuat Situs Web
Video: Cara Membuat Website Liburan(Menggunakan HTML dan CSS) ~ Brily BM 2024, Mungkin
Anonim

Pertimbangkan penggunaan microdata (microdata) untuk memberikan nilai semantik dan visibilitas situs Anda ke mesin telusur.

Web semantik
Web semantik

Microdata atau "microdata" adalah sebuah inovasi yang telah dibawa ke dunia web global dengan merilis revisi baru dari standar HTML5. Microdata adalah add-on yang ringkas di atas markup HTML biasa, secara logis terkait pasangan nama-nilai, dan didasarkan pada konten halaman web. Tujuan dari microdata adalah untuk membuat teks bukan hanya kumpulan kata-kata, tetapi untuk memberikan makna yang lebih semantik. Ini berarti bahwa robot pencari, yang memeriksa konten situs Anda, akan dapat menyusun dan menganalisis tautan di antara objek yang ingin Anda tuju. Kedengarannya terlalu rumit? Mari kita lihat sebuah contoh, dan semuanya akan menjadi jelas sekaligus.

Anda menyelenggarakan acara dan mempostingnya di situs web Anda tanpa menggunakan markup semantik dan microdata. Tentu saja, robot pencari akan menemukan kata kunci yang terkait dengan acara di teks dan menampilkannya di hasil pencarian saat diminta. Tetapi tanggal, lokasi, jenis acara, robot pencari, kemungkinan besar, tidak akan dapat menentukan, dan data ini dapat hilang di antara semua informasi lainnya di halaman. Saat menggunakan microdata, Anda sendiri yang menentukan acara seperti apa, kapan dan di mana.

Misalnya, masalah mesin pencari untuk beberapa acara anak-anak. Situs teratas tidak menggunakan kemampuan markup semantik, sedangkan situs bawah tidak. Apakah Anda melihat perbedaannya? Dalam kasus pertama, Anda perlu membaca blok informasi untuk mengetahui detailnya, dan dalam kasus kedua, Anda segera menemukan apa yang Anda butuhkan.

Contoh masalah mesin telusur dengan dan tanpa mikrodata
Contoh masalah mesin telusur dengan dan tanpa mikrodata

Dan ini hanyalah salah satu contoh penggunaan microdata. Faktanya, aplikasi mereka jauh lebih luas, dan ada banyak alasan untuk percaya bahwa jumlah kasus penggunaan dan jumlah situs microdata hanya akan bertambah.

Bagaimana cara kerjanya? Ini sangat sederhana, cukup tambahkan beberapa atribut yang dapat dibaca mesin ke markup HTML normal. Misalnya, seperti inilah tampilan markup kita tanpa microdata:

Pertunjukan anak-anak "The Nutcracker" akan berlangsung pada 22 Desember di Kompleks Olahraga Olimpiade di Moskow.

Dan seperti ini - dengan microdata:

Beberapa atribut baru telah ditambahkan ke tag html utama di sini:

  • itemscope - menetapkan cakupan blok microdata;
  • itemtype - mengatur jenis microdata;
  • itemprop - mengatur properti yang dijelaskan oleh microdata.

Misalnya, dalam kasus kami, robot pencari akan menyoroti informasi berikut:

  • tipe data: peristiwa;
  • judul: Pemecah Kacang;
  • tanggal: 22 Desember;
  • tempat: Olimpiade SC.

Dan robot pencari akan dapat memproses data ini dan menyajikannya kepada pengguna dalam bentuk yang sesuai dengan permintaan. Tergantung pada jenis microdata, ini dapat berupa kemampuan untuk menambahkan acara ke kalender, atau menambahkan kontak seseorang ke buku alamat, atau memesan produk, atau membeli tiket pesawat / kereta api / bus, dll.

Tapi bagaimana robot pencari tahu apa kata "event" itu? Untuk melakukan ini, Anda perlu mematuhi kesepakatan tertentu sehingga setiap orang menggunakan oin dan yang disebut sama. "Kamus" tempat Anda dapat memilih jenis mikrodata yang sesuai. Saat ini, kamus tersebut adalah situs schema.org dan beberapa situs lain yang menyimpan kamus microdata yang diterima secara umum.

Untuk menggunakan kamus ini, Anda harus memilih tipe data yang sesuai terlebih dahulu. Tipe data ditentukan sebagai URI. Misalnya, untuk suatu acara, jenis yang sesuai dari kamus adalah "Acara" dengan URI "https://schema.org/Event". Alamat ini mungkin tidak mengarah ke halaman nyata di Internet, ini hanya digunakan untuk mengidentifikasi jenis microdata.

Jadi, jika kita menulis ulang contoh kita menggunakan kosakata umum, kita mendapatkan markup berikut:

Direkomendasikan: