JSON-LD BREADCRUMB SCHEMA GENERATOR

Manfaat Menggunakan Breadcrumb Schema Generator

Beberapa manfaat yang Anda dapatkan dengan menggunakan breadcrumb schema generator dari cmlabs adalah sebagai berikut:

Lebih Praktis

Anda dapat menyesuaikan struktur breadcrumb yang ingin dibuat hanya dengan memasukkan beberapa parameter yang dibutuhkan. Dalam waktu singkat, Anda akan melihat script breadcrumb yang berhasil dibuat. Cara ini jelas lebih praktis dibandingkan membuat breadcrumb secara manual.

Breadcrumb Sesuai Pedoman Google

Script JSON-LD yang dihasilkan melalui breadcrumb schema generator telah sesuai dengan pedoman breadcrumb Google. Jika Anda menambahkan script tersebut pada website Anda, maka website tersebut telah memenuhi syarat untuk ditampilkan dengan breadcrumb di penelusuran Google.

Dapat Menguji Validasi Kode

Breadcrumb schema generator dari cmlabs telah terintegrasi dengan Rich Result Test milik Google. Hal ini memungkinkan Anda untuk menguji apakah script yang dihasilkan dapat berfungsi dengan baik atau tidak di penelusuran Google.

Fungsi Breadcrumb Pada Website

Penerapan breadcrumb dapat meningkatkan pengalaman pengguna dan memberikan keuntungan lain bagi website Anda. Adapun fungsi breadcrumb adalah sebagai berikut:

Memudahkan Navigasi Pengguna

Fungsi breadcrumb adalah sebagai navigasi kedua setelah menu utama. Dengan adanya breadcrumb, pengguna web dapat mengetahui dimana posisi mereka saat ini dan dapat menjelajahi website dengan lebih mudah.

Meningkatkan SEO Website

Fungsi breadcrumb lainnya adalah untuk meningkatkan SEO website. Hal ini dikarenakan, penerapan breadcrumb dapat mengoptimalkan pengalaman pengguna dan memudahkan Google dalam memahami struktur website. Sehingga, website akan mendapat penilaian yang lebih baik di mata Google.

Meminimalisir Bounce Rate

Penerapan breadcrumb dapat memudahkan pengguna web dalam menemukan konten yang mereka cari. Sebab, breadcrumb menyediakan struktur navigasi halaman hingga level terakhir. Hal ini dapat meminimalisir potensi bounce rate pada halaman website Anda.

Contoh JSON-LD Breadcrumb Schema Markup

Implementasi breadcrumb schema markup dapat dilakukan dengan beberapa cara, yaitu menggunakan kode HTML atau melalui JSON-LD (Javascript Object Notation for Linked Data). Untuk membuat breadcrumb schema menggunakan JSON-LD, Anda perlu menambahkan script dalam source code website Anda.

Namun, dengan memanfaatkan tool ini, Anda tidak perlu lagi menuliskan script secara manual. Sebab, Anda bisa mendapatkan schema markup secara otomatis hanya dengan memasukkan parameter yang dibutuhkan. Cara penggunaan breadcrumb schema generator ini pun cukup mudah, sehingga Anda tidak perlu memiliki kemampuan coding untuk menggunakannya.

Contoh kode JSON-LD yang akan Anda terima dari breadcrumb schema generator adalah sebagai berikut:

                
                    <script type="application/ld+json">
                    {
                    "@context": "https://schema.org",
                    "@type": "BreadcrumbList",
                    "itemListElement": [{
                        "@type": "ListItem",
                        "position": 1,
                        "name": "Home",
                        "item": "https://cmlabs.co/"
                    },{
                        "@type": "ListItem",
                        "position": 2,
                        "name": "About Us",
                        "item": "https://cmlabs.co/about-us/"
                    }]
                    }
                    </script>
                
            

Apa yang Terjadi Setelah Skema Diterapkan?

