Membuat Hyperlink dengan Tag a href
Oleh Victor | Jul. 11, 2009 | Belajar HTML, Blogging
Tulisan ini akan membahas sedikit hal tentang tag html ‘a href’ yang bisa digunakan dalam blogging, dan akan saya masukan dalam kategori Belajar HTML. Untuk tulisan pertama tentang tag html ini, saya ingin menginformasikan cara membuat link (hyperlink) dalam artikel yang artikel/posting.
Sebenarnya link ini sendiri telah ada dalam artikel saya sebelumnya tentang blogging, seperti Artikel terkait, yang membantu mengarahkan pengunjung menuju artikel lain yang sejenis. Read more, yang membantu pengunjung membaca artikel yang bersangkutan lebih detil. Recent post, mengarahkan pengunjung untuk membaca artikel-artikel terakhir yang diupload. Recent comment, mengarahkan ke komentar terakhir dari pengunjung.
Dalam Blogspot atau WordPress sendiri telah menyediakan ikon (shorcut) yang membantu kita sebagai pengelola blog untuk membuat link dalam artikel/posting, yang biasanya ditandai dengan gambar mata rantai. Kelebihan ikon yang ada dalam WordPress adalah adanya pilihan tambahan terhadap link yang akan dibuat, yaitu link dibuka dalam halaman yang sama atau membuka halaman baru (open new tab atau open new window), selain itu juga memberikan pilihan untuk memberikan deskripsi singkat tertentu (title).

Ikon perintah hyperlink dalam Blogspot

Ikon perintah hyperlink dalam WordPress
Kelebihan yang dimiliki WordPress tersebut menjadi kelemahan dalam Blogspot, karena dalam Blogspot tidak ada pilihan, kita hanya mengisikan url link tujuan saja, pilihan lain tidak ada. Tapi itu bukan berarti dalam Blogspot kita tidak bisa membuat hal yang sama seperti dalam WordPress, kita juga bisa membuat pilihan seperti WordPress melalui Edit html.
Fungsi pencarian itu sendiri dalam tag html dituliskan seperti ini:
<a href="http://url tujuan">contoh kata A</a>
Tag html di atas adalah tag dasar yang akan mengarahkan tulisan ‘contoh kata A’ ke ‘url tujuan’. Dalam tag tersebut dapat disisipkan tag tambahan, seperti ini:
<a href="http://url tujuan" title="Url Tujuan" target="_blank">contoh kata A</a>
Tag html di atas selain mengarahkan ke url tujuan, juga akan mempunyai perintah lain yaitu pada saat mengarahkan mouse ke di atas kata A (hover) maka akan muncul boks teks bertuliskan ‘Url Tujuan’ (ini disebut dengan title), dan saat diklik, otomatis url tujuan tersebut akan dibuka dalam tab baru atau page baru (page yang asli tidak tetap ada). Sebagai contoh, bisa dilihat pada paragraf dua artikel ini, di situ saya buat beberapa link, salah satunya adalah link pada kata Artikel terkait, tag html pada link tersebut adalah sebagai berikut:
<a href="http://ariawijaya.com/2009/05/18/related-articles-atau-artikel-terkait-dalam-blogspot/" title="Related Articles" target="_blank">Artikel terkait</a>
Selain tambahan ‘title’ dan ‘target’, adalagi tambahan lain yaitu ‘nofollow’. Penulisan tag html dengan nofollow adalah seperti ini:
<a href="http://url tujuan" title="Url Tujuan" target="_blank" rel="nofollow">contoh kata A</a>
Fungsi ‘nofollow’ di sini adalah lebih kepada perintah bagi robot dari search engine seperti Google untuk tidak mengikuti link tersebut, atau istilah lainnya adalah tidak diindeks. Karena search engine seperti Google, akan selalu mengikuti dan mengindeks link yang ada dalam sebuah halaman web, hasil dari indeks ini akan dimasukkan dalam database search engine.
Sebagai informasi tambahan, fungsi indeks ini akan membantu kita dalam memasukan konten blog atau website kita dalam database search engine, semakin banyak data blog yang tersimpan tentunya akan makin banyak juga kata kunci (keyword) yang masuk, dan ini berarti kemungkinan pengunjung untuk menemukan blog atau website kita melalui search engine lebih besar dibandingkan jika kita tidak membuat link dalam artikel.
Tapi tentunya tidak semua link tersebut bisa diakses, tentu ada juga link yang sifatnya rahasia, dan mungkin kita tidak ingin ini didata oleh search engine, disinilah fungsi tag ‘nofollow’ tadi.
Mungkin sementara itu dulu yang bisa saya sampaikan seputar penggunaan a href dalam membuat link di artikel atau posting kita. Saran saya, buatlah link dalam artikel kita yang mengarahkan ke artikel kita yang lain (jadi saling berhubungan), pilih kata-kata (keyword) yang sekiranya tepat untuk kita pasangi link. Semoga dengan cara ini, pengunjung makin betah berlama-lama di blog kita, dan data kita semakin banyak yang tersimpan dalam search engine.
Semoga bermanfaat.







March 12th, 2010 at 19:13
Dear mas Ari,
Mas saya punya blog baru nich..! saya coba ngaitkan artikel satu dengan yang lainnya dan menggunakan cara yang mas berikan, tapi selalu saja yang timbul dalam artikel yang saya link-kan menampilkan “not found”. tolond di bantu mas mungkin ada kode-kode HTML yg lain yang bisa melinkan artikel ke artikel lain.
terima kasih mas
March 12th, 2010 at 21:04
@ Agung,
Bisa kasih contoh kasusnya (link halamannya)?
March 13th, 2010 at 01:40
waduh makasih mas..!
silahkan kunjungi ini mas. Disitu kata yang saya coba link kan adalh kata pemimpin yang me link ke kumpulan lagu-lagu terfavorite indonesia salah satu artikel saya yang lain.
thanks a lot,,
March 13th, 2010 at 02:04
@ Agung,
Mmmm, mas Agung melakukan perubahan seting permalink ya…. (melalui panel admin)
Itu link-nya sudah berubah…, pada artikel tujuan linknya sudah tidak mencantumkan tanggal (waktu) upload, sedangkan pada hyperlink di artikel lain (linknya tidak ikut diubah), jadi gak ketemu. Mestinya pada hyperlink di artikel leadership itu juga diganti linknya sesuai dengan url dari artikel tujuan yang terakhir (tanpa keterangan waktu upload).
March 13th, 2010 at 13:18
oh gtu ya mas…!
Saya coba lagi dah..,
makasih banyak ya mas..
kalo ada kendala lagi, minta tolong di bantu lagi ya mas,
(harap maklum mas namanya juga pemula…he..he.)
July 13th, 2010 at 07:20
SUMPAH……, KEREEEEEEEENNNNNN
Thengkyu mas, aqu sangat terbantu…
Ingin rasanya bisa bikin blog yang jelas, en bagus kayak punya anda… :-)
October 25th, 2010 at 03:02
wah,,makasih elmu nya nih…
salam kenal
February 28th, 2011 at 17:24
okeh pak,, trims utk infonya
April 20th, 2011 at 10:22
mas Victor, trims ya, sebelumnya kasus ku kayak mas Chandra tuh…tapi 5 kali aku ‘pelototin’ dan ‘ubah2′ terus bisa….hehehe. trims mas. TOP BGT ;)
August 15th, 2011 at 18:50
Bagus banget penjelasannya. Kirain cuma a href saja trus ditutup /a, ternyata banyak yang lainnya.