Panduan Cepat untuk Menerapkan Schema Markup di WordPress

Anda telah meluncurkan situs web dengan tampilan cantik dan fungsi hebat. Jadi apa selanjutnya? Jadikan SEO-friendly untuk memberi peringkat kontennya di mesin pencari untuk mendatangkan lalu lintas organik. Ini mungkin terlihat seperti tugas yang sedikit sulit karena ada banyak elemen teknis yang harus Anda pahami meskipun tidak mudah untuk dicerna. Tetapi jika Anda serius tentang SEO situs web Anda, Anda harus memiliki pandangan holistik tentang semua topik terkait SEO. Salah satu topik tersebut adalah Menerapkan Skema Markup.

Skema Markup dan data terstruktur memiliki peran yang baik dalam SEO selama bertahun-tahun sekarang dan tampaknya mesin pencari utama seperti Google, Bing, Yahoo, dll merekomendasikannya. Tapi apa sebenarnya markup skema dan bagaimana pengaruhnya terhadap proses SEO situs Anda? Setelah membaca artikel ini, Anda akan tahu persis apa itu, bagaimana pengaruhnya terhadap SEO dan mesin pencari, bagaimana menerapkannya dengan benar untuk mendapatkan peringkat yang lebih baik.

Apa itu Data Terstruktur dan Markup Skema?

Data terstruktur merupakan format informasi yang dapat dipahami secara universal. Ini berisi elemen berbeda yang memungkinkan mesin telusur dengan mudah memberi tahu tentang halaman tersebut.

Sedangkan Schema Markup pada dasarnya adalah kode yang menempatkan website Anda di mesin pencari. Tujuan utamanya adalah untuk membuat mesin pencari lebih informatif bagi pengguna.

Itu dapat ditambahkan ke halaman web Anda dalam bentuk kode untuk menentukan elemen yang berbeda seperti tanggal, gambar, jam buka, dan banyak lagi.

Manfaat Markup Skema dalam SEO

Ketika datang ke SEO, data terstruktur yang diwakili dalam Markup Skema menampilkan hasil mesin pencari dengan cara yang lebih detail dan informatif. Itu tidak hanya membuat situs web lebih SEO friendly tetapi juga dapat menampilkan hasil yang kaya untuk menarik lebih banyak lalu lintas ke situs web.

Berbagai Jenis Hasil Kaya yang Ditampilkan di Mesin Pencari

Sebelumnya, kita telah membahas manfaat Schema Markup untuk menampilkan hasil kaya di mesin pencari. Berikut adalah beberapa hasil kaya yang akan ditampilkan di mesin pencari jika Markup Skema diterapkan di situs web Anda.

Cuplikan Kaya

Cuplikan kaya adalah hasil yang berisi informasi tambahan seperti peringkat, ulasan, gambar, dan banyak lagi saat ditampilkan di hasil penelusuran. Ini akan membantu pengguna untuk mengetahui lebih banyak tentang halaman/posting dan memberikan lebih banyak peluang untuk mendapatkan klik-tayang.

Kartu Kaya

Kartu kaya adalah format baru untuk menampilkan hasil di mesin telusur. Sama seperti cuplikan kaya, kartu informasi menggunakan markup skema untuk menampilkan hasil penelusuran dalam format yang lebih menarik dan menarik secara visual. Ini berfokus pada penyediaan pengalaman pencarian seluler yang lebih baik dan dilengkapi dengan opsi gesek yang ramah sentuhan.

Grafik Pengetahuan

Grafik pengetahuan adalah basis pengetahuan yang digunakan di mesin pencari untuk membuat informasi lebih detail dengan menampilkan gambar, lokasi, informasi kontak, deskripsi, profil media sosial.

Cuplikan Unggulan

Cuplikan Unggulan adalah format mesin telusur untuk memberikan jawaban langsung kepada pengguna atas pertanyaan mereka. Mereka tidak berisi informasi tambahan seperti cuplikan kaya tetapi memberikan jawaban singkat kepada pengguna tanpa harus mengklik hasil tertentu.

