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.
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.
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.
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
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 :
url seo :
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:
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
Menjadi
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
- 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
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.
I see the greatest contents on your blog and I extremely love reading them.ecommerce seo service
BalasHapusDasD
BalasHapusmaaf mas blom bisa...code semua udah benar dan file dgn nama.htaccess blom bisa
BalasHapusblom bisa mas...gak mau
BalasHapus#Options +FollowSymlinks
RewriteEngine On
RewriteBase /
RewriteRule ^$ ./html/index.php [QSA,L]
RewriteRule ^index.php$ ./html/index.php [QSA,L]
nama.htaccess
Bagaimana cara melindungi web balitbang dari serbuan hacker
BalasHapusuntuk merubah judul berita dan artikel masih belum bisa pa, mohon pencerahan nya lg
BalasHapuspak maaf masih belum muncul judul beritanya, masih kode ya
BalasHapus