{"id":4054,"date":"2026-03-10T19:35:52","date_gmt":"2026-03-10T19:35:52","guid":{"rendered":"https:\/\/backmodo.com\/?p=4054"},"modified":"2026-03-10T19:37:39","modified_gmt":"2026-03-10T19:37:39","slug":"hyperlink-adalah","status":"publish","type":"post","link":"https:\/\/backmodo.com\/id\/hyperlink-adalah\/","title":{"rendered":"Hyperlink Adalah: Pengertian, Jenis, Fungsi, dan Perannya dalam SEO"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah-1024x572.png\" alt=\"\" class=\"wp-image-4055\" title=\"\" srcset=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah-1024x572.png 1024w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah-300x167.png 300w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah-768x429.png 768w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah-600x335.png 600w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-Adalah.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"TLDR\"><\/span>TL;DR<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Hyperlink adalah elemen dalam dokumen digital atau halaman web yang bisa diklik untuk berpindah ke halaman, file, atau bagian lain. Secara teknis, hyperlink terdiri dari URL tujuan dan <em>anchor text<\/em> sebagai teks yang terlihat. Dalam konteks SEO, perbedaan antara <em>internal link<\/em>, <em>external link<\/em>, dan <em>backlink<\/em> menentukan bagaimana Google menilai otoritas sebuah halaman.<\/p>\n<\/blockquote>\n\n\n\n<p>Setiap kali Anda mengklik teks berwarna biru di sebuah artikel dan langsung berpindah ke halaman lain, itulah hyperlink bekerja. Tapi di balik fungsi navigasi yang sederhana itu, ada mekanisme yang sangat penting bagi mesin pencari untuk memahami struktur web dan menentukan peringkat halaman.<\/p>\n\n\n\n<p>Hyperlink adalah elemen yang menghubungkan satu dokumen atau halaman ke dokumen atau halaman lainnya, baik dalam situs yang sama maupun di situs yang berbeda. Istilah ini sering dipersingkat menjadi <em>link<\/em> atau tautan, dan keduanya merujuk pada hal yang sama. Dalam HTML, hyperlink dibuat menggunakan tag <code>&lt;a&gt;<\/code> dengan atribut <code>href<\/code> yang menentukan URL tujuan.<\/p>\n\n\n\n<p>Contoh paling sederhana dalam kode HTML terlihat seperti ini: <code>&lt;a href=\"https:\/\/contoh.com\"&gt;teks yang bisa diklik&lt;\/a&gt;<\/code>. Teks yang terlihat oleh pembaca disebut <em>anchor text<\/em>, sementara URL di dalam <code>href<\/code> adalah tujuan tautan tersebut.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink-1024x572.png\" alt=\"\" class=\"wp-image-4058\" title=\"\" srcset=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink-1024x572.png 1024w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink-300x167.png 300w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink-768x429.png 768w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink-600x335.png 600w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/contoh-hyperlink.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hyperlink_vs_Hypertext_Beda_tapi_Saling_Terkait\"><\/span>Hyperlink vs. Hypertext: Beda, tapi Saling Terkait<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext-1024x572.jpg\" alt=\"\" class=\"wp-image-4057\" title=\"\" srcset=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext-1024x572.jpg 1024w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext-300x167.jpg 300w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext-768x429.jpg 768w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext-600x335.jpg 600w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Hyperlink-vs.-Hypertext.jpg 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dua istilah ini sering tertukar. <em>Hypertext<\/em> adalah konsep yang lebih luas: teks yang memuat tautan ke konten lain sehingga pembaca bisa berpindah secara <em>non-linear<\/em>, tidak harus membaca dari atas ke bawah. Hyperlink adalah wujud teknisnya. Dengan kata lain, <em>hypertext<\/em> adalah konsepnya, hyperlink adalah bentuk konkretnya.<\/p>\n\n\n\n<p>World Wide Web sendiri dibangun di atas prinsip <em>hypertext<\/em> ini. Tim Berners-Lee merancang web pada <a href=\"https:\/\/www.w3.org\/History\/1989\/proposal.html\" target=\"_blank\" rel=\"noopener\">awal 1990-an<\/a> justru supaya dokumen-dokumen ilmiah bisa saling terhubung lewat tautan, bukan dibaca sebagai dokumen terpisah.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jenis-Jenis_Hyperlink_Berdasarkan_Tujuan_dan_Format_URL\"><\/span>Jenis-Jenis Hyperlink Berdasarkan Tujuan dan Format URL<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Hyperlink bukan satu jenis tunggal. Cara mengelompokkannya tergantung pada dua hal: ke mana tautan mengarah, dan bagaimana URL-nya ditulis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Berdasarkan Tujuan<\/h3>\n\n\n\n<p><em><strong>Internal link<\/strong><\/em> adalah hyperlink yang mengarah ke halaman lain dalam situs yang sama. Misalnya, artikel di halaman A yang menautkan ke artikel di halaman B, keduanya berada di domain yang sama. Jenis ini sangat penting untuk navigasi situs dan membantu mesin pencari memahami hierarki konten.<\/p>\n\n\n\n<p><em><strong>External link<\/strong><\/em> mengarah ke situs lain. Kalau Anda menulis artikel dan menautkan ke sumber data dari BPS atau Wikipedia, itu adalah <em>external link<\/em>. Dari sudut pandang situs yang dituju, tautan masuk dari luar disebut <em>backlink<\/em>. <em>Backlink<\/em> adalah salah satu faktor peringkat terkuat dalam SEO karena Google membacanya sebagai sinyal rekomendasi.<\/p>\n\n\n\n<p><em><strong>Anchor link<\/strong><\/em> (atau <em>bookmark link<\/em>) mengarah ke bagian tertentu dalam halaman yang sama, bukan ke halaman lain. Daftar isi interaktif di artikel panjang biasanya menggunakan jenis ini agar pembaca bisa langsung melompat ke seksi yang diinginkan tanpa harus <em>scroll<\/em> dari atas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Berdasarkan Format URL<\/h3>\n\n\n\n<p><em><strong>Absolute link<\/strong><\/em> menggunakan URL lengkap termasuk protokol (<code>https:\/\/<\/code>), nama domain, dan <em>path<\/em>. Contoh: <code>https:\/\/backmodo.com\/id\/anchor-text-adalah\/<\/code>. Jenis ini paling aman karena berfungsi dari mana saja, bahkan jika halaman diakses melalui domain eksternal.<\/p>\n\n\n\n<p><em><strong>Relative link<\/strong><\/em> hanya mencantumkan <em>path<\/em> relatif dari halaman saat ini, tanpa nama domain. Contoh: <code>\/id\/anchor-text-adalah\/<\/code>. Lebih ringkas, tapi hanya berfungsi dalam konteks situs yang sama.<\/p>\n\n\n\n<p><strong>Baca juga: <a href=\"https:\/\/backmodo.com\/id\/anchor-text-adalah\/\">Anchor Text Adalah: Jenis, Fungsi &amp; Cara Optimasinya<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fungsi_Hyperlink_dalam_Web_dan_SEO\"><\/span>Fungsi Hyperlink dalam Web dan SEO<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pada level pengguna, fungsi utama hyperlink jelas: memudahkan navigasi. Pembaca bisa berpindah ke informasi terkait tanpa harus membuka tab baru dan mencari secara manual.<\/p>\n\n\n\n<p>Tapi ada dimensi lain yang lebih teknis dan jauh lebih krusial bagi siapa pun yang bekerja di ranah SEO.<\/p>\n\n\n\n<p><strong>Pertama, hyperlink adalah cara Google menemukan halaman baru.<\/strong> <em>Crawler<\/em> Google bergerak dari satu halaman ke halaman lain melalui hyperlink. Halaman yang tidak memiliki satu pun tautan yang mengarah ke dalamnya, baik dari situs sendiri maupun dari luar, praktis tidak akan ditemukan oleh mesin pencari. Ini yang membuat <em>internal link<\/em> bukan sekadar fitur navigasi, melainkan bagian dari strategi <em>crawlability<\/em>.<\/p>\n\n\n\n<p><strong>Kedua, hyperlink mendistribusikan otoritas.<\/strong> Ketika halaman A menautkan ke halaman B, sebagian <em>link equity<\/em> (atau PageRank) mengalir dari A ke B. Semakin banyak halaman otoritatif yang menautkan ke suatu halaman, semakin tinggi sinyal kepercayaan yang diterima halaman tersebut oleh Google. Ini adalah prinsip dasar di balik pentingnya <em>backlink<\/em> berkualitas dalam SEO.<\/p>\n\n\n\n<p><strong>Ketiga, <em>anchor text<\/em> memberikan konteks.<\/strong> Teks yang Anda pilih sebagai <em>anchor<\/em> memberi Google petunjuk tentang topik halaman yang dituju. Menurut <a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/links-crawlable\" target=\"_blank\" rel=\"noopener\">panduan resmi Google<\/a>, <em>anchor text<\/em> yang baik bersifat deskriptif, ringkas, dan relevan dengan isi halaman tujuan. Teks generik seperti &#8220;klik di sini&#8221; atau &#8220;baca selengkapnya&#8221; tidak memberi informasi apa pun kepada mesin pencari.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Membuat_Hyperlink\"><\/span>Cara Membuat Hyperlink<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Di HTML<\/h3>\n\n\n\n<p>Struktur dasar hyperlink dalam HTML sangat sederhana:<\/p>\n\n\n\n<p>html<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/url-tujuan.com\"&gt;Teks yang bisa diklik&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Untuk hyperlink yang membuka di tab baru, tambahkan atribut <code>target=\"_blank\"<\/code>:<\/p>\n\n\n\n<p>html<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/url-tujuan.com\" target=\"_blank\"&gt;Teks yang bisa diklik&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Di CMS seperti WordPress<\/h3>\n\n\n\n<p>Pilih teks yang ingin dijadikan <em>anchor<\/em>, lalu klik ikon rantai di <em>toolbar<\/em> atau tekan <code>Ctrl+K<\/code>. Masukkan URL tujuan, dan hyperlink otomatis terbuat.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Di Microsoft Word atau Google Docs<\/h3>\n\n\n\n<p>Pilih teks, klik kanan, lalu pilih &#8220;Hyperlink&#8221; atau &#8220;Link&#8221;. Masukkan URL tujuan dan klik OK. Cara yang sama berlaku untuk PowerPoint dan Excel, bedanya ada di lokasi menu, biasanya di tab &#8220;Insert&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Atribut_rel_Penentu_Dofollow_dan_Nofollow_dalam_Hyperlink\"><\/span>Atribut <code>rel<\/code>: Penentu <em>Dofollow<\/em> dan <em>Nofollow<\/em> dalam Hyperlink<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow-1024x572.png\" alt=\"\" class=\"wp-image-4056\" title=\"\" srcset=\"https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow-1024x572.png 1024w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow-300x167.png 300w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow-768x429.png 768w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow-600x335.png 600w, https:\/\/backmodo.com\/wp-content\/uploads\/2026\/03\/Dofollow-dan-Nofollow.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selain <code>href<\/code>, ada atribut penting lain yang mempengaruhi cara mesin pencari memperlakukan sebuah hyperlink: atribut <code>rel<\/code>. <a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/qualify-outbound-links\" target=\"_blank\" rel=\"noopener\">Google secara resmi mengakui tiga nilai<\/a> yang memberi tahu <em>crawler<\/em> tentang niat di balik sebuah tautan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>rel=\"nofollow\"<\/code><\/strong> memberi tahu Google untuk tidak mengikuti tautan ini dan tidak meneruskan <em>link equity<\/em> ke halaman tujuan. Biasanya digunakan untuk tautan berbayar atau tautan dari konten yang tidak dimoderasi seperti kolom komentar.<\/li>\n\n\n\n<li><strong><code>rel=\"sponsored\"<\/code><\/strong> digunakan khusus untuk tautan iklan atau konten bersponsor.<\/li>\n\n\n\n<li><strong><code>rel=\"ugc\"<\/code><\/strong> (<em>user-generated content<\/em>) dipakai untuk tautan di komentar atau forum.<\/li>\n<\/ul>\n\n\n\n<p>Jika tidak ada atribut <code>rel<\/code> yang ditambahkan, hyperlink dianggap sebagai <em>dofollow<\/em> secara <em>default<\/em>, artinya Google akan mengikuti tautan tersebut dan <em>link equity<\/em> mengalir ke halaman tujuan. Ini yang membuat setiap <em>backlink dofollow<\/em> dari situs otoritatif bernilai bagi SEO.<\/p>\n\n\n\n<p><strong>Baca juga: <a href=\"https:\/\/backmodo.com\/id\/niche-edit\/\">Niche Edit: Cara Cepat Tingkatkan SEO dengan Link Insertion<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hyperlink_yang_Rusak_dan_Risikonya\"><\/span>Hyperlink yang Rusak dan Risikonya<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><em>Broken link<\/em>, atau hyperlink yang mengarah ke halaman yang sudah tidak ada (biasanya menghasilkan <em>error<\/em> 404), adalah masalah yang sering diremehkan. Dari sisi pengguna, pengalaman klik-lalu-<em>error<\/em> sangat mengganggu. Dari sisi SEO, halaman dengan banyak <em>broken link<\/em> memberikan sinyal kualitas yang buruk kepada Google.<\/p>\n\n\n\n<p>Untuk <em>internal link<\/em>, <em>broken link<\/em> juga memutus aliran <em>link equity<\/em> antar halaman. Periksa kondisi tautan internal secara berkala, terutama setelah melakukan perubahan URL atau menghapus halaman lama.<\/p>\n\n\n\n<p>Hyperlink adalah komponen paling dasar dari cara web bekerja, tapi pemahaman yang dangkal tentangnya bisa membuat strategi SEO berjalan dengan fondasi yang rapuh. Mengetahui perbedaan antara jenis-jenisnya, memahami peran <em>anchor text<\/em>, dan tahu kapan menggunakan <code>nofollow<\/code> adalah langkah awal yang konkret untuk membangun profil tautan yang sehat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TL;DR Hyperlink adalah elemen dalam dokumen digital atau halaman web yang bisa diklik untuk berpindah ke halaman, file, atau bagian lain. Secara teknis, hyperlink terdiri dari URL tujuan dan anchor text sebagai teks yang terlihat. Dalam konteks SEO, perbedaan antara internal link, external link, dan backlink menentukan bagaimana Google menilai otoritas sebuah halaman. Setiap kali [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4055,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[62],"tags":[84],"class_list":["post-4054","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-backlink","tag-hyperlink"],"_links":{"self":[{"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/posts\/4054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/comments?post=4054"}],"version-history":[{"count":1,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/posts\/4054\/revisions"}],"predecessor-version":[{"id":4059,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/posts\/4054\/revisions\/4059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/media\/4055"}],"wp:attachment":[{"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/media?parent=4054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/categories?post=4054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/backmodo.com\/id\/wp-json\/wp\/v2\/tags?post=4054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}