Cara Menggunakan Markup Schema.org di Situs Web Anda dan Mengapa Harus Anda

Iklan

Mesin pencari adalah luar biasa kuat 7 Alternatif Pencarian Google dan Fitur Merek Dagang merekaApakah Anda pengguna Google yang keras? Cobalah mesin pencari alternatif ini. Dari privasi hingga membantu amal, mesin pencari ini bisa memberi Anda beberapa alasan untuk mengubah cara Anda menjelajah. Baca lebih banyak . Mereka dapat menafsirkan bahasa yang sering tidak jelas yang kami gunakan untuk mencari tahu apa yang kami cari, menentukan sumber daya terbaik untuk menjawab pertanyaan kami, dan menunjukkannya kepada kami dalam sepersekian detik.

Google bahkan menjadi sangat baik dalam menjawab pertanyaan di halaman hasil pencarian, meniadakan perlunya mengklik apa pun. Bahkan mempersonalisasi hasil pencarian Cara Menonaktifkan Personalisasi Hasil Pencarian Google Baca lebih banyak . Dan itu membantu orang menemukan informasi yang mereka cari lebih cepat.

Tetapi mesin pencari tidak dapat melakukannya sendiri - mereka membutuhkan bantuan dari pemilik situs dan pengembang. Dan markup skema adalah salah satu cara di mana Anda dapat membantu di situs Anda sendiri.

Apa Markup Skema?

Markup skema adalah cara menyoroti bagian tertentu dari data terstruktur.

Apa data terstruktur? Nya informasi yang diatur dan diberi tag sehingga bisa lebih dipahami oleh mesin. Singkatnya, skema markup adalah informasi yang membantu mesin pencari menemukan jenis informasi spesifik pada halaman web Anda. Paling mudah untuk melihat contoh.

Google punya sendiri contoh interaktif markup skema yang merinci resep pai apel:

Di atas, Anda dapat melihat JavaScript yang menentukan waktu persiapan, total waktu, hasil resep, dan berbagai fakta nutrisi untuk resep tersebut.

Perlu dicatat pada titik ini bahwa ada dua cara utama untuk menandai data terstruktur: dengan JSON Apa itu JSON? Tinjauan Seorang AwamApakah Anda berencana untuk menjadi pengembang web atau tidak, itu ide yang baik untuk setidaknya tahu apa itu JSON, mengapa itu penting, dan mengapa itu digunakan di seluruh web. Baca lebih banyak atau dengan tag HTML sebaris. Google merekomendasikan metode JSON, tetapi kami akan membahas keduanya nanti.

Begini cara Google mengeluarkan informasi nutrisi spesifik:

Schema.org memiliki ribuan jenis markup yang dapat Anda gunakan untuk menampilkan mesin pencari informasi di halaman Anda dengan lebih baik. Jenis TechArticle, misalnya, termasuk, di antara banyak hal lainnya, atribut berikut:

• tingkat kemahiran
• jumlah kata
• hadirin
• pencipta
• Tanggal Diciptakan
• dateModified
• dateDiterbitkan
• prinsip penerbitan
• typicalAgeRange

Ada skema lengkap untuk perpustakaan, bisnis penginapan, apartemen, acara seni visual, saluran siaran, metode pengiriman, status server game, dan banyak lagi.

Idenya adalah untuk memastikan mesin pencari tahu apa yang sebenarnya mewakili setiap bagian dari halaman Anda, sehingga dapat menunjukkan potongan-potongan informasi kepada orang-orang yang mencari mereka.

Manfaat Markup Skema

BAIK. Skema markup memberitahu mesin pencari apa yang ada di halaman Anda - apa masalahnya?

Google mengatakannya seperti ini:

"Ketika informasi sangat terstruktur dan dapat diprediksi, mesin pencari dapat lebih mudah mengatur dan menampilkannya dengan cara yang kreatif."

Misalnya, Anda mungkin melihat tanggal tur untuk tur Slayer mendatang yang ditampilkan langsung di hasil pencarian:

Atau dapatkan informasi spesifik tentang film saat Anda mencarinya:

