Panduan SEO untuk Website

On-page, meta tag Google, Search Console, Analytics (GA4), Tag Manager, PageSpeed, Ads & AdSense, hingga dasar KOL. Step-by-step untuk pemula yang punya website sendiri (GitHub atau hosting berbayar).

Mulai dari On-page Agar Google mencatat situs
10
Poin on-page
8
Langkah indexing
1
Sitemap contoh
✓
Checklist akhir

Cara memakai halaman ini

  1. Baca Apa itu SEO agar ekspektasi realistis.
  2. Terapkan On-page & meta tag di HTML website milikmu.
  3. Daftarkan Search Console, pasang sitemap & robots.txt.
  4. Pasang GA4 (analitik); pelajari tools Google lain sesuai kebutuhan.
  5. Pahami beda Ads vs AdSense dan peran KOL (bukan pengganti SEO).
  6. Centang Checklist sebelum bilang “sudah beres”.
Penting untuk murid: Semua contoh domain dan path di halaman ini (domain-kamu.com, tentang.html, dll.) hanya contoh. Terapkan ke website milikmu sendiri — baik yang di repo GitHub maupun di hosting berbayar. Jangan menyalin mentah URL contoh ke meta tag tanpa diganti.

Apa itu SEO?

SEO (Search Engine Optimization) adalah praktik membuat halaman mudah dipahami mesin pencari dan relevan bagi manusia. Tujuannya bukan “menipu Google”, melainkan:

  • Halaman bisa ditemukan (indexing),
  • Isinya cocok dengan yang dicari orang (relevansi),
  • Pengalaman pengguna layak (mobile, cepat, jelas).

Untuk situs statis di web hosting, fondasinya sama dengan website lain: HTML rapi, konten berguna, sinyal teknis bersih.

Ekspektasi realistis: situs baru jarang langsung ranking #1 untuk kata kompetitif. Fokus dulu: terindeks → konten membantu → navigasi jelas. Posisi bagus mengikuti konsistensi, bukan satu trik semalam.

On-page SEO vs Off-page SEO

Dua sisi yang sering dicampuradukkan. Keduanya penting, tetapi yang kamu kendalikan langsung di file website biasanya on-page dulu.

On-page SEO

Semua optimasi di dalam halaman / situs yang kamu kelola:

  • Title, meta description, heading (H1–H3)
  • Konten relevan, struktur URL, internal link
  • Alt gambar, kecepatan, mobile-friendly, HTTPS
  • Canonical, robots meta, sitemap, data terstruktur (jika ada)

Ini yang paling relevan untuk murid pembuat web: hasilnya langsung terlihat di kode HTML/CSS/JS dan file di hosting.

Off-page SEO

Sinyal dari luar website yang memengaruhi kepercayaan & otoritas di mata mesin pencari:

  • Backlink — situs lain menautkan ke website kamu (secara alami, dari konten berguna, guest post, direktori berkualitas, liputan, dll.)
  • Mention merek, ulasan, profil bisnis (mis. Google Business Profile)
  • Share sosial & kampanye (membantu awareness; efek ranking tidak sama dengan backlink berkualitas)
  • KOL/influencer yang mengarahkan trafik (ukur dengan UTM + Analytics; bukan “obat ranking” instan)

Off-page tidak diganti hanya dengan menjejalkan keyword di HTML. Hindari beli backlink massal / skema spam — berisiko penalti.

Perbandingan cepat

AspekOn-pageOff-page
LokasiDi situs kamuDi luar situs
KontrolTinggi (edit kode/konten)Sebagian (perlu orang/situs lain)
ContohTitle, H1, kecepatanBacklink, ulasan, mention
Prioritas pemulaKerjakan dulu sampai rapiBangun bertahap dengan konten & jejaring
Praktik disarankan: kuasai on-page + Search Console + Analytics dulu. Off-page mengikuti ketika konten sudah layak ditautkan orang lain.

A. On-page SEO (yang kamu kontrol di kode)

