Pular para o conteúdo principal

Cara Membuat Link - Hyperlink Berkualitas pada Blog atau Wesbite

Cara Membuat Link - Hyperlink Berkualitas pada Blog atau Wesbite
Salah satu fitur sebuah website adalah adanya link. Link juga biasa disebut Hyperlink. Hyperlink berfungsi untuk menghubungkan antara halaman yang relevan, baik berupa tautan eksternal atau internal.

Link akan menautan sebuah halaman yang terdapat pada sebuah teks, image (gambar).

Hyperlink dibedakan menjadi dua, yaitu eksternal dan intenal link. Link eksternal akan menautkan pada sebuah halaman di luar situs atau blog, sedangkan internal link hanya menanutkan sebuah halaman yang berada pada blog tersebut.

Link yang baik harus memiliki atribut yang sesuai dan dapat mewakili sebuah halaman yang akan dituju ketika link diklik.

Seperti yang disampaikan W3Schools, Link ditemukan hampir di semua web. Link halaman memungkinkan pengguna untuk terhubung dari halaman satu ke halaman lainnya.  

Bagaimana cara membuat Link Web / Hyperlink yang baik dan berkualitas?

Cara Membuat Hyperlink Berkualitas 

Penerapan link web atau Hyperlink: 
Pada dasarnya, Hyperlink atau Link dapat diterapkan pada gambar atau teks. Jadi, setiap teks atau gambar yang kita tuliskan di dalam sebuah posting artikel dapat kita sisipi sebuah atau beberapa link internal atau eksternal.

1. HTML link Syntax

Membuat link Web yang paling memenuhi syarat dasar adalah membuat link dengan Benar. Hyperlink memiliki sintaks penulisan dasar berikut ini:
<a href="URL target"> Text Link </a>
Keterangan: kode a href mendefinisikan sebuah link 

2. Contoh Link / Hyperlink
Berikut adalah contoh penerapan Link / Hyperlink untuk menghubungkan halaman
<a href="http://www.dickysmart.com"> Teks Link </a>
Contoh di atas adalah bentuk aplikasi Hyperlink / Link yang terbuka ketika diklik pada tab yang sama. 

3. Membuat Hyperlink New Tab 
Link ini dapat dikembangkan menjadi link / hyperlink yang membuka link dalam tab baru, maka perlu untuk menambahkan atribut target = "_ blank"
<a href="http://www.dickysmart.com" target="_blank"> Teks Link </a>
4. Membuat Hyperlink dengan Judul
Hyperlink / Link dapat ditambahkan untuk menggambarkan atribut Judul. Judul link yang akan dibahas disebut tooltip, ini sangat bermanfaat baik secara teknis guna membuat hyperlink menjadi lebih SEO Friendly dan mudah dimengerti oleh pembaca.

Untuk membuat hyperlink di Judul, maka perlu untuk menambahkan atribut title = "Link Judul ". Berikut contohnya:
<a href="http://www.dickysmart.com" Title="title Link"> Teks Link </a>
5. Membuat Link di Gambar

Membuat hyperlink pada gambar juga diperlukan untuk tujuan tertentu. Cara membuat link atau hyperlink di Gambar adalah sebagai berikut:
<a href="Link URL"><Img src = "URL Gambar" alt = "HTML tutorial" width = "32" height = "32" /></a> 
6. Membuat Link istirahat dari bingkai
 

Buat link atau hyperlink yang membuat bingkai:
<a href="../default.htm" TARGET="_top"> Klik di sini! </a>Membuat email Link

7. Membuat link atau hyperlink untuk mengirim email langsung ketika link di klik
<a Teks href="mailto:owner@dickysmart.com"> Email </a> 

8. Membuat email Link dengan menentukan MAIL TOPIK

Membuat link atau hyperlink
ketika link di klik bisa mengirim email secara langsung dan otomatis yang secara otomatis sesuai setting yang telah diatur sebelumnya:
<a href="mailto:owner@dickysmart.com?Subject=Hello%20Subject"> Text Email </a>Membuat email Link dengan menentukan TOPIK, CC, EMAIL Konten
9. Membuat Link atau hyperlink untuk mengirim email langsung dan otomatis mengisi Subjek, CC, BCC, Email Content Secara otomatis Set yang telah sebelumnya, ketika link di Klik
<A href="mailto:someone@example.com?cc=someoneelse@example.com&subject=TEST%20SUB&body=You%20are%20invited%20Me!">Send surat! </a> 
10. Membuat Link pada Halaman Nama Atribut yang Sama 

Hyperlink atau link dapat diarahkan ke Nama atribut, sehingga hubungan dapat juga diarahkan Dalam sebuah paragraf atau teks yang memiliki atribut nama yang unik, untuk memberikan nama dalam atribut, Anda dapat menambahkan atribut Name:
<nama = "NameAttribute" > teks dengan atribut </a>
dan kemudian membuat link teks "Teks dengan Atribut", sebagai berikut:
<a href = "#NameAttribute"> Pergi ke teks dengan nama atribut </a>
Atau jika ditulis secara lengkap dapat ditulis sebagai berikut:
<a href = "http://www.dickysmart.com/#NameAttribute"> Pergi ke teks dengan atribut </a>
Tips Membuat Link/ Hyperlink Berkualitas SEO
 

