SEO - Menambahkan Markup Skema
Apa Itu Schema Markup?
Hai teman-teman yang sedang belajar menjadi pengembang web! Hari ini, kita akan melompat ke dunia yang menarik dari Schema Markup. Saya tahu apa yang Anda pikirkan – "Menarik? Benarkah?" Tetapi percayalah, sekali Anda melihat bagaimana ini dapat meningkatkan visibilitas website Anda, Anda akan begitu antusias seperti saya saat pertama kali menemukannya!
Schema Markup adalah seperti memberikan website Anda sebuah megaphone di gedung konser yang penuh orang di internet. Itu adalah sebuah bentuk microdata yang Anda tambahkan ke HTML Anda untuk membantu mesin pencari memahami konten Anda dengan lebih baik. Bayangkan itu seperti menyediakan字幕 untuk halaman web Anda – itu membantu mesin pencari membaca dan menginterpretasikan konten Anda lebih akurat.
mari 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 mengatakan kepada mesin pencari bahwa div ini mengandung informasi tentang sebuah film. Atribut itemscope
dan itemtype
menentukan skop dan jenis skema, sedangkan itemprop
menentukan properti individual.
Manfaat Menggunakan Schema Markup
Sekarang kita tahu apa Schema Markup, mari bicarakan mengapa ini sangat bagus:
- Hasil Pencarian Ditingkatkan: Schema Markup dapat mengarah ke rich snippets di hasil pencarian, membuat situs Anda tampak menarik.
- Peningkatan Rate Klik: Rich snippets yang menarik itu? Mereka cenderung menarik lebih banyak klik!
- Peningkatan Persepsi Mesin Pencari: Itu membantu mesin pencari memahami konten Anda lebih akurat.
- Optimisasi Pencarian Suara: Sebagai pencarian suara tumbuh, data terstruktur menjadi semakin penting.
Jenis-Jenis Bahasa Kode Schema
Schema Markup bukan solusi yang cocok untuk semua. Ada beberapa cara untuk mengimplementasikannya:
Format | Deskripsi | Contoh |
---|---|---|
Microdata | Atribut HTML | <div itemscope itemtype="http://schema.org/Person"> |
RDFa | Ekstensi ke HTML5 | <div vocab="http://schema.org/" typeof="Person"> |
JSON-LD | Notasi JavaScript yang dimasukkan 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 kemudahan implementasi dan pemeliharaannya.
Langkah-Langkah Menambahkan Schema Markup di Situs Web untuk SEO
Sekarang, mari kita mulai bekerja! Berikut adalah cara Anda menambahkan Schema Markup ke situs web Anda:
1. Tentukan Jenis Konten
Pertama, identifikasi jenis konten yang Anda tandai. Apakah itu adalah artikel? Produk? Bisnis lokal? Schema.org memiliki daftar lengkap jenis yang Anda dapat gunakan.
2. Pilih Format Markup Anda
Untuk tutorial ini, kita akan menggunakan JSON-LD, karena itu 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 Membuat Kue Chip Cokelat 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 mengatakan kepada mesin pencari bahwa halaman ini mengandung postingan blog, beserta judulnya, penulis, tanggal publikasi, gambar utama, dan cuplikan konten.
4. Tes Markup Anda
Sebelum diterbitkan, 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 Kinerja
Setelah implementasi, tetap pantau kinerja pencarian Anda. Anda mungkin mulai melihat rich snippets bercaang muncul!
Kesimpulan
Dan begitulah, teman-teman! Anda baru saja mengambil langkah pertama ke dunia Schema Markup. Ingat, internet seperti sebuah perpustakaan besar, dan Schema Markup seperti menambahkan indeks rinci ke bukunya. Itu membantu mesin pencari menemukan dan menampilkan konten Anda lebih efektif.
Sekarang Anda teruskan menjalani perjalanan pengembangan web, Anda akan menemukan bahwa Schema Markup adalah salah satu dari banyak alat di dalam kitab SEO Anda. Tetapi ini sangat penting, dan menguasainya dapat memberikan website 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!
Selamat coding, dan may the schema be with you!
Credits: Image by storyset