Bagaimana saya bisa mulai menerapkan Schema Markup di halaman web saya?

Anda dapat menerapkan Schema Markup dengan cara yang berbeda. Berikut beberapa di antaranya di bawah ini:

Tambahkan Skema Menggunakan Microdata:

Microdata adalah sekumpulan tag yang diperkenalkan dengan HTML5 dengan tujuan untuk menyediakan cara sederhana untuk membubuhi keterangan elemen HTML dengan tag yang dapat dibaca mesin. Cukup mudah menggunakan markup yang baik untuk diterapkan oleh pemula. Tetapi kelemahannya adalah Anda harus menandai setiap item satu per satu di dalam badan halaman web yang bisa menjadi berantakan.

Tetapi sebelum kita mulai, Anda perlu mencari tahu jenis item apa yang ditentukan oleh halaman web Anda. Ini akan membantu Anda menentukan jenis tag apa yang perlu Anda gunakan.

Di sini, kami akan menganggap Anda memiliki toko online bernama HashThemes dan halaman berandanya mungkin terlihat seperti ini:

 <div>
<h1>Tema Hash</h1>
<h2>Penjual Tema WordPress Terbaik!</h2>
<p>Alamat:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>Email: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Klik Di Sini untuk Melihat Tema WordPress Terbaik kami!</a></p>
<p>Kami buka: </p>
<p>Senin-Jumat 10:00 - 18:00</p>
</div>

Pertama, Anda perlu mengidentifikasi bagian halaman web. Ini adalah segalanya di antara tag <div>. Jadi, kami menambahkan

 <div itemscope>

Dengan menambahkan tag cakupan item, kita dapat menentukan HTML yang terdapat di antara blok tag <div> untuk merujuk ke item tertentu.

Sekarang, kita akan menggunakan atribut tipe item untuk menentukan tipe item di halaman Anda.

 <div itemscope itemtype = "http://schema.org/wordpressthemes">

Sekarang, buka halaman beranda dan beri tag pada bagian halaman web yang memiliki nama situs web Anda. Di sini, kita akan menambahkan tag prop item yang melabeli properti item.

 <h1 itemprop="name">HashTema</h1>

Silakan dan tambahkan tag ke halaman lainnya juga.

Terkadang, Anda mungkin tidak perlu menandai seluruh baris, tetapi sedikit bagian dari baris tempat properti dirujuk seperti pada baris alamat email.

 <h2 itemprop="description">Penjual Tema WordPress Terbaik!</h2>
<p>Alamat:</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">Dhobighat</p>
<p itemprop="addressLocality">Lalitpur, Nepal</p></span>
<p>Email: <span itemprop="email">[email protected]</span></p>
<p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">Klik Di Sini untuk Melihat Tema WordPress Terbaik kami!</a></p>
<p>Kami buka:</p>
<p itemprop="openingHours">Senin-Jumat 10:00 - 18:00</p>
</div>

Anda juga dapat menggunakan Pemandu Markup Data Terstruktur Google untuk mempermudah memberi tag pada halaman web Anda.

Menambahkan Markup Menggunakan RDFa

Resource Description Framework in Attributes (RDFa) adalah ekstensi HTML5 yang dirancang untuk membantu Anda menandai data terstruktur. Ini adalah rekomendasi W3C dan dapat digunakan untuk menggabungkan beberapa kosakata data terstruktur untuk menambahkan data terstruktur yang melampaui Schema.org

Jika Anda tahu cara menggunakan markup Microdata dengan Schema.org, RDFa tidak akan berbeda. Ini mengintegrasikan HTML yang ada di badan konten.

Mari kita gunakan situs eCommerce di atas sebagai contoh:

 <div>
<h1>Tema Hash</h1>
<h2>Penjual Tema WordPress Terbaik!</h2>
<p>Alamat:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>Email: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Klik Di Sini untuk Melihat Tema WordPress Terbaik kami!</a></p>
<p>Kami buka: </p>
<p>Senin-Jumat 10:00 - 18:00</p>
</div>