Ketika kita sudah belajar banyak paparan di atas, kali ini ada beberapa tips yang bisa Sobat lakukakn guna membuat sebuah link atau hyperlink di dalam sebuah situs website/ blog:
  1. Selalu mengakhiri alamat URL dengan menambahkan garis miring "/"
  2. Optimalkan penggunaan Nama atribut untuk link yang sering digunakan untuk membuat daftar isi halaman tanpa harus pergi ke halaman yang berbeda
  3. Link yang baik adalah link yang dapat memberikan pembaca gambaran tentang apa yang terjadi clickfeature Link atau Hyperlink: Dengan link default memiliki warna biru, dan Uunderlined
Cara membuat link yang SEO Friendly dan User Friendly 

Anda dapat menggabungkan setiap atribut menjadi hasil terbaik. Dengan demikian, website Anda akan berguna dan bekerja maksimum serta dapat menguntungkan pembaca saham.

link yang memiliki atribut lengkap dapat memfasilitasi Search Engine dalam membaca link yang tertanam dalam situs web Anda sehingga dapat membuat website Anda menjadi SEO Friendly dan User Friendly. Tapi ingat!, Jangan berlebihan dalam memberikan link di halaman pertama. 


Kesimpulan 

Link atau Hyperlink adalah mata rantai satu situs, selain menyajikan informasi dan halaman yang relevan, hyperlink juga untuk meningkatkan SEO, agar mudah ditemukan oleh pengguna di Search Engine dan meningkatkan lalu lintas ke halaman website lain di website.

Langkah yang saat ini masih sangat relefan dengan perkembangan logaritma Google adalah menggunakan Rel Nofollow Untuk link eksternal atau link yang mengarah ke situs lain, dan menggunakan link Dofollow Jika digunakan untuk Menghubungkan Halaman Lainnya di Situs Sama.


Demikian cara membuat link atau hyperlink berkualitas di blog. Semoga bermanfaat.

Salam.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Top 25 Hosting Terbaik 2015 di Dunia - Hosting Blog Terpopuler Terbaik untuk Blog Kamu

Top 25 Hosting Terbaik 2018 - Hosting Blog Terpopuler Terbaik untuk Blog Kamu Jika sobat masih belum memiliki hosting yang digunakan untuk penyimpanan semua data blog yang telah dikelola, tidak ada salahnya untuk menggunakan layanan top 25 hosting terbaik 2018. Seperti halnya cara memilih nama domain , pemilihan hosting yang pas juga berpengaruh terhadap kenyamanan sobat kedepannya. Saking begitu besarnya manfaat cutom domain dan menyimpan data pada hosting, tak heran banyak sekali para blogger yang mencari-mencari provider hosting ataupun domain di Indonesia. Baca juga 25 Top web hosting terpopuler di Indonesia Untuk lebih jelasnya, silakan simak selengkapnya di bawah ini. 25 Hosting Terbaik dan Terpopuler tahun 2018 di Dunia Untuk lebih jelasnya, silakan simak berikut ini: AskforHost WP Engine BlueHost HostGator Siteground Site5 VPS.Net Godaddy DreamHost MediaTemple Arvixe InMotion Hosting Web Hosting Hub Host Monster Laughing Squid WebFusion...

Cara Membuat Footer Responsive di Blog - Halaman Footer 2 atau 3 Kolom

Membuat Halaman Footer Responsive 2 atau 3 Kolom di Blog - Apabila rekan-rekan ingin membuat halaman footer responsive di blog, tips ini layak jenengan coba. Halaman footer biasanya digunakan dan terletak pada bagian bawah blog atau website. Tentu halaman footer blog ini bisa digunakan untuk memberikan informasi seperti label, about me, kontak dan random post. Contoh demo Halaman Footer di blog ojogerah.blogspot.com Dengan menambahkan halaman footer blog ini, paling tidak menambah halaman widget lebih banyak. Selain yang berada di sidebar blog, juga bisa ditambahkan di sini. Cara Membuat Footer Responsive di Blog 2 Kolom Langkahnya cukup mudah kok, yakni sebagai berikut: 1. Masuk akun blogger 2. Pilih template > HTML 3. Copas kode di bawah ini di atas kode ]]></b:skin> #footernya-masyadi{width:100%;background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Ddjxm-cK1AjUAbZTP_B8Wqdp0rBOHeEMcQjsqgcFuGKpB46wPWdpWbhuFMeHYCffr3j...

Johny Wuss Original Blogger Template Gratis Free Download

Siapa siah yang tidak kenal dengan template New Johny Wuss? Template tersebut merupakan hasil modifikasi Master CB dari template asli Johny Wuss karya Mas Kholis . Template dasar Johny Wuss yang sudah dimodifikasi menjadi beberapa template mulai dari NJW V1 sampai V5, memang menjadi sebuah template yang fenomenal juga, seperti halnya Evo Magz blogger template karya Mas Sugeng. Namun demikian, jika sobat ingin merasakan langsung template Johny Wuss Original dari Mas Kholis, berikut update terbarunya dari SL blogger. Demo  | Download Author : Mas Kholis Publisher : Sahil Template Fitur: SEO Ready Fully Responsive Design Auto resize thumbnail image Well Documentation Threaded Comment Optimize SEO Auto Author Image Grid based Design Newsletter Subscription Custom Error 404 Page Compatible with major browsers (IE8+,Mozilla,Chrome,Safari) Professional admin layout, help you easy work with blog layout. Keren kan? Template di atas terdapat dua versi, yakni free download alias gratis dan ...