Kerjakan ini di setiap halaman penting (index.html, sdlc.html, halaman panduan, dll.).

1

Title unik per halaman

Tag <title> di <head>. Ideal ±50–60 karakter, ada topik utama + brand.

<title>Jasa Desain Web Bandung — Nama Brand Kamu</title>
2

Meta description

±140–160 karakter. Ringkas, menarik, bukan spam kata kunci. Bisa jadi cuplikan di hasil pencarian.

<meta name="description" content="Menerima jasa pembuatan website profil sekolah dan UMKM. Konsultasi gratis.">
3

Heading terstruktur

Satu H1 per halaman. H2/H3 mengikuti outline isi. Jangan loncat H1 → H4 tanpa alasan. Heading untuk struktur, bukan sekadar “teks besar”.

4

URL ramah

Pendek, huruf kecil, pakai tanda hubung. Contoh baik: /seo.html, /sdlc.html. Hindari parameter rumit jika tidak perlu.

5

Teks tautan deskriptif

Hindari “klik di sini”. Lebih baik: “Panduan SEO lengkap” atau “Modul belajar SDLC”.

6

Alt pada gambar

Jelaskan isi gambar. Membantu aksesibilitas dan memberi konteks ke mesin pencari.

<img src="assets/diagram-seo.png" alt="Diagram alur indexing Google Search Console">
7

Konten orisinal yang menjawab pertanyaan

Panjang tidak wajib. Yang penting berguna, bisa diikuti, dan tidak menjiplak mentah. Perbarui jika informasi sudah usang.

8

Mobile-friendly

Wajib ada viewport meta + layout responsif. Google mengutamakan mobile-first indexing.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
9

HTTPS

