Silakan tunggu sedang proses
Rabu Pahing 10 Maret 2010 21:21
learn make rich
share make it perfect
Ayat Suci
Berkatalah orang-orang yang dianugerahi ilmu: "Kecelakaan yang besarlah bagimu, pahala Allah adalah lebih baik bagi orang-orang yang beriman dan beramal saleh, dan tidak diperoleh pahala itu, kecuali oleh orang-orang yang sabar."
(QS. AL QASHASH:80)

 otomatis refresh

Javascript ayat
Para Rekan
Lain-lain
User online: 1056
User login: 6
Statistik BengkelProgram.com
user/passwd: bpuser

Mempercantik Tampilan URL

Penulis
Kali ini membahas bagaimana mempersingkat penulisan URL pada website, sehingga terlihat lebih rapi dan manusiawi

Aryo Sanjaya
Jum'at Pon, 10 Juni 2005

Hal yang satu ini sering terlewati oleh seorang webdeveloper, contohnya saya. Memang secara langsung tidak ada bedanya, antara URL yang cantik dan yang tidak. Misalnya begini:

http://www.bengkelprogram.com/index.php?hal=berita&id=100 dibandingkan dengan ini http://www.bengkelprogram.com/data-berita-100.html.

Bagi user, yang sukanya klik-klik pada link, tentu tidak ada bedanya. Tapi sebenarnya ada perbedaan mendasar antara contoh 1 dan 2, yaitu:

  • Pada contoh pertama, lebih sulit dibaca (dan diingat) oleh user, sedangkan contoh 2, lebih manusiawi.
  • Beberapa search engine, tidak memperhitungkan karakter setelah tanda '?', yang berarti, jika mereka melakukan indexing, yang diindex cuma file index.php. Karena halaman yang lain tidak diindex, tentu sedikit sekali yang disimpan oleh search engine dari website kita.

Ketika anda melihat contoh kedua, mungkin anda berpikir, itu menggunakan halaman statis, karena pakai ekstensi html. Padahal, kalau tau rahasianya, kedua link di atas menunjuk pada target yang sama, atau lebih tepatnya, link kedua merupakan 'alias' dari link pertama.

Jika anda masih ingat sebelumnya, semua link di website http://www.bengkelprogram.com menggunakan model link yang pertama, dan barusan saya rubah semua menjadi model link kedua, makanya saya menulis artikel ini. :-)
Sehingga anda bisa masuk kedalam target yang sama, dengan menggunakan salah satu dari link di atas.

Rahasia yang saya maksudkan disini adalah, file .htaccess

Dalam file konfigurasi Apache tersebut, terdapat fitur RewriteEngine dan RewriteRule pada modul mod_rewrite, yang dapat digunakan untuk mengkontrol link. Jika anda bermaksud merubah model link seperti di atas, silakan buka file .htaccess pada direktori website anda.

Jika belum ada file tersebut, silakan buat, lalu tambahkan baris baru, dengan isi sebagai berikut:

RewriteEngine On

Hal tersebut akan mengaktifkan fitur Rewrite, yang secara default adalah Off.

Selanjutnya, isikan baris berikutnya dengan perintah RegExp seperti ini:

RewriteRule ^data\-([a-z]*)\-([0-9]*).* 
index.php?hal=$1&id=$2 [L,NC]

Contoh di atas harus berada dalam satu baris, tapi karena lebar layar gak cukup, makanya saya bagi jadi dua baris :-)

Maksud dari baris di atas adalah, setiap link yang diawali oleh kata 'data', akan dikenakan aturan ini.
Aturan yang dimaksud adalah, ambil rangkaian karakter setelah tanda '-' (dash/strip), dan ambil rangkaian angka pada batas '-' sampai tanda titik. Hasil pengambilan diletakkan pada variabel $1 dan $2. Kemudian link tersebut diterjemahkan kedalam link baru, yaitu index.php?hal=$1&id=$2.

Untuk parameter [L,NC] saya masih belum tau :-( , belum nemu keterangannya, kalo NC maksudnya No-Case. Yang L saya belum tau, kalo ada yang tau kasih tau saya, ya...

Dari contoh di atas, jika terdapat link dengan bentuk:

http://www.bengkelprogram.com/data-berita-100.html.

maka $1 = berita, dan $2 = 100, sehingga dimasukkan ke dalam format rule tersebut, link akan berubah jadi:

http://www.bengkelprogram.com/index.php?hal=berita&id=100

Selain rule tersebut, pada website www.bengkelprogram.com juga menggunakan RewriteRule yang lain, misalnya:

RewriteRule ^download\-([a-z].+)\.(.*) 
	index.php?hal=download&do=download&nf=$1.$2 [L,NC]

Maka setiap link yang berawalan 'download' akan ditangkap dan diterjemahkan sesuai aturannya, yaitu semua karakter antara tanda '-' dan titik akan diambil, beserta ektensinya, kemudian dirubah menjadi bentuk yang lebih panjang.

Link ini, http://www.bengkelprogram.com/download-epacoder.zip
akan menjadi link:
http://www.bengkelprogram.com/index.php?hal=download&do=download&
nf=epacoder.zip

Beda banget kan? ...

Berikut ini contoh lengkap file .htaccess. Silakan dilihat :-)