Google semakin baik setiap saat dalam menemukan informasi ini sendiri, tetapi menggunakan skema dengan benar markup membuat proses lebih mudah, dan membuatnya lebih mungkin untuk informasi pada halaman Anda nantinya ditampilkan.

Dan ketika mesin pencari tahu persis apa yang ada di halaman Anda, mereka dapat menunjukkannya kepada orang-orang yang mencarinya di dalam hasil pencarian. Dan itu bagus untuk semua orang.

Memulai Dengan Data Terstruktur

Sekarang Anda telah melihat manfaat menggunakan markup Schema.org, saatnya untuk mulai menyelam. Kami akan mulai dengan alat termudah di sekitar: Penyorot Data Google.

Anda perlu situs Anda terhubung ke Google Search Console (sebelumnya dikenal sebagai Alat Webmaster Dapatkan Wawasan Pencarian Lebih Dalam Untuk Situs Anda Dengan Permintaan Pencarian Alat WebmasterPerubahan pada alat Permintaan Pencarian di Google Webmaster dapat mengubah cara Anda melakukan riset topik Anda. Pembuatan konten di web melibatkan kreativitas dan fokus pengguna, dan banyak penelitian kata kunci. Baca lebih banyak ). Jika Anda memerlukan bantuan untuk menyiapkannya, periksa Panduan berguna Yoast.

Setelah selesai, masuk ke Search Console dan klik Tampilan Penampilan> Penyorot Data. Memukul Mulai Sorot tombol di sisi kanan layar.

Selanjutnya, Anda harus memasukkan URL laman yang ingin Anda beri tag dan pilih jenis markup yang akan Anda lakukan. Dalam kasus khusus ini, kami akan menggunakan jenis markup Artikel.

Karena saya menyoroti artikel di situs yang memposting banyak artikel, saya akan menyimpannya Tandai halaman ini dan orang lain menyukainya diperiksa.

Sekarang Anda akan melihat layar terbagi: halaman Anda di sebelah kiri, dan bidang markup yang tersedia di sebelah kanan.

Sangat sederhana dari sini. Mulailah menyoroti! Setiap kali Anda menyorot teks (atau mengklik gambar) sebuah menu kecil akan muncul di mana Anda dapat memilih jenis informasi yang Anda sorot.

Di sini, saya telah menyoroti judul halaman. Yang harus saya lakukan adalah mengklik "Judul" di menu.

Sekarang judul diisi di panel kanan.

Saya akan melanjutkan, menyoroti penulis, tanggal diterbitkan, gambar utama, dan kategori (saya menyoroti tag di bagian atas artikel, dan ketiganya diimpor sebagai kategori).

Dan kita selesai! Hanya itu yang ada untuk itu.

Ketika Anda menekan SelesaiPenyorot Data akan membantu Anda menerapkan markup ini ke halaman lain yang serupa di situs Anda.

Menambahkan Lebih Detail

Penyorot Data hanya memungkinkan Anda menggaruk permukaan markup data terstruktur. Seperti yang Anda lihat di atas, saya hanya dapat menambahkan beberapa atribut ke artikel itu. Jenis Artikel Schema.org berisi lebih banyak atribut yang dapat diatur.

Apa yang kita lakukan jika kita ingin menambahkan lebih detail ke markup skema?

Anda harus menyelami kode pada saat ini. Seperti yang saya sebutkan sebelumnya, ada dua cara utama untuk merepresentasikan data terstruktur: dengan JSON dan dengan tag HTML sebaris. Karena Tag HTML 17 Contoh Kode HTML Sederhana yang Dapat Anda Pelajari dalam 10 MenitIngin membuat halaman web dasar? Pelajari contoh-contoh HTML ini dan cobalah dalam editor teks untuk melihat tampilannya di browser Anda. Baca lebih banyak sedikit lebih intuitif, kita akan membahas yang pertama.

Markup HTML Inline Schema.org

Sebagai contoh, kami akan menandai kalimat sederhana: "Saya tinggal di Denver." Dalam HTML, itu akan direpresentasikan secara sederhana, seperti ini:

Saya tinggal di Denver.

