Cara Menambahkan Breadcrumbs di WordPress Yasir252

Cara Menambahkan Breadcrumbs di WordPress – Yoast SEO Plugin

Apa sih beradcrumbs itu? Singkatnya, breadcrumb adalah sebuah menu navigasi yang memungkinkan pengunjung situs kita, untuk mengetahui dimana posisi mereka ketika sedang berada pada sebuah halaman. Bisa juga dikatakan sebagai jejak atau path halaman website.

Breadcrumbs mirip dengan menu navigasi standar, kecuali mereka itu terbentuk hanya ketik Anda bergerak didalam sebuah halaman. Link breadcrumb membentuk struktur tautan, dengan hierarki yang menunjukkan halaman pertama yang Anda kunjungi, diikuti oleh halaman utama disebelumnya, dan halaman berikutnya, dan halaman berikutnya. Etdah…

Cara Menambahkan Breadcrumbs di WordPress Yasir252
Breadcrumbs di Website Yasir252

Kenapa Breadcrumbs itu Penting?

Sebagian besar perusahaan atau website professional memilih untuk menggunakan breadcrumbs karena dua alasan :

  • Breadcrumbs membantu pengguna menavigasi situs web Anda.
  • Breadcrumb dapat meningkatkan Kualitas SEO Anda.
Cara Menambahkan Breadcrumbs di WordPress Yasir252
Tampilan breadcrumbs di Search Engine Google

Kedua hal itu terjadi karena terkadang menu navigasi yang ada di menubar tidak cukup untuk memandu visitor ketika berada dalam sebuah halaman.

Cara Menambahkan Breadcrumbs di WordPress

  1. Install plugin Yoast SEO (Saya menggunakan Versi 7.1 saat tutorial ini dibuat)
  2. Pergi ke menu SEO > Social Appearance
  3. Masuk ke Tab Breadcrumbs > Enabled BreadcrumbsCara Menambahkan Breadcrumbs di WordPress dengan Yoast SEO
  4. Setelah itu, sekarang tugas kalian adalah menginput Breadcrumbs kedalam File page.php atau single.php
  5. Masuk ke FTP, lalu cari wp-content > themes > nama tema kalian
  6. Cari file bernama page.php atau single.php, Buka keduanya dalam text editorCara Menambahkan Breadcrumbs di WordPress dengan Yoast SEO
  7. Input kode dibawah ini kedalam file tersebut, dimanapun yang kalian inginkan.
    Biasanya sih saya meletakannya tepat dibawah kode get_header(); atau get_title();
    Bahkan bisa juga diletakan di file header.php

    <?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb(' <p id="breadcrumbs">','</p> '); } ?>
    Contoh 01 : Peletakan di single.php dibawah header
    Cara Menambahkan Breadcrumbs di WordPress dengan Yoast SEO
    Contoh 02 : Peletakan di dalam header.php

    NOTE :
    Terkadang developer tema membuat peletakan snippet agak sulit, jika hal itu terjadi, silahkan kontak tema developer untuk membantu kalian mengetahui cara menambahkan breadcrumbs kode yoast tersebut. Meskipun tidak jarang jika banyak tema yang sudah include dengan breadcrumbs tanpa harus kalian tambahkan secara manual!

  8. Alternatif terakhir, kalian bisa secara manual memasukkan kode breadcrumbs ke setiap post atau page kalian dengan shortcode
    [wpseo_breadcrumb]
  9. Jika semua hal itu sudah dilakukan, maka selesai sudah “cara menambahkan breadcrumbs di wordpress”!

 

Leave a Response

2 Comments
  1. Halo gan, terima kasih untuk info dan aplikasinya.
    Saya mengikuti sejak postingan mac 2019, bermodalkan hackintosh jadi bisa coba banyak aplikasi mac di laptop kentang.
    Untuk post ini, saya cuma ingin koreksi untuk poin 8 itu sepertinya kodenya jadi tereksekusi ya? Bukan berupa shortcode mentah yang bisa dicopy.
    Terima kasih, sehat selalu bang yasir.