Cara Membuat Link pada Postingan Blogger

Setelah pada materi sebelumnya anda telah belajar tentang bagaimana cara menambahkan gambar di postingan. Sekarang, kita akan mempelajari bagaimana cara membuat link pada postingan blog. Adapun pembuatan link (tautan) ini masih memanfaatkan menu toolbar yang terdapat pada mode Compose.

Selengkapnya Paytren DISINI.

Daftar Isi:

1. Apa itu link dan fungsinya pada halaman web ?
2. Mengapa link yang relevan bisa meningkatkan SEO suatu halaman website / blog ?
3. Membuat link text
4. Membuat link gambar

Apa itu link dan fungsinya pada halaman web ?

Secara sederhana, link (tautan) adalah suatu elemen (umumnya berupa text atau gambar) yang bisa di-klik dan memiliki sebuah Url tujuan (umumnya menuju ke halaman yang berbeda). Ini adalah cara yang digunakan untuk menautkan suatu halaman ke halaman lainnya. Pada umumnya, link digunakan untuk menautkan suatu halaman web ke halaman web lainnya yang masih berhubungan (memiliki topik yang masih berkaitan / relevan). Link dibuat agar pembaca / visitor bisa mendapatkan lebih banyak referensi berkaitan dengan topik yang sedang mereka butuhkan. Penggunaan link yang relevan juga merupakan salah satu penerapan SEO (Search Engine Optimization) yang sangat dianjurkan.

Mengapa link yang relevan bisa berpengaruh / meningkatkan SEO sebuah website / blog ?

Seiring kemajuannya, Algoritma Mesin Pencari (dalam kasus ini adalah google.com) diprogram agar sebisa mungkin dapat menyajikan halaman-halaman web yang berkualitas yang dapat (benar-benar) memenuhi kebutuhan pembaca terkait informasi atau produk yang mereka cari. Dengan menautkan halaman-halaman web yang memiliki kesamaan topik terhadap halaman yang dibuat, ini akan membantu pembaca untuk dapat memahami secara penuh tentang topik-topik yang terdapat pada halaman tersebut.

Ya, pada kebanyakan kasus, setiap informasi / topik pembahasan yang kita tulis pada website / blog membutuhkan pemahaman terhadap topik-topik lainnya agar dapat / mudah dimengerti. Untuk alasan tertentu, topik-topik yang berkaitan dengan halaman yang kita buat ini terkadang tidak memungkinkan untuk dapat kita sampaikan pada halaman yang sama (atau mungkin juga informasi yang berkaitan tentang ini telah kita terbitkan pada halaman lain). Oleh karena itu, membuat link yang menuju ke halaman-halaman yang memiliki hubungan dengan halaman yang kita buat adalah cara yang sangat dianjurkan.

Cara Membuat Link (tautan) berupa Text di Postingan

