Panduan Utama Skema untuk SEO

Diterbitkan: 2021-07-23

Panduan Utama Skema untuk SEO

Dalam posting ini, kita akan meninjau skema situs web dan dampaknya terhadap optimasi mesin pencari.

Skema situs web adalah kode yang membantu mesin telusur memberikan hasil yang relevan bagi pengguna.

Direktur Strategi Digital Ignite Visibility Khalil Kanbar mengumpulkan beberapa contoh markup skema dan menyelami berbagai jenis schema.org. Pelajari semua dasar-dasar skema situs web saat Anda mengikuti panduan ini untuk meningkatkan pengoptimalan mesin telusur Anda melalui hasil yang kaya.

Apa itu Skema Situs Web?

Skema situs web adalah kode yang membantu mesin telusur memberikan hasil yang relevan bagi pengguna.

Ini adalah jenis mikrodata yang membantu mereka memahami bagian utama situs web Anda dan terkadang menggunakan data tersebut untuk mengisi hasil kaya ke dalam SERP.

Ditemukan di Schema.org , ini merupakan upaya bersama oleh Google, Bing, Yahoo!, dan Yandex pada tahun 2011 untuk membuat kosakata data terstruktur terpadu untuk web. (Namun, Bing dan mesin pencari lainnya belum secara resmi menyatakan dukungan mereka terhadap implementasi JSON-LD dari Schema.org).

Dengan menggunakan schema.org, kita dapat menemukan berbagai macam markup berbeda yang dapat kita tambahkan untuk menyempurnakan situs web.

Manfaat skema situs web bergantung pada SERP Google dan mesin pencari lainnya yang selalu berubah. Google tidak hanya mengubah algoritmenya secara teratur, tetapi juga menguji elemen desain baru.

Saat mengetik nama seseorang, bisnis, atau bahkan pertanyaan, Anda mungkin melihat pop-up SERP non-HTML atau bahkan beberapa SERP HTML bahkan telah menambahkan fitur seperti ulasan, harga, dan remah roti.

Meskipun belum semua tag skema menghasilkan hasil yang kaya, praktik yang baik adalah menjadi yang terdepan saat mereka memutuskan untuk meluncurkan fitur baru.

Juga, perhatikan bahwa memiliki skema situs web tidak menjamin hasil yang kaya dan tidak ada bukti bahwa skema akan meningkatkan peringkat. Saya sebenarnya pernah melihat skema berdampak negatif pada peringkat dan RKT di masa lalu.

Manfaat skema mengambil lebih banyak ruang ritel di halaman pertama. Jika menambahkan skema dapat membuat hasil kaya FAQ, hasil kaya kotak telusur, dan bahkan tautan situs, Anda kini menempati sebagian besar halaman pertama.

Tentu saja, Google memahami bahwa ini bisa sangat kompetitif dan dapat membatasi hasil yang kaya. Contohnya adalah pada tahun 2019 ketika Google membatasi 3 cuplikan kaya halaman FAQ per halaman.

Saat mulai menggunakan skema, langkah pertama adalah menentukan jenis skema yang ingin Anda gunakan.

Apa itu Skema Situs Web?

Apa itu Skema Situs Web?

Jenis Skema Org

Ada tiga jenis organisasi skema umum.

Ini adalah JSON-LD, Microdata, dan RDFa. Kami akan berfokus terutama pada JSON-LD dan Microdata, karena RDFa merupakan perpanjangan dari HTML5 dan tidak jauh berbeda dari microdata (biasanya saling bercampur).

Saat memilih gaya, saya sarankan untuk memilih satu dan tetap menggunakannya di seluruh halaman web Anda. Saya juga merekomendasikan untuk tidak menggunakan kedua jenis pada halaman yang sama. Ini bisa menjadi kasar ketika Anda menambahkan beberapa tag skema di situs web dan mungkin sulit untuk didiagnosis.

JSON-LD adalah apa yang direkomendasikan Google sedapat mungkin dan Google sedang dalam proses menambahkan dukungan untuk fitur yang didukung markup. JSON-LD dapat diimplementasikan ke dalam header konten Anda dan membutuhkan waktu yang sangat sedikit untuk diterapkan.

Opsi lainnya adalah Microdata, yang melibatkan elemen pengkodean ke situs web Anda. Ini bisa menjadi proses yang menantang untuk beberapa alasan aneh, itulah sebabnya saya tidak menyukainya. Di bawah ini adalah definisi dasar dari jenis skema org.

Skema JSON-LD vs. Microdata

Skema JSON-LD vs. Microdata

JSON-LD

