Select Language



Followers

IT Programmer. Powered by Blogger.

13 February 2012

Cara Membuat URL Friendly dengan Htaccess Redirect

"Om Swastiastu"

IT Programmer
Kalian semua pastinya sudah tahu apa yang dimaksud dengan alamat web atau yang sering disebut dengan URL. Nah, kali ini saya akan memberikan tutorial cara membuat URL Friendly dengan Htaccess Redirect. Tujuan dari pembuatan URL Friendly ini adalah agar website kita lebih disukai oleh mesin pencari seperti Google. Apa jadinya kalau website yang kita buat tidak memiliki URL yang bersahabat dengan mesin pencari? Tentunya website kita akan susah terindeks di mesin pencari Google atau bahkan tidak terindeks sama sekali.


Untuk lebih jelasnya, silahkan kalian lihat dua buah URL berikut ini.

- http://blogitprogrammer.com/artikel.php?tahun=2012&bulan=01&judul=cara membuat url friendly

- http://blogitprogrammer.com/artikel/2012/01/cara-membuat-url-friendly.html

Dari dua contoh URL diatas, tentunya URL kedua terlihat lebih cantik, dan jenis URL seperti ini akan dibaca dengan mudah oleh Google. Bandingkan dengan url pertama yang terlihat berantakan selain itu, url seperti itu akan mudah dibajak atau memudahkan terjadinya injection pada website oleh user yang jahil. Kelebihan lainnya yang dimiliki url kedua adalah jenis url ini lebih mudah diingat oleh pengunjung, sehingga ada kemungkinan user kembali mengakses website kita.

Untuk membuat URL yang cantik seperti itu kita memerlukan bantuan htaccess. Url pertama adalah url default yang biasa kita buat jika memerlukan passing parameter, tetapi akan sangat rawan jika diperlihatkan untuk umum. Maka dari itu kita akan mengubah bentuk url agar lebih cantik. Sebelumnya, saya asumsikan bahwa pembaca sekalian telah mempunyai server lokal apache seperti Xampp dan juga SQL.

Buatlah sebuah folder baru di folder htdocs Xampp dengan nama latihan. Lalu buat file baru dengan nama index.php dalam folder latihan tersebut.


<html>

<body>

<div id="menu">

<a href="index.php?page=home">Home</a>

<a href="index.php?page=about">About</a>

<a href="index.php?page=contact">Contact</a>

<a href="index.php?page=testimonial">Testimonial</a>

</div>

<div id="isi">

<p>

<?php

if($_GET['page'] == "home"){

echo "Ini adalah halaman home";

}

if($_GET['page'] == "about"){

echo "Ini adalah halaman about us";

}

if($_GET['page'] == "contact"){

echo "Ini adalah halaman contact us";

}

if($_GET['page'] == "testimonial"){

echo "Ini adalah halaman testimonial";

}

?>

</p>

</div>

</body>

</html>





IT Programmer
Selanjutnya kita akan memulai membuat htaccessnya untuk memanipulasi atau mempercantik url yang sebelumnya adalah localhost/latihan/index.php?page=about menjadi localhost/latihan/about/. Sebelumnya, jika di localhost kalian tidak bisa membaca file htaccess, silahkan baca tips agar apache bisa membaca file htaccess.

Beberapa manfaat URL dengan htaccess antara lain:

  • SEO Friendly, sehingga lebih mudah terindeks Google.
  • Tidak perlu mengubah susunan folder atau direktori.
  • Keamanan yang lebih terjamin, karena ada sebuah virtual direktori, pada url  localhost/latihan/about/ kita seolah-olah mempunyai folder dengan nama about di dalam folder latihan, padahal sebenarnya tidak. Hal inilah yang mencegah adanya injeksi daru user nakal.
Tetapi ada juga beberapa kekurangannya, antara lain:
  • Link yang kita buat harus link yang lengkap, misalkan tanpa htaccess kita membuat gambar dengan ini <img src"images/gambar.jpg"> atau <img src="../gambar/poto.jpg">, dengan htaccess link seperti itu tidak akan bekerja, maka kita harus membuat link lengkap seperti ini,  <img src"http://domain.com/images/gambar.jpg">
