Cara Mengaktifkan Yoast SEO Breadcrumbs di WordPress

Cara Mengaktifkan Yoast SEO Breadcrumbs di WordPress

Pahami konsep Cara Mengaktifkan Yoast SEO Breadcrumbs di WordPress dengan lebih mudah. Informasi disusun berdasarkan poin-poin penting yang sering dicari. Temukan berbagai informasi yang mungkin sedang Anda cari.

Butuh penjelasan lengkap mengenai Cara Mengaktifkan Yoast SEO Breadcrumbs di WordPress? Materi dijelaskan secara runtut agar lebih mudah dipahami. Jangan lewatkan setiap poin penting yang dijelaskan.

Yoast SEO menyediakan fitur breadcrumbs yang berfungsi untuk membantu navigasi pengguna sekaligus meningkatkan struktur SEO website. Dalam artikel ini, kita akan membahas apa itu breadcrumbs, mengapa penting, serta cara mengaktifkan dan mengimplementasikannya menggunakan Yoast SEO di WordPress.

Apa Itu Breadcrumbs dan Mengapa Penting?

Breadcrumbs adalah elemen navigasi yang menunjukkan posisi halaman saat ini dalam struktur website. Biasanya tampil seperti:

Home > Blog > Artikel

Fungsi utama breadcrumbs adalah:

• Membantu pengguna memahami struktur website
• Mempermudah navigasi antar halaman
• Meningkatkan pengalaman pengguna (UX)
• Membantu SEO karena Google dapat menampilkan breadcrumb di hasil pencarian

Untuk penjelasan lebih lengkap, breadcrumbs merupakan bagian penting dalam SEO karena menunjukkan hierarki halaman secara jelas.

Apa yang Dilakukan Yoast SEO Breadcrumbs?

Fitur breadcrumbs pada Yoast SEO akan menghasilkan data JSON-LD di dalam source code website. Format ini dianggap paling stabil untuk membantu Google membaca struktur breadcrumb sebagai rich snippet.

Contoh output JSON-LD dari Yoast SEO:

{
  "@type": "BreadcrumbList",
  "@id": "https://yoast.com/wordpress/plugins/seo/#breadcrumb",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "WebPage",
        "@id": "https://yoast.com/",
        "url": "https://yoast.com/",
        "name": "Home"
      }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@type": "WebPage",
        "@id": "https://yoast.com/wordpress/plugins/",
        "url": "https://yoast.com/wordpress/plugins/",
        "name": "WordPress plugins"
      }
    }
  ]
}

Google kemudian dapat menampilkan breadcrumb ini di hasil pencarian sebagai pengganti URL panjang, sehingga lebih rapi dan informatif.

Cara Mengaktifkan Yoast SEO Breadcrumbs

Secara default, fitur breadcrumbs pada Yoast SEO tidak aktif, karena perlu ditambahkan ke file tema WordPress.

Langkah-langkah mengaktifkan:

1. Masuk ke WordPress Dashboard
2. Pilih Yoast SEO
3. Masuk ke Settings
4. Pilih menu Advanced
5. Klik Breadcrumbs
6. Aktifkan toggle Enable breadcrumbs for your theme
7. Klik Save changes

Setelah diaktifkan, fitur breadcrumbs siap digunakan di website Anda.

Cara Implementasi Yoast SEO Breadcrumbs di Theme WordPress

Untuk menampilkan breadcrumbs di website, Anda perlu menambahkan kode ke file tema.

Kode yang digunakan:

<?php if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
} ?>

Penempatan kode:

Anda bisa menempatkan kode tersebut di beberapa file tema seperti:

• single.php (artikel)
• page.php (halaman)
• header.php (bagian atas website)

Biasanya breadcrumbs ditempatkan di atas judul halaman agar mudah terlihat.

⚠️ Catatan penting:

• Jangan lupa backup website sebelum mengedit file tema
• Update tema dapat menimpa perubahan manual
• Jika ragu, konsultasikan dengan developer tema

Cara Menggunakan Breadcrumbs di WordPress (Block Editor)

Yoast juga menyediakan cara mudah tanpa edit kode melalui block editor.

Untuk Post atau Page:

1. Masuk ke Posts atau Pages
2. Pilih artikel yang ingin diedit
3. Klik tombol + (Add Block)
4. Cari Yoast Breadcrumbs
5. Tambahkan block tersebut

Breadcrumbs akan muncul hanya di halaman tersebut.

Cara Menggunakan Shortcode Yoast Breadcrumbs

Yoast juga mendukung shortcode untuk menampilkan breadcrumbs.

Shortcode:

[wpseo_breadcrumb]

Cara penggunaan di Block Editor:

1. Buka Posts / Pages / Categories / Tags
2. Klik Add Block
3. Pilih Shortcode
4. Masukkan:[wpseo_breadcrumb]

Cara di Classic Editor:

1. Buka editor klasik
2. Masukkan shortcode berikut:[wpseo_breadcrumb]

FAQ Yoast SEO Breadcrumbs

1. Bagaimana cara integrasi untuk theme developer?

Gunakan fungsi yoast_breadcrumb() di template tema WordPress.

2. Apakah bisa digunakan di WooCommerce?

Ya, Yoast mendukung breadcrumb untuk halaman toko WooCommerce.

3. Mengapa muncul dua breadcrumbs?

Biasanya karena theme sudah memiliki breadcrumb bawaan dan Yoast juga aktif. Solusinya nonaktifkan salah satunya.

4. Bisakah mengubah separator breadcrumb?

Ya, bisa menggunakan filter khusus dari Yoast SEO.

5. Apakah bisa mengubah judul breadcrumb?

Bisa, melalui filter atau pengaturan SEO title pada halaman/post.

Kesimpulan

Yoast SEO breadcrumbs adalah fitur penting untuk meningkatkan navigasi website dan membantu SEO. Dengan mengaktifkan dan mengimplementasikannya dengan benar, website Anda akan lebih mudah dipahami oleh pengguna dan mesin pencari seperti Google.

Menggunakan breadcrumbs juga dapat meningkatkan tampilan hasil pencarian sehingga lebih profesional dan informatif.