JSON-LD sekarang menjadi metode markup skema yang disukai, dan Google telah mendukung lebih banyak jenis skema situs web dengan bahasa markup ini.

JSON-LD biasanya ditambahkan di header situs web, tidak seperti microdata yang ditambahkan di dalam elemen tubuh. Anda masih dapat menerapkan JSON-LD di dalam isi, pastikan untuk tidak mencoba menandai elemen individual seperti yang Anda lakukan dengan mikrodata. Metode pilihan Google ada di dalam header halaman.

JSON-LD dibuat sebagai cara yang lebih mudah untuk menerapkan markup skema dalam kode tanpa harus menandai setiap elemen HTML individual, seperti yang dilakukan mikrodata.

Tujuan dengan JSON-LD adalah untuk membubuhi keterangan apa yang ditemukan di halaman web menggunakan array multi-dimensi. Ini berarti bahwa saat menambahkan markup skema JSON-LD ke situs web Anda, pastikan bahwa konten tersebut benar-benar ada di dalam halaman HTML.

TERKAIT: JSON-LD SEO, Apa Itu Jason-LD Dan Bagaimana Dampaknya terhadap SEO

Mikrodata

Microdata adalah tag yang dapat dibaca mesin yang dianotasi ke elemen HTML. Dengan menambahkan jenis item, yang merupakan konten di halaman Anda, Anda mulai menandai area teks HTML yang berbeda untuk mendukung skema situs web.

Mengidentifikasi dan Menemukan Skema Situs Web

Menemukan skema dapat dilakukan dengan berbagai cara.

Cara termudah untuk memeriksanya adalah dengan menggunakan alat data terstruktur Google . Di sini Anda dapat merayapi halaman web atau memasukkan kode sumber dan itu akan memberi tahu Anda skema apa yang diterapkan di situs web, jika itu menyebabkan kesalahan, dan jika ada peringatan.

Tentu saja, untuk situs web multi-halaman, ini bisa menjadi tugas yang sulit. Anda juga dapat menggunakan alat seperti ScreamingFrog untuk menemukan markup skema di dalam halaman. Sebelum menjalankan crawl, buka konfigurasi -> spider -> dan lihat di bawah ekstraksi. Pastikan untuk memeriksa JSON-LD, microdata, dan RDFa.

Jika Anda memperhatikan bahwa klien mendapatkan hasil kaya, tetapi tidak dapat menemukan tag melalui kode sumber, atau alat yang disebutkan di atas, periksa Google Pengelola Tag mereka. Saat menambahkan skema secara dinamis ke situs web menggunakan GTM, skema tersebut mungkin tidak muncul di salah satu alat ini.

Contoh Markup Skema Umum:

Ada banyak penggunaan yang diketahui untuk skema situs web.

Di bawah ini adalah elemen skema utama yang digunakan untuk tujuan SEO. Tentu saja, ada beberapa hal yang dapat Anda tambahkan dan hapus. Pastikan untuk memeriksa schema.org untuk elemen berbeda yang dapat dimasukkan.

Organisasi

Skema organisasi adalah suatu keharusan ketika datang ke klien.

Dasar-dasar tag ini adalah Nama Bisnis, Logo, dan URL Situs Web. Tetapi Anda dapat melangkah lebih jauh dengan menambahkan tautan media sosial, jam operasional, hari buka, jumlah karyawan, deskripsi, dan banyak lagi. Meskipun bukan suatu keharusan, skema organisasi dapat membantu mengisi kesenjangan dalam hal panel pengetahuan perusahaan.

** Pastikan untuk tidak memiliki skema ini di semua halaman. Skema ini hanya boleh diterapkan di beranda ATAU halaman tentang kami .**

Contoh Markup Skema: Skema Organisasi

Contoh Markup Skema: Skema Organisasi

Kotak Pencarian Tautan Situs (Situs Web)

Skema Kotak Pencarian Tautan Situs, Skema Situs Web AKA, adalah cuplikan kecil yang memungkinkan Anda menambahkan nama situs web, URL situs web, logo situs web, dan URL ke kotak pencarian. Contoh markup skema ini akan menghasilkan hasil yang kaya pada pencarian bermerek.

Kotak Pencarian Tautan Situs atau Skema Situs Web

Kotak Pencarian Tautan Situs atau Skema Situs Web

Daftar Remah Roti

BreadcrumbList dapat ditambahkan di semua halaman.

Ini membuat robot tahu di halaman mana mereka berada dan apa strukturnya untuk sampai ke sana. Jika ingin menambahkan di semua halaman, sebaiknya lakukan ini melalui Plugin Skema atau dengan menggunakan microdata pada templat daftar remah roti di halaman (lihat bagian Implementasi).

