Anda dapat menambahkan markup skema ke halaman web untuk memberikan lebih banyak konteks tentang kontennya. Meskipun peramban web tidak akan menampilkan data ini, perayap mesin telusur dapat membacanya. Mesin pencari kemudian dapat menampilkan data ini sebagai cuplikan kaya dalam hasil.

Markup skema dapat memberi tahu mesin pencari apakah suatu halaman berisi tentang seseorang, tempat, produk, atau beberapa kelas lainnya. Halaman web dengan markup skema berbeda dalam hasil pencarian. Mereka sering menghasilkan rasio klik-tayang yang lebih tinggi daripada halaman pesaing.

Pada artikel ini, kami akan menunjukkan cara menambahkan markup skema secara manual. Meskipun ini bukan metode tercepat, pendekatan ini memberi Anda lebih banyak kontrol dan mencegah Anda menginstal plugin tambahan apa pun.

1. Pilih Format Pilihan Anda

Ada beberapa format berbeda yang dapat Anda gunakan untuk menandai konten situs web Anda. Yang paling umum adalah Mikrodata, RDFa, dan JSON-LD.

Mikrodata

Microdata adalah kumpulan tag yang dapat Anda gunakan untuk menambahkan data terstruktur langsung ke elemen HTML. Menambahkan tag ini ke HTML Anda membuatnya lebih dapat dibaca mesin dan dapat diakses oleh mesin telusur dan perayap web.

Setiap set tag Microdata terdiri dari itemscope, itemtype, dan itemprops. Kombinasi ini membantu mengidentifikasi item yang diberi tag dan menguraikan propertinya.

RDFa

RDFa adalah singkatan dari Resource Description Framework in Attributes. Sama seperti Microdata, RDFa menambahkan tag ke elemen HTML agar lebih mudah dibaca mesin. Kerangka kerja ini memiliki tiga tag: vocab, typeof, dan properti. Ini membantu untuk menguraikan kosakata yang digunakan, jenis halaman, dan propertinya.

JSON-LD

JSON-LD adalah singkatan dari JavaScript Object Notation for Linked Data. Dia Format yang direkomendasikan Google untuk markup skema. Berbeda dengan format lain yang dibahas, JSON-LD bukanlah metode sebaris. Ini berarti Anda tidak perlu membuat perubahan langsung pada elemen HTML. Sebagai gantinya, Anda menyematkan kode di header halaman web Anda. Ini umumnya lebih mudah diterapkan.

2. Tulis Markup di Editor Teks atau Gunakan Generator Markup Skema

Setelah Anda memilih kosakata skema pilihan Anda, saatnya untuk beralih ke menulis HTML untuk membuat markup Anda. Pembuat kode yang lebih berpengalaman dapat melanjutkan dan membuat ini menggunakan salah satu dari editor kode gratis terbaik.

Cara yang lebih mudah adalah dengan menggunakan Schema Markup Generator, yang secara otomatis akan menghasilkan kode untuk Anda. Ada banyak generator di luar sana tetapi dua yang terbaik adalah Generator Markup Skema oleh Merkle dan Generator JSON-LD oleh Analisis Hall.

Kedua alat ini menawarkan berbagai kosakata skema untuk Anda pilih. Yang harus Anda lakukan adalah memilih salah satu dan mengisi data yang diperlukan. Alat ini kemudian akan menghasilkan kode yang sesuai untuk Anda. Anda kemudian dapat menyalin cuplikan kode untuk digunakan di situs web Anda.

3. Tambahkan Markup ke Halaman Web yang Diinginkan

Menambahkan kode ke situs web Anda semudah langkah sebelumnya. Untuk memulai, buka dasbor WordPress Anda dan buka posting atau halaman tempat Anda ingin menambahkan beberapa markup skema.

Pertama, Anda harus mengaktifkan Bidang Kustom pilihan. Mengaktifkan opsi bidang khusus memungkinkan Anda untuk menambahkan berbagai jenis data dan metadata yang hanya berlaku untuk posting atau halaman tertentu. Dalam hal ini, Anda dapat menggunakannya untuk menambahkan markup skema ke halaman web Anda.

Membuat bidang khusus baru saja tidak akan cukup. Anda juga perlu memberi tahu WordPress apa yang harus dilakukan dengannya dengan menambahkan beberapa kode ke beberapa file tema Anda. Dalam beberapa kasus, Anda dapat menggunakan bidang khusus untuk memberikan lebih banyak data kepada pembaca. Di tempat lain, Anda dapat menggunakannya untuk menambahkan perilaku baru ke postingan atau halaman Anda.

Dalam hal ini, kami hanya ingin memberikan beberapa informasi ke mesin pencari dan browser.

Untuk memulai:

  1. Klik ikon tiga titik di sudut kanan atas layar Anda
  2. Navigasi ke Preferensi dan klik di atasnya
  3. Gulir ke bawah ke Panel Lanjutan dan periksa Bidang Kustom pilihan