Setelah diterapkan, Anda dapat menguji implementasi Anda di halaman atau tingkat kode menggunakan Rich Snippet Testing Tool Google. Setelah aktif, Anda dapat meminta Google untuk merayapi halaman Anda yang dimodifikasi. Selanjutnya, pantau CTR dan perform dari halaman tersebut.

Cara Menggunakan Breadcrumb Schema Generator

Breadcrumb schema generator adalah tool yang dapat membantu Anda untuk menghasilkan breadcrumb schema markup dengan lebih mudah. Berikut adalah cara membuat breadcrumb yang dapat Anda lakukan melalui tool ini:

Buka Halaman JSON-LD Breadcrumb Schema Generator

Sebagai langkah awal dalam membuat breadcrumb, Anda perlu membuka halaman JSON-LD Breadcrumb Schema Generator terlebih dahulu. Dengan tool ini, Anda tidak perlu khawatir mengalami kendala dalam pembuatan breadcrumb, sebab tool ini akan menyajikan breadcrumb schema markup yang sesuai dengan pedoman penelusuran Google.

Gambar 1: Tampilan halaman breadcrumb schema generator dari cmlabs.

Masukkan Data Yang Dibutuhkan

Cara membuat breadcrumb menggunakan tool JSON-LD generator cmlabs terbilang cukup mudah. Pastikan Anda telah memilih opsi breadcrumb pada skema yang ingin dibuat. Selanjutnya cukup tambahkan nama halaman dan URL-nya pada field yang tersedia atau hapus field yang tidak dibutuhkan.

Gambar 2: Masukkan data yang dibutuhkan untuk membuat breadcrumb schema markup.

Tambah URL Baru

Secara default, breadcrumb schema generator menyediakan 2 field yang dapat Anda gunakan untuk menyusun script JSON-LD breadcrumb. Jika Anda ingin menambah halaman lain, maka Anda bisa menekan tombol "Tambah URL" dan tool ini akan menampilkan field baru yang bisa Anda gunakan untuk menambah halaman baru beserta URL-nya.

Gambar 3: Tombol "Tambah URL" pada breadcrumb schema generator dari cmlabs.

Hapus URL

Apabila Anda ingin menghapus halaman yang tidak dibutuhkan dari breadcrumb tersebut, maka Anda bisa menekan ikon silang yang berada di sisi kanan field untuk memasukkan nama halaman dan URL tersebut. Perlu diperhatikan, field yang dihapus tidak dapat dipulihkan kembali.

Gambar 4: Tombol ikon silang untuk menghapus URL pada breadcrumb schema generator dari cmlabs.

Salin Script JSON-LD Yang Dihasilkan

Setelah memasukkan data yang dibutuhkan, Anda akan melihat pratinjau breadcrumb schema markup pada bagian kanan. Cara menambahkan breadcrumb schema pada website yaitu dengan menekan opsi salin, kemudian tempel script yang telah dibuat ke dalam kode program Anda.

Gambar 5: Opsi salin breadcrumb schema markup

Cek Validasi Script JSON-LD

Dengan breadcrumb schema generator, Anda juga bisa memeriksa validitas script JSON-LD yang Anda gunakan untuk membuat breadcrumb. Cara cek breadcrumb pun cukup mudah, Anda hanya perlu menekan opsi cek yang terdapat di bagian pratinjau script yang dihasilkan.

Ketika Anda menekan tombol tersebut, maka Anda akan dialihkan menuju laman Rich Result Test milik Google. Pada halaman tersebut, Anda dapat mengecek apakah script breadcrumb dapat berfungsi dengan baik di penelusuran Google.

Gambar 6: Opsi cek validasi breadcrumb schema markup

Reset Breadcrumb Schema Generator

Tool ini juga memberikan opsi yang memudahkan Anda dalam menghapus seluruh data yang telah Anda masukkan sebelumnya. Anda hanya perlu memilih opsi "Reset" dan tool ini akan menampilkan field baru, sehingga Anda bisa membuat breadcrumb schema lainnya.

Gambar 7: Opsi reset data yang ditambahkan pada breadcrumb schema generator.