BreadcrubList: Contoh Markup Skema Umum

BreadcrubList: Contoh Markup Skema Umum

halaman FAQ

Jika halaman atau blog Anda bertanya dan menjawab pertanyaan yang sering diajukan, contoh markup skema ini dapat ditambahkan ke halaman tersebut. Kasus umum yang diketahui untuk skema halaman FAQ akan digunakan pada bagian FAQ dari situs web.

Contoh markup skema tambahan adalah menggunakan skema halaman FAQ di blog. Menambahkan bagian pertanyaan/jawaban ke blog dapat meningkatkan peringkat blog dan dengan menggunakan skema ini, Anda sekarang dapat mengambil lebih banyak ruang ritel di dalam SERP. Anda juga dapat menggunakan ini di PLP jika Anda menggunakan header sebagai pertanyaan dan menjawab pertanyaan di dalam konten.

Skema halaman FAQ

Skema halaman FAQ

Bagaimana-Untuk

Skema How-To dapat digunakan pada halaman yang memberi tahu instruksi pengguna tentang penggunaan produk atau fitur. Contoh umum adalah panduan instalasi dan pengaturan produk.

T&J

Jangan bingung dengan skema halaman FAQ, skema Q&A digunakan ketika pengguna mengajukan pertanyaan di halaman dan pengguna memiliki kesempatan untuk menjawab. Perbedaan antara skema ini dan halaman FAQ adalah bahwa pengguna menjawab pertanyaan di forum terbuka dan jawabannya tidak disediakan oleh situs web itu sendiri.

Markup Skema Tanya Jawab

Markup Skema Tanya Jawab

Artikel

Ini dapat digunakan pada setiap halaman blog dari sebuah situs web. Anda dapat menandai kapan blog itu diposting, siapa penulisnya, apa gambarnya, dan bahkan isi tubuhnya. Ini mungkin dapat mengisi hasil kaya untuk artikel.

Produk

Ini harus digunakan pada setiap halaman produk situs web. Anda dapat menambahkan properti seperti harga, peringkat, stok tersedia vs stok habis, warna, dan lainnya. Ini adalah hasil kaya umum yang akan Anda lihat saat berbelanja online.

Produk | Cari Tengah | Pengembang Google

Skema Produk

Tinjauan

Skema ulasan dapat digunakan dalam skema produk untuk masing-masing produk. Jika Anda memiliki ulasan situs web atau jenis ulasan lainnya, Anda masih dapat menggunakan skema Tinjauan sebagai stand-alone. Contoh markup skema umum ini akan menghasilkan hasil kaya ulasan dalam SERP HTML.

Contoh Markup Skema: Skema Tinjauan

Contoh Markup Skema: Skema Tinjauan

Halaman web

Ini dapat ditambahkan ke setiap halaman situs web. Properti yang memungkinkan adalah tanggal publikasi, logo, gambar, remah roti, dan banyak lagi.

Video

Skema video dapat ditambahkan pada halaman yang berisi video. Anda dapat menggunakan ini untuk menunjukkan sumber video, stempel waktu dalam video, judul video, dan deskripsi video.

Contoh Markup Skema: Video

Contoh Markup Skema: Video

Bisnis Lokal

Untuk perusahaan lokal atau perusahaan yang memiliki entitas lokal, skema ini harus dimiliki untuk menambahkan jam operasi, lokasi, nama, dan lainnya yang berbeda.

Dan Lainnya…

Meskipun ini adalah penggunaan skema umum teratas, ada lebih banyak lagi yang dirancang untuk kebutuhan Anda.

Contoh skema lain yang pernah saya lihat digunakan adalah untuk gym, restoran, bandara, orang, resep, lowongan pekerjaan, dan acara. Jika Anda tidak yakin apakah halaman Anda memenuhi syarat untuk skema apa pun, gunakan schema.org untuk mencari jenis produk/halaman web yang Anda buat.

Penerapan

Implementasi adalah bagian tersulit dari markup Skema.

Jika Anda menggunakan JSON-LD, Anda beruntung. Cukup rekatkan bocah nakal itu di dalam tajuk halaman dan Anda siap bermain! Jika Anda menggunakan Microdata, pastikan untuk mengidentifikasi itemtype dan itemscope halaman dan menguji, menguji, menguji.

Ada dua alat untuk menguji kode Anda sebelum dan sesudah menambahkan skema ke situs web:

https://search.google.com/structured-data/testing-tool/u/0/

https://search.google.com/test/rich-results

