Cara Membuat SEO URL Dengan Htaccess Rewrite CMS Balitbang

gurukomline.com Sharing kali ini saya akan menjelaskan Cara Membuat SEO URL Dengan Htaccess Rewrite dengan studi kasus "mengubah URL bawaan CMS Balitbang menjadi SEO FRIENDLY URL" yang disukai oleh mesin pencari seperti mbah Google. Selain itu seo friendly ini juga dapat digunakan untuk menyamarkan url asli dari serangan sql injection.

Artikel ini saya buat sehubungan dengan pertanyaan teman sosmed "Pingin banget dpt tutorial link berita menyesuaikan caption berita di cms balitbang" . Yang jadi pertanyaan awal Apa bisa URL CMS Balitbang kita buat SEO Friendly? dan jawabannya pasti bisa yaitu dengan bantuan Htaccess Rewrite.


gurukomline.com

Cara Membuat SEO friendly URL CMS Balitbang

Alat yang diperlukan
  • php editor disini saya menggunakan NOTEPAD++ atau bisa menggunakan php editor yang lainnya. 
  • CMS balitbang yang sudah terinstal sebagai studi kasusnya di hosting

 #1 Meletakan file htaccess

  • Buat satu file baru menggunakan notepad++ dan simpan dengan nama .htaccess
  • Upload file .htaccess tadi ke root folder cms balitbang yang sudah terinstal di hosting biasanya di folder publict_html. Bagi yang belum tahu cara upload file ke control panel hostingan bisa baca artikel Cara Instal CMS Balitbang di Hosting

#2 Menghilangkan html pada url bawaan CMS Balitbang

Url bawaan CMS Balitbang selalu mengandung variabel html setelah domain utama baru variabel halaman yang diakses. Perhatikan contoh dibawah ini

url bawaan cms balitbang : http://www.hanyacontoh.sch.id/html/index.php
akan kita ganti menjadi  :  http://www.hanyacontoh.sch.id/index.php

caranya sebagai berikut;
  • klik kanan pada file .htaccess yang sudah kita upload sebelumnya
  • klik edit
  • pada halaman editing ketikan koding dibawah ini dan jangan lupa klik tombol simpan/Save Changes
Silahkan buka websitenya misal contoh saya buat di subdomain http://demo.sman3kotasukabumi.sch.id/ dan coba klik menu  home  kalo berhasil url linknya menjadi http://demo.sman3kotasukabumi.sch.id/index.php tanpa ada embel-embel html.
Catatan:
Jika kita buka menu yang lainnya misalnya klik menu profil akan terjadi error halaman tidak di temukan. Karena memang kita belum merubah url tersebut di file .htaccess. Perhatikan baris ke enam dari kode diatas RewriteRule ^index.php$ ./html/index.php [QSA,L].
kode ^index.php$ akan menggantikan/menyamarkan url aslinya  ./html/index.php

Jadi jika kita mau menyamarkan menu profil maka kita harus menambahkan baris baru di bawah baris enam RewriteRule ^profil.php$ ./html/profil.php [QSA,L]. dan untuk menu yang lain caranya sama.

Dibawa ini kode untuk menyamarkan menu profil, guru, siswa, alumni

#3 Menyamarkan url sub menu dari menu profil

Menu Utama seperti Profil, Guru, Siswa dan Alumni mempunyai sub menu. Misal Menu Utama Profil mempunyai sub menu Visi dan Misi, Sejarah Singkat dsb. Contoh kali ini saya akan menyamarkan link Visi dan Misi dari url bawaan cms balitbang menjadi seo friendly, seperti di bawah ini.

url visi dan misi bawaan : 

  • http://demo.sman3kotasukabumi.sch.id/profil.php?id=profil&kode=11&profil=Visi%20dan%20Misi 

url seo : 

  • http://demo.sman3kotasukabumi.sch.id/visi-dan-misi.html
Ikuti langkah-langkah dibawah ini,
  • edit file .htaccess dan tambahkan kode berikut dibawah kode diatas dan simpan

Silahkan buka website dan klik pada sub menu visi dan misi apa yang terjadi, url masih belum berubah??? kenapa belum berubah karena kita belum merubah link default di bagian administratornya. Bagaimana caranya merubahnya, silahkan ikuti langkah-langkah berikut ini:

  • Login Administrator menggunakan username dan password yang sudah dibuat
  • Klik menu Setting Admin
  • Klik Menu & Profil 
  • Edit bagian menu Visi dan Misi, klik gambar simbol word di bagian kolom Edit
  • Bagian form isian  Link  rubah nilai 0 dengan visi-dan-misi.html (text ini harus sama dengan yang telah di buatkan di file htaccessnya)

