SEO - Menambah Schema Markup
Apa Itu Schema Markup?
Hai teman-teman yang sedang belajar pengembangan web! Hari ini, kita akan mendalaminya ke dunia yang menarik Schema Markup. Saya tahu apa yang Anda pikirkan – "Menarik? Benar-benar?" Tetapi percayalah, sekali Anda melihat bagaimana ini dapat meningkatkan visibilitas website Anda, Anda akan menjadi begitu antusias seperti saya ketika pertama kali menemukannya!
Schema Markup adalah seperti memberikan website Anda sebuah megaphone di gedung konser yang penuh orang di internet. Ini adalah bentuk microdata yang Anda tambahkan ke HTML Anda untuk membantu mesin pencari memahami konten Anda lebih baik. Pahami saja sebagai penyediaan subtitle untuk halaman web Anda – itu membantu mesin pencari membaca dan menginterpretasikan konten Anda lebih akurat.
Mari kita lihat contoh sederhana:
<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Inception</h1>
<span itemprop="director">Sutradara: Christopher Nolan</span>
<span itemprop="datePublished">Tanggal Rilis: 2010</span>
</div>Dalam snippet ini, kita memberitahu mesin pencari bahwa div ini berisi informasi tentang sebuah film. Atribut itemscope dan itemtype menentukan skop dan jenis schema, sedangkan itemprop menentukan properti individual.
Manfaat Menggunakan Schema Markup
Sekarang kita tahu apa itu Schema Markup, mari bicarakan mengapa ini sangat bagus:
- Penyempurnaan Hasil Pencarian: Schema Markup dapat menyebabkan rich snippets di hasil pencarian, membuat situs Anda menonjol.
- Peningkatan Tingkat Klik: Rich snippets yang menarik tersebut? Mereka cenderung menarik lebih banyak klik!
- Perluasan Pengetahuan Mesin Pencari: Itu membantu mesin pencari memahami konten Anda lebih akurat.
- Optimisasi Pencarian Suara: Sebagai pencarian suara tumbuh, data struktural menjadi semakin penting.
Jenis-Jenis Bahasa Kode Schema
Schema Markup bukan solusi ukuran-sembilan. Ada beberapa cara untuk mengimplentasikannya:
| Format | Deskripsi | Contoh |
|---|---|---|
| Microdata | Atribut HTML | <div itemscope itemtype="http://schema.org/Person"> |
| RDFa | Ekstensi HTML5 | <div vocab="http://schema.org/" typeof="Person"> |
| JSON-LD | Notasi JavaScript dimasukkan ke dalam tag <script>
|
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Person" }</script> |
Meskipun semua format ini valid, JSON-LD biasanya lebih disukai oleh Google karena mudah untuk diimplementasikan dan dipelihara.
Langkah-Langkah Menambah Schema Markup Pada Website untuk SEO
Sekarang, mari kita kerjakan! Berikut adalah cara Anda menambah Schema Markup ke website Anda:
1. Tetapkan Jenis Konten
Pertama, identifikasi jenis konten yang Anda tandai. Apakah itu artikel? Produk? Bisnis lokal? Schema.org memiliki daftar lengkap jenis yang Anda dapat gunakan.
2. Pilih Format Markup Anda
Untuk panduan ini, kita akan menggunakan JSON-LD, karena ini format yang disukai Google.
3. Buat Markup Anda
Misalnya kita menandai sebuah postingan blog. Berikut adalah contoh:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"headline": "Bagaimana Memasak Kue Coklat Chip yang sempurna",
"author": {
"@type": "Person",
"name": "Jane Doe"
},
"datePublished": "2023-06-15",
"image": "http://example.com/cookie.jpg",
"articleBody": "Pertama, campurkan mentega dan gula..."
}
</script>Skrip ini memberitahu mesin pencari bahwa halaman ini berisi postingan blog, beserta judulnya, penulis, tanggal publikasi, gambar utama, dan cuplikan konten.
4. Tes Markup Anda
Sebelum menjalankan, selalu tes markup Anda menggunakan Google's Structured Data Testing Tool. Itu seperti spell-check untuk Schema Markup Anda!
5. Tambahkan Markup ke HTML Anda
Setelah diuji, tambahkan tag <script> ke bagian <head> HTML Anda.
6. Monitor Performa
Setelah implementasi, tetapkan mata Anda pada performa pencarian Anda. Anda mungkin mulai melihat rich snippets berkilau muncul!
Kesimpulan
Dan begitu saja, teman-teman! Anda baru saja mengambil langkah pertama ke dunia Schema Markup. Ingat, internet adalah seperti sebuah perpustakaan besar, dan Schema Markup adalah seperti menambah indeks rinci ke bukunya. Itu membantu mesin pencari menemukan dan menampilkan konten Anda lebih efektif.
Sekarang Anda terus melanjutkan perjalanan Anda dalam pengembangan web, Anda akan menemukan bahwa Schema Markup adalah salah satu dari banyak alat dalam kotak SEO Anda. Tetapi ini sangat penting, dan menguasainya dapat memberikan situs Anda keunggulan signifikan di hasil pencarian.
Terus mencoba, terus belajar, dan jangan takut untuk merusak kode. Sebelum Anda menyadari, Anda akan melihat website Anda naik tingkat di peringkat pencarian!
Happy coding, dan may the schema be with you!
Credits: Image by storyset