Sekarang kita akan memulai membuat file htaccess.


RewriteEngine On
RewriteBase /latihan
RewriteRule ^/?([^/]+)/?$ index.php?q=$1 [QSA,L]

Selanjutnya, ubah file index.php yang sudah kalian buat tadi menjadi seperti ini:


<html>

<body>

<div id="menu">

<a href="http://localhost/latihan/home">Home</a>

<a href="http://localhost/latihan/about">About</a>

<a href="http://localhost/latihan/contact">Contact</a>

<a href="http://localhost/latihan/testimonial">Testimonial</a>

</div>

<div id="isi">

<p>

<?php

if($_GET['q'] == "home"){

echo "Ini adalah halaman home";

}

if($_GET['q'] == "about"){

echo "Ini adalah halaman about us";

}

if($_GET['q'] == "contact"){

echo "Ini adalah halaman contact us";

}

if($_GET['q'] == "testimonial"){

echo "Ini adalah halaman testimonial";

}

?>

</p>

</div>

</body>

</html>





IT Programmer
Semoga tutorial ini membantu teman-teman seklian.

"Om Santhi, Santhi, Santhi, Om"



Comments:

Ada 9 comments pada “Cara Membuat URL Friendly dengan Htaccess Redirect”
Unknown said...
pada hari 

wah,keren banget nih tutorialnya om...tapi aku mau nanya nih,kalau program yg saya buat terdiri dari beberapa folder & sub folder,gimana cara penulisan htaccesnya bang,mohon pencerahannya...

IT Programmer said...
pada hari 

pada rewrite rule dibuat sesuai dengan tempat direktorinya,, nantinya kan ada banyak rewrite rule jika semakin banyak file yang ingin diisi htaccess.

Unknown said...
pada hari 

makasih om,saya akan coba..kl ada ebook yg menjelaskan tentang aturan penulisan rewrite rule,mohon di share yah bang..torial yg anda pos ini sangat membantu,soalnya aku uda cari kemana-mana nih tutorial htacces tapi ndak ada yang pake bahasa indonesia.hehehe

ToserbavIrtual said...
pada hari 

terima kasih banyak mas atas tutorialnya :)

Unknown said...
pada hari 

makasih bro tutorialnya
aku pake htaccess terus css sama js nya kok rusak ya ??
ga bisa keliatan lagi
itu gimana caranya biar css sama jsnya kebaca ??
makasih

IT Programmer said...
pada hari 

nah, ketika kamu menggunakan htaccess, kamu harus mengubah struktur link CSS dan Javascript yang kamu include.. biasanya tanpa htaccess km membuat misalkan seperti ini <script src="js/jquery.js"> tapi setelah km memakai css, km hrs mengganti alamat link jquery dengan alamat lengkap.. http://namasitusmu.com/js/jquery.js
seperti itu misalnya.. :) ini jg berlaku utk CSSnya

Unknown said...
pada hari 

q jg pengen tanya
kalau ngedit blog supaya jdi seperti contoh ini http://world-of-programmer.blogspot.com/2012/02/cara-membuat-url-friendly-dengan.html blogger seperti ini( blogger ini ) gmn?

yanz said...
pada hari 

saya coba cara untuk direct js dan CSS . di localhost ga bisa berantakan jadinya , gimna ya ?

alumni sma 1 negri arse said...
pada hari 

gman gan cara implemntasi kaya menu berita ?biasanya menu berita itu gak semua contentnya di tampilkan pasti ad link Read Morenya..pertanyaan saya gmna cara buat htaccesnya seperti itu?Mohon penjelansanya

Social Media


Facebook Page

Programming Tutorial


Info


Tips
Downloads
Friends
 
This Blog is proudly powered by Blogger.com | Template by Bali Web Development | Privacy Policy | Rise Up!!