Membuat Link
Pelajaran kali ini tentang cara membuat link. Link atau tautan inilah yang menjadi jantung agar sebuah dokumen dapat dikaitkan satu dengan yang lain.
Bahkan bagi sebagian penggila dunia SEO menjadikan link sebagai basis utama kekuatan untuk membuat konten dapat bertahan pada top SERP. Contoh terbaik silahkan cek situs backlinko, milik Brian Dean yang menyajikan banyak artikel bermutu tentang kekuatan link dalam membangun reputasi blog.
Kenampakkan link atau tautan secara default berupa teks bergaris warna biru yang bila diklik akan berpindah menuju laman lain. Jika ingin mengubah tampilan misal tanpa garis dilakukan melalui kode css.
Inilah wujud link membuat link. Jika anda mengklik link ini maka anda dibawa pada artikel tentang tag dalam HTML yang berguna dalam memformat teks yang juga berisi penjelasan tentang tag <a>.
Script html kode di atas seperti berikut:
<a href='http://bloggermengajar.blogspot.com/2016/12/memformat-teks.html' target='_blank' title='contoh link'>membuat link</a>tag <a> : Anchor text (text jangkar).
Pada contoh di atas yakni membuat link. Dari sisi On page SEO optimasi text jangkar menjadi salah satu teknik yang paling mudah diterapkan.
href : Hypertext reference.
Ini yang menjadi tujuan laman jika text jangkar diklik.
target : Lokasi jendela browser. Isi dengan '_blank' agar dibuka pada jendela baru.
title : Berisi deskripsi singkat judul link yang akan tampil sebagai tooltip.
Link berdasar lokasi sumber
- Link Relatif
- Link Mutlak
Link Relatif
Link tipe ini merujuk pada yang menjadi tujuan laman berada pada jaringan komputer lokal.
Script terlihat seperti berikut:<a href='file:///D:/Simple%20Tool/halaman%20belajar%20html.html' target='_blank' title='belajar kode html'>belajar html</a>Ciri tipe ini ada pada yang di blok warna kuning. Eksekusi pada text belajar kode html akan dialihkan browser menuju jaringan disk lokal yang beralamat di D dalam folder simple tool.
Tips:
Cara mudah mengetahui alamat relatif buka file menggunakan browser, lalu copy alamat yang muncul pada browser.
Link Mutlak
Tipe inilah yang terjadi pada era internet saat ini. Alamat tujuan merujuk pada lokasi absolut pada jaringan internet.
<a href='http://bloggermengajar.blogspot.com/2016/12/memformat-teks.html' target='_blank' title='contoh link'>membuat link</a>. Dicirikan lewat adanya http (HyperText Transmission Protocol).
Link berupa gambar
Selain link berbentuk teks, anda juga bisa membuat link yang berwujud gambar.
<a href='laman_tujuan.html'><img src='laman_gambar.jpg'></a>Link di halaman yang sama (bookmark/internal link)
Sebenarnya saya lebih sreg menggunakan istilah “bookmark”, hanya saja secara seo tipe ini dimasukkan sebagai internal link.
Tipe link bookmark cocok diterapkan pada artikel yang memiliki konten yang panjang. Aplikasinya bisa untuk membuat sejenis daftar isi di awal tulisan.
Cara membuat bookmark
Untuk membuat bookmark dibutuhkan 2 langkah, misalkan akan nge-link ke heading 2
Pertama:<a href="#heading2">Pindah ke bagian "Heading 2"</a>. <h2 id="heading2">Heading 2</h2>Link ke Email
Jika link menuju email diklik maka pengguna akan diarahkan ke program editor email komputer pengguna.
<a href='mailto:alamat_email?subject=?'>email us</a>tanda ? dapat anda isi dengan “Komentar%20dan%20Pertanyaan” tanpa tanda petik.
Link ke jenis file yang lain
Selain membuat link ke file jenis html, anda juga bisa membuat link ke jenis file yang lain seperti pdf, doc, dll. Yang patut dicatat bahwa file hanya bisa dibuka dengan program yang sesuai. Ada baiknya anda memberitahu jenis file yang yang di link.
Bergantung dengan jenis file maka pengguna mungkin diarahkan ke mendownload file tsb dan pastikan file di host dan bersifat publik.Tips Menulis Link
Link tidak semata membuat sebuah laman menjadi terkait satu dengan yang lain, tapi menjadi penanda kuat bahwa antar-laman mempunyai topik yang relevan sehigga logis untuk ditautkan.
Ini untuk menjaga User-Experience Factor tetap tinggi tehadap situs Anda. Karena intensi melakukan klik sebenarnya adalah mengatakan “YA PERCAYA” pada text jangkar.
Dengan itu baik untuk selalu cermat dalam membuat text jangkar yang relevan dengan isi laman yang menjadi tujuan eksekusi.
Tambahkan property title='' untuk menjadikan laman tersedia bagi penyandang disabilitas. Selain itu penggunaan title bisa menjadi penjelasan singkat (ajakan) tentang apa yang akan didapat jika melakukan klik. Karena title ini muncul berupa tooltip.
Tambahkan property target='_blank' agar laman terbuka pada jendela baru, sehingga tidak memutus koneksi dengan laman sebelumnya.
Untuk membuka semua link di jendela baru tambahkan dibawah tag <head>
<base target='_blank'>
Tambahkan property rel='nofollow' terhadap situs anda kurang yakini kredibilitasnya. Atau dalam perspektif SEO mengenai PageRank, jadikan link bersifat nofollow kalau anda tidak bersedia memberikan kredit point bagi kualitas situs tersebut.
Dari artikel di atas maka anda sudah belajar memahami link secara mendasar dan penerapannya pada beberapa kondisi antara memberikan link pada teks, gambar, email, dan membuat bookmark. Semoga sekarang anda sudah bisa membuat link.