Ok, met utak-atik :-)

(Aryo Sanjaya)

Komentar

Halaman Komentar:   < 1 2 3  >

Ari Julianto

Rabu Wage, 1 April 2009

Wah ... makasih banyak mas atas tutorialnya sangat bermanfaat... Tapi saya mau tanya, kan URL asli saya : /index.php?page=artikel

Njncfgft

Selasa Pahing, 14 April 2009

Cool site goodluck :)

Agkroogx

Jum'at Pahing, 24 April 2009

very best job

WWW.BITMAX-NUSANTARA.COM

Kamis Pon, 30 April 2009

Artikelnya bagus, mw numpang nanya saya pernah memasukan kata kunci pencarian di google. setelah saya tekan entar kan muncul tuch hasil pencarianya. saya klik noh link paling atas dari hasil pencarian, trus menuju website tersebut. tapi setelah saya masuk ke web tersebut ternyatanya informasi yg saya butuhkan tidak ada. malah kata kunci yang saya masukan tadi di serp engine google masuk ke dalam serp engine web site tersebut sambil saya liat pesan "Informasi yg anda cari belum tersedia". yg mw saya tanyakan adalah kenapa website yg informasinya belum ada ko bisa dapat posisi bagus di searc engine dan gimana cara menangkap kata kunci yang di tulis di search engine dan masuk ke pencarian di web kita. thank atas solinya

Apknbcaf

Sabtu Kliwon, 2 Mei 2009

It's serious

Owlemybt

Minggu Legi, 3 Mei 2009

Very funny pictures

Ectncewu

Minggu Pon, 10 Mei 2009

perfect design thanks

Lsiwhivm

Kamis Wage, 21 Mei 2009

perfect design thanks

friend35

Selasa Pon, 9 Juni 2009

It's serious

Bob

Selasa Pon, 9 Juni 2009

I'm happy very good site


Halaman Komentar:   < 1 2 3  >

Mengisi Komentar





untuk kode program, apit dengan tanda [code][/code].
contoh:

[code]
(kode program)
[/code]



Daftar Artikel Lain-lain

» Membuat Variabel Pada Javascript Berfungsi Sama Dengan Variabel $_GET Pada PHP (46)
Minggu Wage, 23 Desember 2007

Kita bisa membuat variabel yang mempunyai sifat sama dengan $_GET pada PHP dengan menggunakan Javascript sehingga untuk menangkap variabel yang dilemparkan dari URL tidak perlu menggunakan PHP lagi

» MIDlet: Mencari Neptu dan Pasaran (115)
Jum'at Kliwon, 17 Februari 2006

Bagi yang suka perhitungan jawa (neptu), akan terbantu dengan menggunakan aplikasi kecil ini

» MovableType Plugin: SimpleLink (73)
Kamis Pahing, 1 Desember 2005

Contoh pembuatan PlugIn untuk MovableType, sebuah Blogger Engine dengan menggunakan pemrograman PERL.

» Google Earth (46)
Kamis Pahing, 27 Oktober 2005

Menjelajahi bumi dan melihat bentuk permukaannya, melihat kota-kota dan gunung-gunung besar

» Desain Table dengan Excel (108)
Rabu Wage, 6 Juli 2005

Tips untuk mempermudah dalam melakukan desain tabel melalui Microsoft Excel



Halaman:    1  2  3  ... 5  >  

Account Data
Anda belum login.






 

Login hanya diperlukan bagi kontributor untuk mengisi artikel/berita dan mengupload file/gambar
Status Y!M
Saya sedang Offline. Silakan gunakan menu Kontak atau tinggalkan pesan di Yahoo! Messenger pada Id: aryo_sanjaya
Artikel Rame
Aplikasi Handphone (675)
Senin Pon, 20 Februari 2006

Mengirim SMS dari PC (463)
Senin Wage, 28 November 2005

Membaca SMS dari PC (439)
Selasa Pahing, 14 Juni 2005

Source SMS Autorespond (342)
Senin Legi, 24 April 2006

Barcode Reader (163)
Sabtu Pahing, 20 Januari 2007

Bukutamu
» addin
Kamis Wage
30 Juli 2009

» shen
Senin Legi
27 Juli 2009

» iyha
Rabu Wage
15 Juli 2009

» wawan
Rabu Kliwon
1 Juli 2009

» fuad hasan
Minggu Kliwon
21 Juni 2009


Halaman Bukutamu
Daftar Fungsi
pasaran
Mencari nama hari dan nama pasaran
pdu2sms
Konversi dari PDU ke Teks SMS
bacarss
Membaca RSS dari beberapa situs
Jejak Halaman
© 2005-2010 BengkelProgram.com