Panduan Praktis Membuat Slug yang Menarik Pada Laravel

Tujuan utama dari slug adalah dengan menggunakan slug yang baik, website dapat memberikan pengalaman yang lebih baik bagi pengguna, meningkatkan visibilitas di mesin pencari, dan memudahkan berbagi tautan.

Slug adalah bagian dari URL yang digunakan untuk mengidentifikasi dan merujuk pada suatu halaman atau entitas di dalam sebuah website. Fungsi slug pada website adalah untuk mempermudah pemahaman dan navigasi pengguna serta meningkatkan keberadaan website di mesin pencari. Berikut ini adalah beberapa fungsi slug pada website:

1. Identifikasi Halaman: Slug digunakan untuk mengidentifikasi halaman atau entitas tertentu di dalam website. Sebagai contoh, dalam sebuah blog, setiap artikel akan memiliki slug yang unik yang mencerminkan judul atau topiknya. Ketika pengguna mengakses URL dengan slug tersebut, mereka akan langsung diarahkan ke halaman yang bersangkutan.
   
2. Meningkatkan Keberadaan di Mesin Pencari: Slug yang relevan dan deskriptif dapat membantu meningkatkan visibilitas website di mesin pencari. Dalam praktiknya, mesin pencari dapat mempertimbangkan kata-kata dalam slug sebagai faktor penentu peringkat halaman. Dengan menggunakan slug yang menggambarkan konten halaman secara jelas, website memiliki peluang lebih besar untuk muncul dalam hasil pencarian terkait.
   
3. Meningkatkan Navigasi dan Pengalaman Pengguna: Slug yang mudah dimengerti dan deskriptif membantu pengguna dalam navigasi website. Saat pengguna melihat slug yang mencerminkan konten atau topik halaman, mereka dapat dengan cepat memahami apa yang diharapkan dari halaman tersebut sebelum mengkliknya. Slug yang intuitif juga memungkinkan pengguna untuk mengingat URL dengan lebih mudah, memperbaiki keterlibatan pengguna dan kemungkinan kunjungan kembali.
   
4. Memfasilitasi Berbagi Tautan: Slug yang jelas dan ringkas mempermudah berbagi tautan ke halaman tertentu. Ketika pengguna ingin membagikan konten dari website, mereka dapat menyalin URL lengkap dengan slug yang relevan dan mengirimkannya kepada orang lain. Ini membantu dalam mempromosikan konten dan mendorong lalu lintas ke website.
   
5. Memperbaiki SEO: Penggunaan slug yang relevan dan ramah SEO dapat membantu meningkatkan optimasi mesin pencari. Menggunakan kata kunci yang terkait dengan konten halaman dalam slug dapat membantu mesin pencari memahami konteks halaman tersebut. Penting untuk memilih slug yang singkat, jelas, dan mencerminkan isi halaman agar mendapatkan manfaat SEO yang maksimal.

Membut Slug Pada Laravel

Jika Anda ingin menggunakan pustaka eloquent-sluggable untuk membuat slug di Laravel, Anda dapat mengikuti langkah-langkah berikut:

1. Instalasi Pustaka: Jalankan perintah composer berikut untuk menginstal pustaka eloquent-sluggable:

   composer require cviebrock/eloquent-sluggable

2. Konfigurasi Model: Buka model yang ingin Anda tambahkan slug (misalnya, Article) dan tambahkan penggunaan HasSlug trait dari pustaka eloquent-sluggable, serta definisikan metode slug untuk mengatur pengaturan slug. Contoh:

   use Cviebrock\EloquentSluggable\Sluggable;
   use Illuminate\Database\Eloquent\Model;

   class Article extends Model
   {
       use Sluggable;

       public function sluggable(): array
       {
           return [
               'slug' => [
                   'source' => 'title'
               ]
           ];
       }
   }

Metode sluggable mendefinisikan pengaturan untuk slug, di mana 'source' => 'title' menunjukkan bahwa nilai slug akan dihasilkan dari kolom ‘title’.

3. Migrasi: Jika belum ada kolom ‘slug’ dalam tabel yang sesuai, Anda perlu membuat migrasi untuk menambahkannya. Jalankan perintah make:migration dan buka file migrasi yang baru dibuat. Tambahkan kode berikut:

   public function up()
   {
       Schema::table('articles', function (Blueprint $table) {
           $table->string('slug')->unique()->nullable();
       });
   }

Setelah itu, jalankan migrasi menggunakan perintah php artisan migrate.

4. Menggunakan Slug: Setelah langkah-langkah di atas selesai, Anda dapat menggunakan slug di berbagai tempat dalam aplikasi Anda. Misalnya, jika Anda ingin mengakses artikel berdasarkan slug, Anda dapat melakukannya sebagai berikut:

   public function show($slug)
   {
       $article = Article::where('slug', $slug)->firstOrFail();
       // ...
   }

Dalam contoh di atas, kita menggunakan metode where('slug', $slug) untuk mencari artikel berdasarkan slug yang cocok.

Dengan menggunakan pustaka eloquent-sluggable, proses pembuatan slug di Laravel menjadi lebih mudah dan terotomatisasi. Pastikan untuk menyesuaikan pengaturan dan kolom yang sesuai dengan model Anda. Anda juga dapat melihat dokumentasi resmi pustaka untuk informasi lebih lanjut tentang penggunaan dan pengaturan yang lebih lanjut.

Untuk lebih lengkap teman – teman bisa membaca dokumentasi di eloquent-slugable

Ikuti tulisan menarik di blog ini :

1. Membuat Notifikasi Menggunakan Sweetalert di Codeigniter 3
2. Aturan Dasar dan Cara Penulisan Kode CSS
3. 5 Rekomendasi Template Admin Bootstrap Gratis 2022

Terima kasih telah membaca tulisan blog ini sampai selesai, sampai jumpa di artikel menarik lainya.