Di sini, kita akan menentukan vocab tag bersama dengan URL http://schema.org/. Jenis halaman ditentukan oleh jenis tag.

 <div vocab="http://schema.org/" typeof="store">

Kami sekarang telah memberi tahu mesin pencari tentang halaman tersebut. Sekarang saatnya untuk mendefinisikan properti menggunakan atribut properti.

 <h1 property="name">HashTema</h1>

Jenis atribut juga dapat digunakan untuk mendefinisikan properti lebih lanjut seperti mendefinisikan Alamat Pos.

 <div property="address" typeof="PostalAddress">

Tipe atribut setara dengan tipe item di Microdata sedangkan properti setara dengan atribut prop item.

 <h2 property="description">Penjual Tema WordPress Terbaik!</h2>
<p>Alamat:</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">Dhobighat</p>
<p property="addressLocality">Lalitpur, Nepal</p>
</div>
<p>Email: <span property="email">[email protected]</span></p>
<p><a property="store" href="https://hashthemes.com/wordpress-theme/">Klik Di Sini untuk Melihat Tema WordPress Terbaik kami!</a></p>
<p>Kami buka:</p>
<p property="openingHours">Senin-Jumat 10:00 - 18:00</p>
</div>

Halaman Web Markup Menggunakan JSON-LD

Notasi Objek JavaScript untuk Data Tertaut (JSON-LD) adalah pengkodean data tertaut menggunakan JSON. Ini adalah rekomendasi W3C dan telah ditambahkan sebagai format yang direkomendasikan untuk Schema.org pada tahun 2013.

Keuntungan utama menggunakan JSON-LD untuk Schema Markup adalah ia membatasi kode yang paling relevan ke header halaman dan menjauhkan tag tambahan dari isi utama konten Anda. Ini membuat kode lebih bersih dan lebih mudah dibaca.

Notasi JSON – LD terdapat di dalam blok skrip. Jadi, untuk memulai proses, kami memasukkan baris skrip untuk menunjukkan bahwa kami menggunakan format JSON-LD:

 <script type="application/ld+json">

Kode JSON-LD juga harus berada di dalam kurung kurawal (kurung kurawal) atau kode tersebut tidak akan diterapkan ke halaman atau diuraikan oleh mesin telusur. Ini dikenal sebagai struktur objek dalam Javascript. Jadi, garis besar kode akan terlihat seperti ini:

 <script type="application/ld+json">
kode masuk ke sini
</skrip>

Sekarang, Anda perlu menggunakan konteks yang ditentukan oleh kosakata ke data yang ditautkan ke Schema.org.

Tanda koma juga harus digunakan untuk setiap baris kode.

 "@konteks": "http://schema.org",

Untuk jenis format schema.org lainnya, Anda perlu menentukan jenis konten yang akan Anda markup. Ini setara dengan atribut tipe gambar Microdata dan tipe atribut RDFa.

Kami akan menggunakan website sederhana yang telah kami sebutkan di atas sebagai contoh:

 "@type": "Toko",

Sekarang kita tentukan nama toko dan deskripsinya. Jika Anda menggunakan Microdata atau RDFa untuk mendefinisikan elemen-elemen ini, elemen-elemen tersebut harus ditampilkan di beranda situs web itu sendiri. Tetapi dalam kasus JSON-LD, Anda dapat menentukan elemen tanpa harus ada di halaman.

 "nama": "Tema Hash",
"description": "Penjual Tema WordPress Terbaik!",

Sekarang saatnya untuk menentukan alamat. Alamat akan memiliki properti tambahan namun lebih tepat seperti alamat jalan dan lokalitas. Jadi, kita akan menempatkan mereka dalam kurung kurawal.

 "alamat": {
"@type": "Alamat Pos",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},

Sekarang, kami akan menempatkan jam buka toko. Kami akan menyimpan jam buka dalam larik dan menentukan hari dalam kombinasi dua huruf. Juga, waktunya harus 24 jam.

 "jam buka": [
"Mo-Fr 10:00-18:00"
],