Untuk memulai markup, kita perlu menentukan bahwa kalimat khusus ini adalah tentang seseorang (ditunjukkan oleh jenis item Orang). Inilah cara kami melakukannya:

Saya tinggal di Denver.

Sekarang mesin pencari akan tahu bahwa semua yang ada di dalamnya

Selanjutnya, kami akan menambahkan atribut markup: homeLocation. Schema.org mendefinisikan homeLocation sebagai "Lokasi kontak untuk tempat tinggal seseorang."

Kita perlu menambahkan atribut khusus itu ke HTML. Inilah cara kami melakukannya:

saya tinggal di Denver.

Sekarang "Denver" diidentifikasi sebagai homeLocation properti, dan Google tahu bahwa orang yang diidentifikasi dalam paragraf ini tinggal di sana.

Jika kita mengubah kalimat menjadi "Saya tinggal dan bekerja di Denver," kita dapat menunjukkan itu juga:

Saya tinggal dan bekerja di Denver.

Denver sekarang diidentifikasi sebagai keduanya homeLocation dan tempat kerja. (Terima kasih kepada Lloyd Bank dan unor di Stack Exchange untuk menguraikan contoh ini.)

Ini adalah kasus markup skema yang agak sederhana, tetapi Anda mendapatkan idenya. Dengan menggunakan dan tag, Anda dapat menambahkan atribut dan properti ke apa pun di halaman Anda.

Schema.org Markup Dengan JSON

Google merekomendasikan penggunaan JSON-LD (Notasi Objek JavaScript untuk Data Tertaut) untuk markup skema. Keuntungan terbesar dari metode ini adalah membuat HTML Anda lebih bersih. Jika Anda kembali mengedit halaman dan melihat puluhan halaman kode dengan markup, Anda tidak akan bahagia.

Markup JSON masih membutuhkan banyak ruang, tetapi dipisahkan dari HTML Anda, membuatnya lebih mudah untuk dipertahankan.

Katakanlah Anda memiliki toko buku bernama Harker dan Anda telah memasukkan informasi berikut di halaman kontak Anda:

Nomor telepon: 555-8710. Alamat: 749 Stoker St., Boulder, Colorado. Jam: 10–9 Senin hingga Jumat, 11–8 Sabtu, 12–5 Minggu

Begini cara Anda mewakili hal itu dengan JSON-LD:

Ini masuk di header halaman Anda. Seperti yang Anda lihat, ini akan memakan banyak ruang, karena konten ini hampir pasti juga akan ditampilkan pada halaman Anda dalam HTML. Jadi semua yang ingin Anda tandai akan ditulis dua kali.

Meskipun demikian duplikasi itu, metode JSON sering lebih disukai, karena memisahkan markup skema dan HTML Anda. Banyak Praktik terbaik HTML 9 Kesalahan yang Tidak Seharusnya Anda Lakukan Saat Membuat Halaman WebKesalahan pengodean HTML berikut ini mudah dilakukan, tetapi jika Anda menghindarinya lebih awal daripada kemudian, laman Anda akan terlihat lebih baik, lebih mudah dipelihara, dan berfungsi sesuai keinginan Anda. Baca lebih banyak tampak sedikit aneh sampai Anda menyadari bahwa mereka membuat situs lebih mudah dipelihara. Ini sama saja.

Menambahkan Markup Skema ke Situs Anda

Sekarang setelah Anda melihat beberapa cara berbeda untuk menambahkan notasi data terstruktur ke situs Anda, Anda bisa memulai! Merupakan ide bagus untuk memulai dengan Penyorot Data, dan beralih dari sana. Dokumentasi Schema.org adalah sumber utama, tetapi agak sulit untuk membaca sekilas.

Tidak peduli apakah Anda ingin pergi untuk dasar-dasar atau mulai menandai segala sesuatu yang terlihat, Anda sekarang memiliki sumber daya yang Anda butuhkan untuk memulai!

Sudahkah Anda menggunakan markup Schema.org di situs Anda sendiri? Apakah Anda memiliki kiat untuk pemilik situs atau pengembang yang ingin memulai? Bagikan pemikiran Anda dalam komentar di bawah!

Kredit Gambar: iinspiration melalui Shutterstock.com