0Pricing
HTML Academy · Pelajaran

URL Kanonis dan meta robots

Kendalikan perayapan dan hindari konten duplikat dengan tag meta.

URL Kanonis dan meta robots adalah pelajaran HTML Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar HTML Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus HTML Academy mencakup 4 pelajaran total.

Masalah Konten Duplikat

Mesin pencari dapat menemukan halaman Anda melalui beberapa URL:

  • http://example.com/page
  • https://example.com/page
  • https://www.example.com/page
  • https://example.com/page/ (garis miring di akhir)
  • https://example.com/page?utm_source=newsletter

Google harus menentukan URL mana yang akan diindeks—dan mungkin memberikan penalti untuk konten duplikat.

Tag Tautan Kanonis

Beri tahu mesin pencari URL pilihan dengan rel="canonical":

<head>
  <!-- This is the canonical URL for this content: -->
  <link rel="canonical" href="https://example.com/blog/html5-guide">
</head>
<!-- No matter which URL the page is accessed from,
     this tag signals to Google which URL to index -->
<!-- Link equity is consolidated at the canonical URL -->

Aturan URL Kanonis

Praktik terbaik URL kanonis:

  • Gunakan URL absolut lengkap (termasuk protokol)
  • Gunakan HTTPS jika situs Anda mendukungnya
  • Selalu konsisten: gunakan atau jangan gunakan garis miring di akhir
  • Setiap halaman sebaiknya memiliki tag kanonis—meskipun URL tersebut adalah URL halamannya sendiri
<link rel="canonical" href="https://example.com/blog/html5-guide">
<!-- NOT: -->
<!-- <link rel="canonical" href="/blog/html5-guide"> relative = bad -->
<!-- <link rel="canonical" href="http://..."> HTTP on HTTPS site = bad -->

Paginasi dan Kanonis

Untuk konten berpaginasi, URL kanonis dapat mengarah ke halaman pertama atau ke halaman itu sendiri:

<!-- Page 2 of a blog listing: -->
<link rel="canonical" href="https://example.com/blog?page=2">
<!-- Or: consolidate all pages to the first -->
<link rel="canonical" href="https://example.com/blog">
<!-- Also useful: rel="prev" and rel="next" for paginated series -->

Nilai Meta robots

Kontrol perilaku mesin pencari untuk setiap halaman:

<meta name="robots" content="index, follow">
<!-- Default: include in index and follow links -->

<meta name="robots" content="noindex">
<!-- Don't index this page -->

<meta name="robots" content="nofollow">
<!-- Don't follow links on this page -->

<meta name="robots" content="noindex, nofollow">
<!-- Don't index AND don't follow -->

<meta name="robots" content="noarchive">
<!-- Don't show cached version in search results -->

Arahan Khusus Googlebot

Sasar perayap tertentu dengan arahan khusus:

<meta name="googlebot" content="noindex">
<!-- Only affects Google's crawler -->

<meta name="bingbot" content="noindex">
<!-- Only affects Bing's crawler -->

<!-- Other values: -->
<meta name="robots" content="max-snippet:50">
<!-- Limit snippet length in search results to 50 characters -->

<meta name="robots" content="max-image-preview:large">
<!-- Allow full-size image previews in Google results -->

Header HTTP X-Robots-Tag

Kanonis dan robots juga dapat ditetapkan melalui header HTTP (tingkat server):

# Apache .htaccess:
Header add Link "<https://example.com/page>; rel=canonical"
Header add X-Robots-Tag "noindex"

# This is more powerful because it applies to non-HTML files too
# (PDFs, images, etc.) which can't have meta tags

robots.txt vs meta robots

Dua alat untuk mengontrol perayap—dengan tujuan berbeda:

  • robots.txt — mengontrol halaman mana yang dapat diakses perayap (kontrol akses)
  • meta robots — mengontrol tindakan perayap terhadap halaman yang telah diaksesnya (kontrol pengindeksan)

Halaman yang dilarang dalam robots.txt masih dapat diindeks jika ditautkan dari tempat lain. Halaman dengan noindex pasti tidak akan diindeks.

Peta Situs dan Kanonis

Peta situs Anda seharusnya hanya mencantumkan URL kanonis:

<!-- sitemap.xml should list canonical URLs only: -->
<!-- https://example.com/blog/html5-guide (canonical) -->
<!-- NOT: https://www.example.com/blog/html5-guide -->
<!-- NOT: https://example.com/blog/html5-guide/ (trailing slash variant) -->

URL Kanonis yang Merujuk Diri Sendiri

Setiap halaman sebaiknya memiliki URL kanonis yang merujuk ke dirinya sendiri—termasuk halaman utama:

<!-- On https://example.com/about (the canonical URL itself): -->
<link rel="canonical" href="https://example.com/about">
<!-- This confirms: this IS the canonical URL -->
<!-- Prevents issues if the page is embedded in an iframe or scraped -->

Kanonis dalam Perdagangan Elektronik

Pola URL kanonis perdagangan elektronik untuk produk dengan varian:

<!-- Product page with color filter: -->
<!-- URL: /products/widget?color=blue -->
<link rel="canonical" href="https://example.com/products/widget">
<!-- All color variants point to the main product page -->
<!-- Avoids duplicate content penalty for parameter variants -->

Pemeriksaan Singkat

Seharusnya apa isi nilai href pada tag tautan kanonis?

Rekap: Kanonis dan robots

Hal-hal penting tentang kanonis dan robots:

  • <link rel="canonical" href="full-url"> — menyatakan URL pilihan
  • Gunakan URL absolut dalam kanonis; selalu HTTPS
  • meta robots noindex — mengecualikan halaman dari indeks pencarian
  • meta robots nofollow — jangan ikuti tautan
  • robots.txt = kontrol akses; meta robots = kontrol pengindeksan

Pertanyaan yang Sering Diajukan

Apakah pelajaran “URL Kanonis dan meta robots” gratis?

Ya — teks lengkap “URL Kanonis dan meta robots” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus HTML Academy, upgrade ke CoddyKit PRO. Kursus HTML Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “URL Kanonis dan meta robots”?

Kendalikan perayapan dan hindari konten duplikat dengan tag meta. Kamu berlatih HTML Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai HTML Academy?

Tidak diperlukan pengalaman sebelumnya. HTML Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “URL Kanonis dan meta robots” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran HTML Academy ini?

Ya. Setiap pelajaran HTML Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. title dan Perannya dalam SEO
  2. meta charset viewport author dan description
  3. URL Kanonis dan meta robots
  4. Favicon dan Ikon Apple Touch
← Kembali ke HTML Academy