Terakhir, kita akan menambahkan alamat email dan URL tema. Keduanya cukup mudah.

 "email": "[email protected]"
"store": "https://hashthemes.com/wordpress-theme/"
Dan pada akhirnya markup kita akan terlihat seperti ini:
<script type="application/ld+json">
{
"@konteks": "http://schema.org",
"@type": "Toko",
"nama": "Tema Hash",
"description": "Penjual Tema WordPress Terbaik!",
"alamat": {
"@type": "Alamat Pos",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},
"jam buka": [
"Mo-Fr 10:00-18:00"
],
"email": "[email protected]"
"store": "https://hashthemes.com/wordpress-theme/"
}
</skrip>

Anda dapat menggunakan Alat Pengujian Data Terstruktur Google untuk memeriksa kesalahan sintaks.

Bagaimana Menerapkan Skema Markup di situs WordPress Anda?

Implementasi Schema Markup dapat dilakukan dengan berbagai cara. Anda dapat mengikuti mereka untuk membuat situs web Anda SEO friendly dan meningkatkan peringkat konten Anda di mesin pencari. Berikut adalah beberapa di antaranya:

Memilih Tema WordPress dengan Integrasi Inbuilt dengan Schema Markup:

Seperti yang Anda ketahui, WordPress adalah platform paling populer yang terdiri dari sejumlah besar template untuk membuat situs web yang menarik dalam waktu singkat. Namun, hanya ada beberapa tema yang terintegrasi dengan kode Schema Mark Up. Jadi, jika Anda memilih tema WordPress untuk memulai kehadiran web Anda atau memberikan perubahan pada situs web Anda yang sudah ada, pastikan untuk memeriksa apakah tema tersebut berisi setidaknya fitur skema umum. Skema umum mencakup opsi header, footer, dan navigasi untuk memungkinkan mesin telusur memahami struktur situs web Anda.

Menandai Data Skema Lain dengan Plugin WordPress

Seperti disebutkan di atas, Anda mungkin kesulitan menemukan tema WordPress dengan integrasi penuh dengan kode Schema MarkUp. Jadi, sebagai alternatif, Anda dapat memilih plugin WordPress yang tersedia untuk menambahkan fitur Skema di situs web Anda. Yoast SEO dan Schema Pro adalah beberapa plugin yang akan membantu menerapkan Schema MarkUp di situs web Anda.

Hal-hal yang perlu diingat saat menerapkan Schema MarkUps

Sekarang setelah Anda mengetahui bagaimana Anda dapat menerapkan Markup Skema di situs WordPress Anda, berikut adalah beberapa hal yang mungkin ingin Anda ingat saat menerapkan Markup Skema:

Mengintegrasikan Skema Markup Mungkin Tidak Menjamin Peringkat yang Baik

Schema Markup saja tidak menjamin peringkat yang baik dari konten web Anda. Ada banyak faktor lain seperti otoritas konten, kualitas konten, analisis kata kunci, relevansi, dll yang memengaruhi peringkat. Jadi, perlu diingat bahwa Schema Markup hanyalah salah satu faktor yang dapat membantu Anda meningkatkan peringkat konten Anda.

Skema Markup Membutuhkan Waktu untuk Berlaku

Jika Anda bertanya-tanya bahwa Schema Markup akan segera berlaku, Anda salah. Diperlukan waktu berbulan-bulan untuk melihat cuplikan kaya di hasil penelusuran.

Periksa Markup Skema yang Diberikan Oleh Tema WordPress dan Gunakan Plugin untuk Meningkatkan Fungsionalitas yang Sesuai

Sebagian besar tema WordPress hanya mengambil Skema umum seperti header, dan footer, navigasi. Meskipun mungkin ada beberapa template dengan fitur implementasi terkait Skema lainnya. Anda dapat membuka Alat Pengujian Data Terstruktur Google untuk menganalisis implementasi skema situs web Anda dan memilih plugin yang sesuai.