Pastikan web hosting Anda memakai HTTPS (SSL/TLS aktif). Hampir semua hosting modern menyediakan sertifikat gratis (misalnya Let's Encrypt).

10

Open Graph (og:image)

Tidak langsung menaikkan ranking, tetapi meningkatkan CTR saat link dibagikan ke WA/sosmed. Siapkan gambar 1200×630 dan URL absolut di meta og:image. (Panduan detail og:image bisa menyusul di halaman terpisah.)

B. Agar Google mencatat situs (indexing)

Tanpa langkah ini, website bisa “hidup” tapi belum tentu muncul di pencarian.

1

Pastikan situs live di URL publik

Bukan localhost. Contoh: https://www.domain-kamu.com/ atau https://username.github.io/nama-repo/.

3

Tambah property

Pilih URL prefix (lebih sederhana untuk pemula), mis. https://www.domain-kamu.com/, atau opsi Domain jika ingin mencakup semua subdomain.

4

Verifikasi kepemilikan

Pilih metode verifikasi yang paling mudah untuk web hosting Anda:

  • HTML file — unduh file verifikasi, taruh di root repo, commit & push, lalu klik Verify.
  • Meta tag — tempel di <head> index.html, deploy, Verify.
  • DNS TXT — jika kamu kelola DNS domain custom.
5

Buat dan submit sitemap

Lihat bagian Sitemap & robots.txt di bawah. Di Search Console: menu Sitemaps → masukkan sitemap.xml → Submit.

6

URL Inspection

Tempel URL beranda / halaman penting → Request indexing. Jangan spam request untuk ratusan URL sekaligus.

7

Tunggu dan pantau

Beberapa hari hingga beberapa minggu. Cek laporan Pages / Indexing. Status “Discovered / Crawled / Indexed” akan berubah bertahap.

8

Perbaiki error yang muncul

404, redirect salah, atau halaman diblokir robots — perbaiki di repo, deploy ulang, lalu minta index lagi jika perlu.

C. Sitemap.xml & robots.txt

File diletakkan di root situs (satu level dengan index.html).

Contoh sitemap.xml

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://www.domain-kamu.com/</loc>
  </url>
  <url>
    <loc>https://www.domain-kamu.com/tentang.html</loc>
  </url>
  <url>
    <loc>https://www.domain-kamu.com/kontak.html</loc>
  </url>
</urlset>

Tambahkan URL lain yang ingin diutamakan (halaman panduan, artikel penting). Jangan masukkan URL yang noindex atau duplikat sia-sia.

Contoh robots.txt

User-agent: *
Allow: /

Sitemap: https://www.domain-kamu.com/sitemap.xml

Jangan Disallow: / jika kamu ingin situs bisa di-crawl. Hanya blokir folder yang memang privat (jarang diperlukan di situs publik).

Setelah membuat sitemap.xml dan robots.txt, unggah keduanya ke root website kamu (satu folder dengan index.html). Ganti semua URL contoh dengan alamat website milikmu.

D. Trik & kebiasaan yang membantu di SERP

  • Intent pencarian — sesuaikan judul & isi dengan yang dicari orang (tutorial, definisi, checklist), bukan menjejalkan keyword.
  • E-E-A-T praktis — tunjukkan pengalaman: langkah yang bisa diikuti, contoh nyata, brand konsisten (nama website / nama panggilan profesimu).
  • Internal link — dari beranda ke SEO/SDLC, antar panduan saling taut. Bantu Google pahami struktur situs.
  • Kecepatan — kompres gambar, JS tidak berlebihan. Pengalaman cepat tetap penting.
  • Hindari konten tipis / duplikat — rangkum dengan kata-katamu + contoh proyekmu.
  • Backlink alami — bagikan ke kelas, komunitas, repo; jangan beli link massal.
  • Pantau Search Console — lihat query yang dapat impression, lalu perkuat halaman itu.

F. Meta tag yang sering dipakai (termasuk “Google meta”)

Semua diletakkan di dalam <head> halaman. Ganti nilai contoh dengan milik website kamu.

1. Dasar yang hampir selalu ada

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Judul Halaman — Nama Brand Kamu</title>
<meta name="description" content="Ringkasan 1–2 kalimat tentang halaman ini.">
<link rel="canonical" href="https://www.domain-kamu.com/halaman-ini.html">

canonical memberitahu Google URL “resmi” halaman jika ada duplikat (www vs non-www, parameter, dll.).

2. Robots (mengizinkan / membatasi indeks)

<!-- Izinkan diindeks & diikuti tautannya (default) -->
<meta name="robots" content="index, follow">

<!-- Halaman privat / draft: jangan tampil di pencarian -->
<meta name="robots" content="noindex, nofollow">

Pakai noindex untuk halaman terima kasih, login, atau staging — jangan di beranda publik.

3. Verifikasi Search Console (meta tag Google)

Saat mendaftarkan situs di Search Console, salah satu metode verifikasi adalah menempel meta seperti ini (kode unik dari Google, milik akunmu):

<meta name="google-site-verification" content="KODE_UNIK_DARI_GOOGLE">

Hanya tempel di index.html (atau halaman yang diminta), deploy, lalu klik Verify. Jangan memakai kode verifikasi orang lain.

4. Open Graph & Twitter (share ke WA / sosmed)

<meta property="og:title" content="Judul saat dibagikan">
<meta property="og:description" content="Cuplikan singkat">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.domain-kamu.com/">
<meta property="og:image" content="https://www.domain-kamu.com/assets/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://www.domain-kamu.com/assets/og-image.png">

URL gambar harus absolut (https://…), disarankan 1200×630 px.

5. Tema warna browser (opsional)

<meta name="theme-color" content="#1e3a5f">
Bukan meta tag, tapi sering disandingkan: file robots.txt dan sitemap.xml di root hosting (sudah dibahas di bagian Sitemap). Keduanya saling melengkapi meta di HTML.

G. Tools Google yang perlu dikenal pembuat web

Tidak semua wajib di hari pertama. Prioritaskan Search Console + Analytics; lainnya menyusul.

1

Google Search Console (wajib untuk SEO)

Melihat apakah situs terindeks, ada error crawl, query apa yang memunculkan situsmu, dan submit sitemap. Gratis. Sudah diuraikan di bagian Indexing.

Mulai di: search.google.com/search-console

2

Google Analytics 4 (GA4) — analitik pengunjung

Mengukur berapa orang datang, dari mana (Google, langsung, sosmed), halaman mana yang dibaca, dan peristiwa penting (klik tombol, kirim form). Lihat bagian Analitik untuk langkah pasang.

Mulai di: analytics.google.com

3

Google Tag Manager (GTM) — opsional, sangat berguna nanti

“Kotak satu skrip” di website: dari panel GTM kamu bisa menambah GA4, pixel, atau event tanpa sering mengedit HTML. Cocok jika banyak tag marketing.

Mulai di: tagmanager.google.com

4

PageSpeed Insights

Menilai kecepatan & saran perbaikan (gambar besar, JS berat, dll.). Memengaruhi pengalaman pengguna; bukan “satu-satunya” faktor ranking, tapi penting.

pagespeed.web.dev — tempel URL website kamu.

5

Rich Results / pengujian cuplikan

Jika nanti memakai data terstruktur (JSON-LD untuk artikel, FAQ, produk), uji agar Google bisa menampilkan hasil yang lebih kaya.

Rich Results Test

6

Google Business Profile (jika usaha lokal)

Untuk warung, studio, jasa di kota tertentu: profil bisnis di Google Maps/Search membantu “SEO lokal” (nama, alamat, jam, ulasan). Bukan pengganti website, melainkan pelengkap.

H. Analitik: memasang Google Analytics 4 (step-by-step)

1

Buat akun & property GA4

Login analytics.google.com → Admin → buat Account (mis. nama brand/usahamu) → buat Property (satu website = satu property umumnya) → platform Web → isi URL website kamu.

2

Ambil Measurement ID

Bentuknya seperti G-XXXXXXXXXX. Ini identitas properti GA4 milikmu — jangan tertukar dengan milik klien lain.

3

Pasang di website (cara langsung di HTML)

Tempel cuplikan resmi dari Google di <head> setiap halaman yang ingin diukur (atau di layout bersama). Contoh pola (ganti ID):

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Setelah deploy, buka website kamu → di GA4 cek laporan Realtime. Jika muncul pengunjung, pemasangan berhasil.

4

Alternatif: lewat Google Tag Manager

Pasang hanya container GTM di HTML, lalu di panel GTM buat tag GA4 Configuration dengan Measurement ID yang sama. Lebih rapi jika nanti menambah banyak tag.

5

Apa yang perlu dipantau (pemula)

  • Berapa sesi / pengguna per minggu
  • Halaman paling banyak dilihat
  • Sumber trafik (Organic Search, Direct, Social, Referral)
  • Apakah form kontak / tombol WA diklik (event — bisa ditambah belakangan)
Privasi: jika target pengunjung di wilayah dengan aturan cookie ketat, pelajari kebijakan privasi & consent. Untuk tugas sekolah di Indonesia, tetap jujur di halaman privasi bahwa situs memakai analitik.

Hubungkan GA4 ↔ Search Console (disarankan)

Di Search Console / GA4 ada opsi menautkan keduanya agar data query pencarian dan perilaku di situs bisa saling melengkapi. Lakukan setelah kedua properti aktif di domain yang sama.

I. Google Ads (dulu “AdWords”) & Google AdSense

Keduanya produk Google, tetapi tujuan berbeda. Jangan tertukar.

Google Ads — kamu bayar agar iklan tampil

Dipakai untuk mempromosikan website, produk, atau jasa. Kamu mengatur kata kunci / audiens, menulis iklan, dan membayar per klik atau per tayangan (tergantung jenis kampanye).

  • Search ads: muncul di hasil pencarian Google.
  • Display / YouTube: muncul di situs partner atau video.

Kaitan dengan SEO: Ads memberi trafik cepat selama berbayar; SEO organik membangun visibilitas jangka panjang tanpa bayar per klik. Banyak bisnis memakai keduanya.

Belajar resmi: ads.google.com — mulai dari kampanye kecil, pantau biaya, jangan biarkan kartu tertaut tanpa batas harian.

Untuk murid: pahami konsep dulu (kata kunci, quality score, landing page relevan). Tidak wajib memasang iklan berbayar untuk “jago SEO”.

Google AdSense — kamu dapat bayaran dari iklan di situsmu

Google menampilkan iklan di halaman website kamu; kamu mendapat bagi hasil jika pengunjung melihat/mengklik sesuai kebijakan. Cocok untuk blog/konten yang sudah punya pengunjung, bukan situs kosong.

Syarat praktis (gambaran umum):

  • Konten orisinal & cukup banyak
  • Navigasi jelas, bukan hanya satu halaman tipis
  • Mematuhi kebijakan AdSense (konten terlarang, klik sendiri, dll.)
  • Domain & trafik yang “sehat”

Pendaftaran: google.com/adsense. Setelah disetujui, kamu mendapat cuplikan kode iklan untuk ditempel di layout.

AdSense bukan syarat SEO. SEO yang baik membantu pengunjung datang; AdSense memonetisasi pengunjung itu. Situs baru sering ditolak jika konten masih minim — fokus dulu ke kualitas halaman.

Tabel ringkas

ProdukKamu…Tujuan
Google AdsMembayarMembawa orang ke website / WA / toko
Google AdSenseDibayar (bagi hasil)Iklan tampil di website kamu
SEO + kontenMembangunTrafik organik jangka panjang

J. KOL & dunia digital di sekitar SEO

Pembuat web sering diminta “bantu online” — bukan hanya coding, tapi memahami cara orang menemukan merek.

Apa itu KOL?

KOL (Key Opinion Leader) adalah tokoh atau kreator yang opininya dipercaya audiens (influencer di Instagram, TikTok, YouTube, blogger, dll.). Brand bekerja sama agar produk/jasa dibicarakan ke pengikut KOL.

Bukan pengganti SEO, melainkan saluran awareness & kepercayaan. Alur yang sehat:

  1. KOL mengarahkan orang ke website / form / WA.
  2. Website harus cepat, jelas, mobile-friendly (on-page SEO + UX).
  3. Analitik (GA4) mengukur apakah kunjungan dari kampanye benar-benar datang dan berapa yang jadi leads.

Peran pembuat web saat klien pakai KOL

  • Siapkan landing page khusus kampanye (URL jelas, CTA jelas).
  • Pakai parameter UTM di tautan (mis. ?utm_source=instagram&utm_medium=kol&utm_campaign=nama-kampanye) agar di GA4 terlihat sumber trafik.
  • Pastikan og:image menarik jika tautan dibagikan.
  • Jangan menjanjikan ranking Google dari “sewa KOL saja” — itu kanal berbeda.

Istilah lain yang sering muncul bareng SEO

  • SEM — Search Engine Marketing; sering merujuk iklan berbayar di mesin pencari (Google Ads).
  • SEA — Search Engine Advertising; bagian berbayar dari SEM.
  • Content marketing — artikel, video, panduan yang menarik backlink & query organik.
  • CTR — Click-Through Rate; rasio orang yang mengklik dari tayangan (iklan atau hasil organik).
  • Conversion — aksi yang diinginkan: isi form, klik WA, beli.
Target “jago SEO” untuk pembuat web: mampu membuat situs yang siap diindeks, terukur di Analytics, jujur soal batas SEO vs iklan vs KOL, dan bisa menjelaskan itu ke klien atau guru dengan bahasa sederhana.

E. Checklist: “Sudah SEO belum?”

Centang di browser ini hanya untuk bantu kamu mengingat (tidak tersimpan ke server).

Lanjut belajar

Setelah fondasi SEO beres, pelajari thumbnail saat share link (og:image) dan materi pengembangan perangkat lunak.

Materi di beranda Modul SDLC WebLearn