Alat-alat ini akan memberi tahu Anda jika ada kesalahan, jika ada peringatan, dan apakah itu akan menghasilkan hasil yang kaya.

Pastikan juga untuk memeriksa Google Search Console untuk masalah skema. Saat menambahkan fitur skema, Anda mungkin melihat bagian baru di Search Console yang ditujukan untuk skema yang Anda tambahkan. Setiap kesalahan dalam Search Console akan menghilangkan hasil kaya Anda untuk SERP tersebut.

Tidak memiliki akses ke CMS mereka? Jika diperlukan, skema JSON-LD dapat diterapkan melalui Google Pengelola Tag. Google tidak menyukai metode ini, tetapi bisa berhasil. Satunya downside adalah bahwa kadang-kadang ini tidak akan ditampilkan dalam kode sumber dan alat-alat di atas.

Implementasi & Otomatisasi Dinamis

Jika Anda ingin menggunakan skema di ratusan halaman, menambahkannya secara manual mungkin bukan pilihan terbaik. Ada beberapa cara untuk menghasilkan skema secara dinamis di situs web.

Pilihan yang baik adalah membuatnya dalam template halaman web. Jika Anda tahu bahwa setiap halaman produk berisi bagian FAQ di bagian bawah, gunakan microdata pada halaman template untuk membuat kode ini secara otomatis. Dengan begitu Anda tidak perlu khawatir tentang menambahkan kode setiap kali Anda membuat halaman baru.

Anda juga dapat melakukan ini dengan mengedit elemen lain di situs web seperti daftar remah roti. Jika Anda memiliki klien e-niaga, kemungkinan mereka memiliki plugin untuk menampilkan remah roti secara dinamis. Menambahkan microdata ke plugin dapat membantu menghasilkan skema Daftar BreadCrumb ke setiap halaman.

Google Pengelola Tag juga merupakan kemungkinan untuk menghasilkan skema secara dinamis pada sejumlah besar laman. Pada tahun 2016, kami diperkenalkan dengan metode ini dan biasanya digunakan pada halaman produk dan blog. Lihat panduan lengkap tentang cara membuatnya di sini. Perhatikan bahwa Google tidak menyukai metode ini.

Plugin WordPress… Ya, ada banyak plugin di WordPress yang membuat tag dinamis untuk skema produk, Daftar BreadCrumb, dan banyak lagi.

Yang paling umum adalah All In One Schema dan Schema Pro. Berhati-hatilah saat menggunakan plugin ini. Saya telah melihat banyak kesalahan yang dibuat melalui plugin ini jadi pastikan untuk menjalankan tes.

Jika skema menghasilkan kesalahan (bahkan hanya 1), itu pada dasarnya tidak berguna dan Anda tidak akan menerima hasil kaya apa pun dari tag itu. Implementasi yang buruk dari skema ini juga dapat membahayakan situs web dengan menambahkan skema yang salah ke halaman yang salah. Ini bisa sangat membingungkan bagi Google dan mungkin mengakibatkan hilangnya peringkat.

Sumber daya di Skema

Mulai menggunakan skema bisa jadi sulit. Terutama ketika benar-benar membangun kode. Untungnya, ada situs web yang dapat secara otomatis membuat ini untuk Anda dan membantu Anda memulai.

https://technicalseo.com/tools/schema-markup-generator/ – Dikembangkan oleh Merkle, situs web ini adalah opsi plug and chug untuk kode skema umum. Cukup salin dan tempel apa yang Anda butuhkan di dalam situs web dan itu akan menghasilkan kode untuk Anda.

https://developers.google.com/ – Apakah Anda mencari skema tertentu? Kemungkinan besar di situs Dev Google. Cari melalui situs web mereka dan lihat apa yang dapat Anda temukan, sebagian besar waktu mereka juga akan memberi Anda struktur dasar (dan berfungsi) untuk JSON-LD dan Microdata.

Schema.org – Di sinilah semuanya dimulai. Periksa situs web ini untuk melihat properti apa yang dapat Anda gunakan untuk berbagai jenis skema. Situs web ini sangat membingungkan, tetapi juga sumber daya terbaik Anda saat membedah kesalahan skema yang buruk.

Membungkusnya

Manfaat terbesar dari skema situs web adalah mengambil sebanyak mungkin ruang di halaman pertama mesin pencari.

Karena Google terus mengubah algoritmenya secara teratur, peluang berbeda untuk elemen desain baru akan terus bermunculan. Pastikan untuk tetap di atas berbagai contoh contoh markup skema situs web untuk tetap berada di puncak hasil pencarian Google.