Oke, sekarang kita masuk pada tahap pembuatan link menggunakan Text pada postingan. Pada halaman penulisan post dengan mode Compose, Blok Text apapun yang akan anda buat menjadi sebuah link (dalam contoh ini, text yang akan saya berikan link adalah "Tutorial Blogspot by wiBlogger.com" dan klik menu toolbar "Add or remove link".

Menambahkan link

Selanjutnya akan muncul antarmuka "Edit Link".

Ada beberapa bagian yang terdapat pada antarmuka Edit link ini, akan kita bahas satu per satu.

Edit link

Text to display	Bagian ini akan secara otomatis terisi dengan text yang tadi anda blok. Ini adalah text yang akan ditampilkan untuk mewakili url tujuan
Link to	Ada 2 pilihan tipe Url yang bisa anda tambahkan sebagai tujuan link. 2 tipe ini adalah Web address (alamat/url halaman web) dan Email address. Untuk tujuan link yang berupa email, jika pada perangkat yang digunakan pengunjung terdapat program email (misalnya microsoft outlook), link ini akan secara otomatis membuka progam email tersebut. Pada tutorial ini, hanya akan dijelaskan pembuatan link dengan tujuan berupa Web address. Untuk link email bisa anda coba-coba sendiri, karena pada prinsipnya akan sama saja ^_^
Attribute Link	Ada dua attribute html yang bisa anda tambahkan disini, yaitu target (value: blank) dan rel (value: nofollow). Memberikan checklist pada "Open this link in a new window" akan membuat link terbuka pada window / tab baru browser. Jika pada pilihan ini dibiarkan tanpa checklist, link akan terbuka pada window browser yang sama (meninggalkan halaman yang sedang terbuka dan menuju ke url tujuan). Untuk pilihan "Add rel nofollow attribute", ini merupakan atribut html link yang berfungsi untuk memberikan (anggaplah) intruksi pada robot search engine untuk tidak merayapi (meng-crawl) url tujuan link yang dibuat. Biasanya pilihan ini digunakan untuk link dengan url tujuan eksternal (mengarah ke website / blog lain). Lebih jelas tentang crawl search engine ini bisa anda temukan pada artikel Belajar SEO

INFORMASI:
Ada 2 istilah terkait link yang mungkin akan sering anda jumpai dalam proses belajar anda. Dua istilah ini adalah Internal Link dan Eksternal Link. Internal link adalah istilah yang digunakan untuk link yang mengarah pada suatu halaman / posting yang masih terdapat pada website / blog tersebut. Sedangkan Eksternal link adalah istilah yang digunakan untuk link yang mengarah pada halaman / posting yang terdapat pada website / blog lain.

Selengkapnya Paytren DISINI.


Oke, pada contoh ini, link yang saya buat akan mengarah pada halaman utama (homepage) blog wiblogger.com, dan mengatur target link untuk terbuka pada tab baru browser. Pengaturan pada antarmuka "Edit link" ini akan seperti yang ditunjukkan pada gambar dibawah ini:

Contoh Pengisian pada Antarmuka Edit Link

Jika sudah selesai, klik "OK". Sekarang text yang dipilih telah berubah menjadi sebuah link. Jika anda hendak melakukan edit pada link yang telah dibuat, klik pada text link yang akan anda edit dan kemudian klik "Change" untuk kembali membuka antarmuka "Edit link".

Edit dan Remove Link

TANBAHAN:
Jika text yang akan digunakan / di-blok adalah berupa url (misal: wiblogger.com), saat anda meng-klik toolbar link, Url tujuan link akan secara otomatis ditambahkan pada text (berupa: http://wiblogger.com). Lakukan seperti langkah diatas untuk melakukan edit bagian-bagian lainnya.

Cara Membuat Link Gambar pada Postingan Blogspot

Pada prinsipnya, membuat link gambar sama halnya dengan link text, perbedaannya hanya terletak pada "apa yang akan ditampilkan". Jika pada link text kita menampilkan text untuk mewakili url tujuan, pada link gambar, kita akan menggunakan gambar untuk mewakili url tujuan.

Pertama, tambahkan gambar yang akan digunakan untuk link seperti yang telah anda jumpai pada materi sebelumnya: Menambahkan gambar pada postingan. Setelah gambar ditambahkan, Klik pada gambar. Kurang lebih terlihat seperti berikut:

Seperti yang terdapat pada screeshot diatas, pada keadaan default, gambar yang ditambahkan akan mengandung link yang mengarah pada url gambar itu sendiri. Untuk menambahkan url tujuan link pada gambar secara manual, klik menu toolbar "Add or remove link", ini akan menghapus link default gambar.

Setelah link pada gambar terhapus, kembali klik toolbar "Add or remove link" untuk menambahkan link seraca manual. Seperti halnya pada pembuatan link text, ini juga akan membuka antarmuka "Edit link".

Tambahkan Url tujuan pada form Web address. Untuk bagian "Text to display", ini akan bertindak sebagai Alternatif text (Alt) pada gambar (telah anda jumpai pada materi sebelumnya).

Lebih lengkap tentang Alt gambar ini telah kita jumpai pada materi sebelumnya ^_^. Sebagai informasi tambahan, untuk gambar yang memiliki url link yang bukan merupakan url gambar itu sendiri, gambar yang bersangkutan tidak akan disertakan pada daftar Lightbox.

Sumber : www.wiblogger.com

Selengkapnya Paytren DISINI.