BELEZANO STORE

Banner Iklan

Cara Membuat Link Website HTML Lengkap dengan Contoh dan Penjelasannya (Update 2025) | Spuluh

Spuluh Mei 26, 2025
Contoh gambar link website HTML dengan struktur URL


Pelajari cara membuat link website, memahami struktur URL, dan menambahkan hyperlink di HTML secara profesional. Cocok untuk pemula hingga pengembang web.

Untuk meningkatkan peringkat website di mesin pencari, kamu bisa mempelajari lebih dalam tentang cara membangun backlink berkualitas untuk SEO 2024 yang sudah kami bahas secara lengkap di artikel sebelumnya.


Link atau hyperlink adalah elemen pada halaman web yang digunakan untuk berpindah dari satu halaman ke halaman lain, baik dalam satu website maupun ke website lain. Sementara URL (Uniform Resource Locator) adalah alamat lengkap dari suatu sumber daya di internet, seperti dokumen HTML, gambar, video, atau file lainnya.

Contoh link: <a href="https://www.spuluh.com">Kunjungi Spuluh</a>

Contoh URL: https://www.spuluh.com/artikel/panduan-backlink


Struktur dan Contoh URL

Struktur dasar dari URL terdiri dari beberapa bagian:

https://www.spuluh.com/artikel/seo
  • https:// – Protokol (Hypertext Transfer Protocol Secure)
  • www.spuluh.com – Nama domain (hostname)
  • /artikel/seo – Path atau jalur direktori halaman

Contoh URL Website Populer

  • Google: https://www.google.com
  • YouTube: https://www.youtube.com
  • Wikipedia: https://id.wikipedia.org/wiki/Website

Link memiliki berbagai fungsi penting dalam dunia web, antara lain:

  1. Navigasi: Mengarahkan pengguna ke halaman lain atau bagian tertentu dalam satu halaman.
  2. SEO: Memberi sinyal kepada mesin pencari tentang struktur dan relevansi halaman.
  3. Interaksi: Menghubungkan dokumen, gambar, video, atau file lain.
  4. Konversi: Mengarahkan ke landing page atau call to action (CTA).

Selain memahami struktur link website, penting juga mengetahui cara menulis artikel ilmiah yang baik agar kontenmu semakin terpercaya dan berkualitas.

Untuk membuat tautan atau link, kita menggunakan tag <a> dalam HTML. Contohnya:

<a href="https://www.spuluh.com">Kunjungi Website Kami</a>

Atribut Penting pada Tag <a>

  • href: Menentukan tujuan link.
  • target: Digunakan untuk membuka link di tab baru (contoh: _blank).
  • rel: Memberi tahu search engine apakah link ini harus diikuti atau tidak (contoh: nofollow).

Anda juga bisa membuat gambar menjadi link:

<a href="https://www.spuluh.com">
  <img src="https://example.com/gambar.jpg" alt="Gambar Spuluh">
</a>


Anchor Text dan SEO

Anchor text adalah teks yang diklik oleh pengguna untuk mengunjungi link. Anchor text yang baik sangat penting untuk SEO.

Contoh Anchor Text yang Baik

  • Anchor deskriptif: <a href="/seo-on-page">Panduan SEO On-Page</a>
  • Hindari anchor seperti: "klik di sini" atau "selengkapnya"

1. Berdasarkan Lokasi

  • Internal Link: Link antar halaman di dalam satu website
  • External Link: Link ke halaman website lain

2. Berdasarkan Tipe HTML

  • Text Link: Tautan berbentuk teks
  • Image Link: Tautan berbentuk gambar

3. Berdasarkan Atribut SEO

  • Dofollow Link: Link yang memberi sinyal kepada search engine untuk mengikuti link tersebut.
  • Nofollow Link: Link yang tidak memberi pengaruh pada SEO target link (biasanya digunakan untuk iklan atau sponsor).

Salah satu faktor penting dalam optimasi website adalah penempatan kata kunci SEO 2025 yang tepat dan efektif agar mesin pencari mudah mengenali konten.


Contoh Penerapan di Website

1. Menambahkan Link dalam Artikel Blogger

  1. Edit artikel → pilih teks → klik ikon link → isi URL → klik ‘OK’.
  2. Untuk buka di tab baru, centang opsi “Buka di jendela baru”.

2. Link di WordPress

  1. Edit posting → blok teks → klik ikon tautan → isi URL → tekan enter.

3. Struktur Internal Link yang Baik

Contoh navigasi internal:


<a href="/seo-onpage">Belajar SEO On-Page</a>
<a href="/seo-offpage">Belajar SEO Off-Page</a>
<a href="/tools-backlink">Tools Backlink Gratis</a>

1. Apa itu hyperlink?

Hyperlink adalah elemen HTML yang memungkinkan pengguna berpindah ke halaman lain atau sumber daya tertentu melalui klik.

2. Apa perbedaan antara URL dan link?

URL adalah alamat lengkap sumber daya di web. Link adalah elemen HTML yang menggunakan URL sebagai tujuan.

3. Apa fungsi tag <a> dalam HTML?

Tag <a> digunakan untuk membuat hyperlink ke halaman lain, file, gambar, atau bagian lain dalam halaman yang sama.

4. Bagaimana cara membuat link tidak diikuti mesin pencari?

Gunakan atribut rel="nofollow" dalam tag <a>.

<a href="https://iklan.com" rel="nofollow">Link Iklan</a>

5. Apa itu canonical link?

Canonical adalah tag yang digunakan untuk memberi tahu mesin pencari bahwa URL tersebut adalah versi utama dari halaman yang memiliki duplikat.

---
Menurut situs web Wikipedia, website adalah sekumpulan halaman informasi yang diakses melalui internet menggunakan alamat khusus yang disebut URL.


Penutup

Menguasai cara membuat link, memahami URL, serta menempatkan tautan secara tepat sangat penting untuk setiap pemilik website atau blogger. Baik untuk navigasi pengguna, meningkatkan SEO, maupun menjaga profesionalitas tampilan situs. Dengan menggunakan HTML dasar seperti <a> dan pengaturan struktur link yang benar, kamu sudah selangkah lebih maju dalam dunia pengembangan web.

Untuk tutorial lainnya tentang SEO dan pembuatan website, kunjungi Spuluh.com.

Tags:
Spuluh

Posted by: Spuluh