Setelah Anda mengaktifkan Bidang Kustom pilihan, kembali ke posting atau halaman Anda dan gulir ke bawah ke bawah di mana Anda akan melihat Pengaturan Bidang Kustom. Di bawah Tambahkan Bidang Kustom Baru, Pilih Masuk Baru untuk membuat bidang khusus baru.

Selanjutnya, Anda harus memberi nama markup skema Anda. Dalam contoh ini, kami menamai "Artikel" kami karena kami ingin menambahkan markup artikel. Ini akan memberi tahu mesin pencari dan browser bahwa postingan atau halaman tersebut berisi artikel. Namun, secara umum, Anda dapat memberi nama bidang khusus apa pun yang Anda suka.

Dalam cuplikan kaya yang dihasilkan, pembaca kemudian dapat melihat informasi tambahan seperti nama penulis. Jika Anda seorang ahli dalam bidang tertentu, ini bisa membantu, menginspirasi kepercayaan pada orang yang mencari informasi tentang subjek itu.

Setelah Anda menamai markup skema, Anda dapat menempelkan cuplikan kode ke dalam Nilai bidang. Jika Anda ingin membuat lebih banyak jenis markup skema untuk halaman atau postingan yang sama, yang harus Anda lakukan adalah menempelkan bit kode kedua di bawah kode pertama. Anda dapat menambahkan sebanyak yang Anda inginkan.

Setelah selesai, klik Tambahkan Bidang Kustom, gulir ke bagian atas halaman dan klik Memperbarui untuk menyimpan perubahan Anda. Pada titik ini, Anda telah berhasil menambahkan bidang kustom baru ke posting atau halaman Anda, tetapi Anda masih perlu memberi tahu WordPress apa yang harus dilakukan dengannya.

Dalam hal ini, Anda perlu menambahkan sepotong kode ke header.php file yang memberi tahu WordPress untuk 'memanggil' bidang khusus Anda.

Sebelum Anda melanjutkan, berhati-hatilah bahwa kesalahan apa pun yang Anda buat di sini dapat merusak situs Anda, jadi pastikan Anda buat cadangan situs web Anda pertama. Juga, yang terbaik adalah membuat tema anak sehingga Anda tidak kehilangan perubahan ini setiap kali Anda memperbarui tema Anda.

Ini kode yang perlu Anda tambahkan ke header.php mengajukan:

php
$schema = get_post_meta (get_the_ID(), 'schema', true);

if(!empty($schema)) {
echo $schema;< br/>}

Untuk menemukan file header.php Anda, buka Penampilan > Editor Tema. Di sebelah kanan, Anda akan melihat serangkaian file termasuk situs web Anda header.php mengajukan.

Arahkan ke file ini dan klik di atasnya. Ini akan meluncurkan jendela baru yang memungkinkan Anda untuk mengeditnya. Tempelkan kode tepat sebelum penutupan menandai.

Kemudian, klik pada Perbarui File tombol dan muat ulang situs Anda di browser. Itu dia! Anda telah berhasil menambahkan markup skema ke halaman web Anda.

Untuk memastikan bahwa tidak ada kesalahan, dan markup Anda berfungsi dengan baik, Anda harus memvalidasi halaman Anda.

Google menawarkan Alat Pengujian Data Terstruktur yang dapat Anda gunakan untuk menguji markup skema situs web Anda. Yang harus Anda lakukan adalah membuka alat dan memasukkan URL halaman yang ingin Anda uji. Alat ini akan memindai halaman dan menampilkan semua data terstruktur yang ditemukannya. Ini juga akan memberi tahu Anda jika ada kesalahan, yang berguna jika Anda menulis data terstruktur dengan tangan.

Anda juga dapat langsung menempelkan markup Anda ke alat untuk mendeteksi kesalahan apa pun sebelum menambahkannya ke situs web Anda.

Maju dalam Persaingan Dengan Skema Markup

Markup skema memberikan banyak manfaat untuk situs web apa pun, dan biasanya cukup mudah untuk ditambahkan. Anda dapat menambahkan markup Skema ke situs web Anda menggunakan plugin, atau melakukannya dengan cara manual seperti yang telah kami tunjukkan di artikel ini. Markup skema adalah cara yang bagus untuk meningkatkan rasio klik-tayang situs Anda. Jika Anda mencari hasil SEO yang lebih baik, Anda harus mempertimbangkan untuk menggunakan plugin SEO holistik.

7 Plugin SEO WordPress Paling Efektif

Plugin SEO untuk WordPress ini akan menempatkan konten Anda di depan mata yang tepat.

Baca Selanjutnya

MembagikanMenciakSurel
Topik-topik terkait
  • Pemrograman
  • Wordpress
  • Pengembangan web
  • SEO
  • Metadata
Tentang Penulis
David Abraham (11 Artikel Diterbitkan)

David adalah pecinta WordPress yang bersemangat membantu bisnis kecil berkembang!

More From David Abraham

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan