Optimasi URL Postingan Blogger dengan Slug Converter! - Kang Rian
Selamat datang di KangRian.NET, mohon maaf jika ada link error / broken link.. dikarenakan web-log ini sedang dalam perbaikan! Terima kasih telah berkunjung.. ( Salam, Kang Rian - Manusia paling "Simple" di Muka Bumi!~ )

Optimasi URL Postingan Blogger dengan Slug Converter!

Optimasi URL Postingan Blogger dengan Slug Converter! - Kang Rian
Untuk kita yang belum terlalu mengenal istilah-istilah blog dan web, mungkin akan banyak pertanyaan seputar slug, permalink, dan lain sebagainya..

Di kesempatan kali ini saya akan coba share sekilas pengertian / fungsi "Slug", manfaat dan juga cara membuat-nya!

Apa yang dimaksud dengan SLUG?

Slug adalah semacam tulisan yang biasanya terletak / muncul setelah nama domain pada alamat bar browser yang berfungsi sebagai alamat tujuan menuju sebuah halaman atau postingan website / blog.

Berikut adalah contoh-nya ( Lihat teks yang saya beri warna latar biru ) :

https://www.kangrian.net/2020/04/optimasi-url-postingan-blogger-dengan-getslugjs-slug-converter.html
Nah, sekarang kita sudah tau.. apa itu slug baik pengertian maupun contoh-nya! lanjut ke manfaat slug 

Manfaat menggunakan Slug untuk Optimasi "SEO"

Tidak dipungkiri, ternyata dengan menggunakan slug pada website / blog akan meningkatkan performa SEO..

Seperti banyak pakar SEO yang percaya bahwa situs-situs / blog yang menerapkan slug pada url halaman nya akan mendapatkan banyak trafik (pengunjung) dari mesin pencari jika setiap slug yang diterapkan disisipkan kata kunci (keywords) terkait dengan konten / judul pada halaman tersebut.

(Bonus) Tips membuat Slug yang sederhana & SEO Friendly!

Membuat slug yang singkat, padat & sesuai kata kunci akan terlihat lebih userfriendly dan disukai Google.. oleh sebab itu saya sarankan untuk membuat slug yang singkat, padat dan sesuai dengan kata kunci yang mewakili isi konten halaman yang kita buat.

Ini dia yang ditunggu-tunggu! ..

Cara mengkonversi Judul Halaman menjadi sebuah Slug secara Otomatis menggunakan Slug Converter!

Sekarang kita coba Masukan Judul Halaman / postingan lalu klik tombol "Generate" pada Slug Converter berikut ini :


dan berikut adalah kode lengkap nya :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>

lewati kode diatas jika sudah menginstall jQuery library!

<style>
  #getSlug {
    margin:20px 0;
    display:grid;
    grid-template-columns:1fr auto;
    border:1px solid #222;
    border-radius:4px;
    overflow:hidden;
    }
  #getSlug > * {
    display:block;
    width:100%;
    text-align:center;
    padding:10px 15px;
    border:0;
  }
  #getSlug button {
    background:#222;
    color:#fff;
    }
</style>
<div id="getSlug">
  <input placeholder="Masukan Judul.." type="text" />
  <button>Generate!</button>
</div>
<script>
function convertToSlug(Text)
{
    return Text
        .toLowerCase()
        .replace(/ /g,'-')
        .replace(/[^\w-]+/g,'')
        ;
}
$('#getSlug').on('click','button', function(){
  var getTitle = $(this).closest('#getSlug').find('input').val();
  $(this).closest('#getSlug').find('input').val(convertToSlug(getTitle)).select();
});
</script>
Selamat mencoba! đŸ‘ŒđŸ»
Kang Rian ăƒȘケンさん - Kang Rian

Kang Rian ăƒȘケンさんIkuti

Fatherhood. @m.imam.am
Manusia paling "Simple", di Muka Bumi!~
Bandung - Indonesia.

13 Komentar..

  1. Bonus versi PHP-nya mas hehehe

    [code]<?php
    function slugify($text){
    // replace non letter or digits by -
    $text = preg_replace('~[^\pL\d]+~u', '-', $text);
    // transliterate
    $text = iconv('utf-8', 'us-ascii//TRANSLIT', $text);
    // remove unwanted characters
    $text = preg_replace('~[^-\w]+~', '', $text);
    // trim
    $text = trim($text, '-');
    // remove duplicate -
    $text = preg_replace('~-+~', '-', $text);
    // lowercase
    $text = strtolower($text);
    if (empty($text)) {
    return 'n-a';
    }
    return $text;
    }[/code]

    BalasHapus
  2. Wah, baru tahu juga saya kalau plug itu bisa di optimasi sedemikian rupa. Btw saya panasaran dengan BB CODE di komentar. Izin coba dulu ya
    [url]https://pubiway.com/[/url]

    Okey

    BalasHapus
  3. script nya di taro di bagian apa mas, dalam body , apa di setelan robot ?,,,,,, maaf newbe

    BalasHapus
  4. di page blogger > mode html > paste > publish. đŸ™đŸ»

    BalasHapus
  5. Kang rian . . Cara agar gambar. Bisa fit penuh layar kaya postinga ini gimana . . Jadi ga ada spasi kanan kiri . . Ajari aku kang. Pleaseee . . Please pleaseee kang

    BalasHapus
    Balasan
    1. Iya mas . Pas di halaman mobil . . Css nya atau pale java script itu mas ? . . Kalai versi dekstop juga bisa mas ? Ajari dong mas . . Pleaseee

      Hapus
  6. [url] https://kangrian.net/ [/ url]

    BalasHapus
  7. Request* Recent comments widget notification system Like this Blog 🙏🙏

    BalasHapus
KonversiBersihkan