Silahkan coba lagi untuk membuka sub menu visi dan misi,  kalo berhasil link harusnya sudah berubah menjadi http://demo.sman3kotasukabumi.sch.id/visi-dan-misi.html

Setelah berhasil menyamarkan url sub menu dari profil yaitu contoh visi dan misi, saya harap rekan-rekan dengan cara yang sama mencoba merubah sub menu profil yang lainnya sejarah singkat dan sebagainya. 
Untuk merubah sub menu di bawah menu guru, siswa, Alumni caranya sama. Silahkan rekan-rekan coba. Kalo masih ada yang belum berhasil silahkan bisa tanyakan di kolom komentar dan sebutkan errornya kenapa.

#4 Menyamarkan url detail halaman contoh [detail berita]

Contoh kasus kali ini yaitu menyamarkan url detail berita bawaan cms balitbang menjadi SEO, perhatikan contoh url dibawah ini

  • Url Detail Berita Bawaan : http://demo.sman3kotasukabumi.sch.id/index.php?id=berita&kode=24
  • Url SEO: http://demo.sman3kotasukabumi.sch.id/berita18-updating-npsn-pendataan-dikmen.html
Ok ... ikuti langkah-langkahnya ya ... semoga tidak bosen nich ... kalo sudah atau lelah sebaik berhenti dulu ... nanti lanjut lagi ... tapi kalo masih kuat ayo hajar aja he he he he

  • tambahkan kode di bawah ini di file .htaccess dan jangan lupa di save ya


  • Edit modul tag_berita di folder modul dan jangan lupa setelah melakukan perubahan di simpan

bagian baris berikut ini

Menjadi


Perhatikan perubahannya yaitu di bagian linknya
sebelum : href="index.php?id=berita&kode='.$row['id'].'"
sesudah : href="berita'.$row['id'].'-'.$judul.'.html"

Biar lebih jelas coba buka di browser dengan klik salah satu judul berita di modul berita terbaru dan lihat hasilnya. Kalo berhasil akan muncul link seperti ini :
http://demo.sman3kotasukabumi.sch.id/berita21-Indonesia%20Kirim%20Empat%20Tim%20ke%20Olimpiade%20Sains%20Internasional%202009.html

Selamat Anda berhasil membuat SEO detail berita, untuk detail yang lain caranya kurang lebih sama seperti itu. Tadi yang saya contohkan di file modul. Bagaimana kalo yang ingin dirubah di file fungsinya ... tinggal buka fungsi yang akan di rubah ... misalnya fungsi berita dan lakukan langkah seperti diatas.

Masih bingung silahkan bisa komen di kolom komentar di bawa ini.

Pertanyaan Bagaimana caranya agar url detail berita diatas lebih terbaca lagi karena disitu masih ada simbol di text judulnya. Seharusnya tampilannya seperti gambar di bawah ini


Kira-kira ada yang ingin tahu tidak ya ... kalo ada yang ingin tahu silahkan tinggalkan pesan di kolom komentar ... nanti pasti akan saya beritahu caranya ...

Sampai disini dulu ya rekan-rekan ... sudah terlalu panjang nich.

Gurukomline
Gurukomline Guru Komputer Online, sharing seputar Ilmu Komputer gurukomline.my.id

7 komentar untuk "Cara Membuat SEO URL Dengan Htaccess Rewrite CMS Balitbang"

  1. I see the greatest contents on your blog and I extremely love reading them.ecommerce seo service

    BalasHapus
  2. maaf mas blom bisa...code semua udah benar dan file dgn nama.htaccess blom bisa

    BalasHapus
  3. blom bisa mas...gak mau

    #Options +FollowSymlinks
    RewriteEngine On
    RewriteBase /

    RewriteRule ^$ ./html/index.php [QSA,L]
    RewriteRule ^index.php$ ./html/index.php [QSA,L]

    nama.htaccess

    BalasHapus
  4. Bagaimana cara melindungi web balitbang dari serbuan hacker

    BalasHapus
  5. untuk merubah judul berita dan artikel masih belum bisa pa, mohon pencerahan nya lg

    BalasHapus
  6. pak maaf masih belum muncul judul beritanya, masih kode ya

    BalasHapus