Technical SEO: Panduan Lengkap Optimasi Infrastruktur Website untuk Google

Dari Crawling hingga Core Web Vitals — Fondasi yang Harus Dikuasai Sebelum SEO On-Page & Off-Page

Oleh: Tim NEORIX
Praktisi Optimasi Digital & AI
📅 Terakhir diperbarui: Mei 2026

---

📊 RINGKASAN EKSEKUTIF

Technical SEO adalah proses mengoptimasi infrastruktur teknis website agar mesin pencari (Google) dapat merayapi (crawl), mengindeks (index), dan memahami website Anda dengan mudah. Berbeda dengan SEO On-Page (konten) dan SEO Off-Page (backlink), Technical SEO berfokus pada elemen di balik layar: kecepatan, mobile-friendly, crawling, indexing, keamanan (HTTPS), structured data, dan arsitektur website.

Komponen Technical SEO	Fungsi	Dampak ke Ranking	Prioritas
Crawlability	Memudahkan Googlebot menjelajahi website	⭐⭐⭐⭐⭐	🔴 WAJIB
Indexability	Memudahkan Google menyimpan halaman ke database	⭐⭐⭐⭐⭐	🔴 WAJIB
Core Web Vitals	Kecepatan loading, responsivitas, stabilitas visual	⭐⭐⭐⭐⭐	🔴 WAJIB
Mobile-friendly	Tampil sempurna di smartphone	⭐⭐⭐⭐⭐	🔴 WAJIB
HTTPS & Keamanan	Enkripsi data, kepercayaan pengguna	⭐⭐⭐⭐	🔴 WAJIB
Structured Data	Membantu Google memahami konten (rich result)	⭐⭐⭐⭐	🟠 SANGAT DISARANKAN
XML Sitemap	Peta semua halaman untuk Google	⭐⭐⭐⭐	🟠 SANGAT DISARANKAN
Log File Analysis	Memahami bagaimana Googlebot berinteraksi dengan website	⭐⭐⭐	🟡 DISARANKAN

💡 “Konten terbaik di dunia tidak akan pernah ranking jika Googlebot tidak bisa mengakses, membaca, dan memahami website Anda. Technical SEO adalah fondasi sebelum segalanya.”

---

🕷️ BAGIAN 1: CRAWLING & INDEXING – AGAR GOOGLE BISA MENEMUKAN WEBSITE ANDA

1.1. Apa Itu Crawling dan Indexing?

Istilah	Penjelasan	Analogi
Crawling	Googlebot mengunjungi website Anda dan mengikuti tautan dari satu halaman ke halaman lain	Seperti pustakawan yang berjalan menyusuri rak buku
Indexing	Google menyimpan halaman yang sudah di-crawl ke dalam database raksasa (Google Index)	Seperti memasukkan buku ke katalog perpustakaan
Crawl Budget	Jumlah halaman yang akan dikunjungi Google dalam periode tertentu (terbatas)	Seperti waktu yang dimiliki pustakawan untuk menjelajahi rak

1.2. Faktor yang Mempengaruhi Crawl Budget

Faktor	Dampak	Optimasi
Ukuran website	⭐⭐⭐⭐	Website besar (>10.000 halaman) butuh crawl budget lebih besar
Kecepatan website	⭐⭐⭐⭐⭐	Website lambat → crawl budget terbuang (Googlebot tidak bisa menjelajahi banyak halaman)
Server response	⭐⭐⭐⭐⭐	Server error (5xx) → Google hentikan crawling
Internal linking	⭐⭐⭐⭐	Halaman tanpa tautan internal mungkin tidak di-crawl
Freshness	⭐⭐⭐	Konten baru/update → crawl lebih sering

1.3. Cara Memeriksa Crawling & Indexing

Tools	Fungsi	Cara
Google Search Console	Lihat halaman terindeks	Coverage → Valid pages
Google Search Console	Cek status per URL	URL Inspection → Masukkan URL
Site:domain.com	Hitung perkiraan halaman terindeks	Ketik site:neorix.id di Google
Screaming Frog	Crawl seperti Googlebot	Unduh gratis (500 URL) → Start

1.4. Robots.txt – Mengontrol Akses Googlebot

Apa itu robots.txt? File teks di root website yang memberi instruksi ke crawler (Googlebot) halaman mana yang boleh dan tidak boleh di-crawl.

text

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /internal/
Sitemap: https://neorix.id/sitemap.xml

Perintah	Fungsi	Contoh
User-agent: *	Berlaku untuk semua crawler	Bisa diganti Googlebot untuk khusus Google
Allow: /	Izinkan crawl seluruh website	Bisa spesifik Allow: /blog/
Disallow: /admin/	Jangan crawl folder /admin/	Bisa untuk halaman login, dashboard
Sitemap:	Beri tahu lokasi sitemap	Wajib dicantumkan

1.5. XML Sitemap – Peta untuk Google

Apa itu XML Sitemap? File yang berisi daftar semua halaman penting di website Anda, membantu Google menemukan halaman yang mungkin terlewat.

xml

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://neorix.id/</loc>
    <lastmod>2026-05-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://neorix.id/layanan/geo</loc>
    <lastmod>2026-05-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Tag	Fungsi	Tips
<loc>	URL halaman	Wajib, harus URL lengkap
<lastmod>	Tanggal terakhir diupdate	Gunakan format ISO (YYYY-MM-DD)
<changefreq>	Seberapa sering berubah	Nilai: always, hourly, daily, weekly, monthly, yearly, never
<priority>	Prioritas relatif (0.0-1.0)	Jangan semua 1.0, bedakan

---

⚡ BAGIAN 2: CORE WEB VITALS – KECEPATAN & PENGALAMAN PENGGUNA

2.1. Apa Itu Core Web Vitals?

Core Web Vitals adalah metrik Google untuk mengukur pengalaman pengguna (User Experience) di website. Ini adalah faktor ranking resmi Google (sejak 2021).

Metrik	Nama	Target	Cara Ukur
LCP	Largest Contentful Paint	<2,5 detik	Kecepatan loading konten utama (hero image, heading utama)
FID	First Input Delay	<100 ms	Responsivitas saat pengguna klik/interaksi pertama
CLS	Cumulative Layout Shift	<0,1	Stabilitas visual saat loading (tidak ada loncatan elemen)

2.2. Detail Setiap Metrik

A. LCP (Largest Contentful Paint)

Apa itu: Waktu yang dibutuhkan untuk menampilkan elemen terbesar di halaman (biasanya gambar hero, video, atau blok teks besar).

Skor	Waktu	Status	Tindakan
Baik	<2,5 detik	✅	Pertahankan
Perlu Perbaikan	2,5 – 4 detik	⚠️	Optimasi gambar, server, caching
Buruk	>4 detik	❌	Segera perbaiki (prioritas tinggi)

Penyebab LCP Buruk & Solusi:

Penyebab	Solusi	Tools
Gambar terlalu besar	Kompres ke WebP, lazy loading	ShortPixel, Imagify, TinyPNG
Server lambat (TTFB tinggi)	Ganti hosting, gunakan CDN	Cloudways, WP Engine, Cloudflare
Render-blocking resources	Minify CSS/JS, defer, async	WP Rocket, Autoptimize

B. FID (First Input Delay)

Apa itu: Waktu antara pengguna melakukan interaksi pertama (klik, tap) dengan respons browser.

Skor	Waktu	Status	Tindakan
Baik	<100 ms	✅	Pertahankan
Perlu Perbaikan	100 – 300 ms	⚠️	Optimasi JavaScript eksternal
Buruk	>300 ms	❌	Segera perbaiki (prioritas tinggi)

Penyebab FID Buruk & Solusi:

Penyebab	Solusi	Tools
JavaScript eksternal besar	Minimalkan JS, gunakan defer atau async	GTmetrix, WebPageTest
Eksekusi JS memblokir thread utama	Pindahkan ke Web Worker, optimasi kode	Chrome DevTools (Performance)
Banyak plugin/third-party scripts	Hapus plugin tidak perlu, lazy load third-party	Plugin Performance Checker

C. CLS (Cumulative Layout Shift)

Apa itu: Seberapa sering elemen di halaman bergerak/bergeser saat loading.

Skor	Nilai	Status	Tindakan
Baik	<0,1	✅	Pertahankan
Perlu Perbaikan	0,1 – 0,25	⚠️	Tentukan dimensi gambar & iklan
Buruk	>0,25	❌	Segera perbaiki (prioritas tinggi)

Penyebab CLS Buruk & Solusi:

Penyebab	Solusi	Contoh
Gambar tanpa dimensi	Tentukan width dan height	<img src="..." width="800" height="400">
Iklan yang muncul tiba-tiba	Reserve space (min-height)	<div style="min-height: 250px;">...</div>
Font yang mengganti ukuran	Gunakan font system default atau atur fallback	font-family: "Inter", Arial, sans-serif;

2.3. Tools untuk Mengukur Core Web Vitals

Tools	Fungsi	Gratis	Kapan Pakai
Google PageSpeed Insights	Cek skor LCP, FID, CLS per halaman	✅ Ya	Cek cepat satu per satu halaman
Google Search Console (Core Web Vitals report)	Lihat performa seluruh website (data agregat)	✅ Ya	Monitor semua halaman sekaligus
Chrome DevTools (Lighthouse)	Audit di browser Anda	✅ Ya	Development & testing lokal
WebPageTest	Cek dari berbagai lokasi & device	✅ Ya (limited)	Cek performa dari luar negeri

---

📱 BAGIAN 3: MOBILE-FRIENDLY – WAJIB DI ERA SMARTPHONE

3.1. Mengapa Mobile-Friendly Penting?

Fakta	Implikasi
Google mobile-first indexing sejak 2018	Google menggunakan versi mobile website untuk menentukan ranking, bukan desktop
60-80% traffic website berasal dari mobile	Jika website tidak mobile-friendly, Anda kehilangan mayoritas pengunjung
Pengguna mobile lebih tidak sabar	Bounce rate 2x lebih tinggi jika website lambat/tidak responsif

3.2. Ciri-ciri Website Mobile-Friendly

Kriteria	Penjelasan	Cara Cek
Responsive design	Tampilan menyesuaikan lebar layar (CSS media queries)	Ubah ukuran browser, cek di HP
Font terbaca tanpa zoom	Ukuran font minimal 16px	Manual (lihat di HP)
Tombol cukup besar	Minimal 48x48px untuk touch target	Manual (klik dengan jari)
Tidak ada horizontal scroll	Konten tidak melebar ke kanan	Scroll ke kanan, jika ada yang terpotong → error
Viewport meta tag	<meta name="viewport" content="width=device-width, initial-scale=1">	Lihat source code
Tidak ada pop-up mengganggu	Pop-up yang menutup konten utama (terutama di mobile)	Cek di HP, apakah pop-up mudah ditutup

3.3. Tools untuk Mengecek Mobile-Friendly

Tools	Fungsi	Link
Google Mobile-Friendly Test	Cek apakah website Anda mobile-friendly	search.google.com/test/mobile-friendly
Google Search Console (Mobile Usability)	Lihat error mobile usability di seluruh website	search.google.com/search-console
Chrome DevTools (Device Toolbar)	Simulasikan berbagai device	F12 → Toggle device toolbar (Ctrl+Shift+M)

---

🔒 BAGIAN 4: HTTPS & KEAMANAN – ENKRIPSI DATA & KEPERCAYAAN

4.1. Mengapa HTTPS Wajib?

Alasan	Penjelasan	Dampak jika HTTP
Faktor ranking Google	HTTPS adalah sinyal ranking positif (sejak 2014)	Peringkat lebih rendah dari competitor yang pakai HTTPS
Keamanan data	Enkripsi data antara browser dan server (melindungi dari hacker)	Data bisa disadap (password, kartu kredit)
Kepercayaan pengguna	Browser modern menunjukkan “Not Secure” jika masih HTTP	Pengguna akan ragu mengisi form atau transaksi
Rekomendasi untuk website bertransaksi	Wajib untuk e-commerce, login, dll	Payment gateway mungkin menolak integrasi

4.2. Cara Implementasi HTTPS

Langkah	Penjelasan	Tools
1. Beli/aktivasi SSL Certificate	Dari penyedia hosting (banyak yang gratis: LetsEncrypt, Cloudflare)	cPanel, Cloudflare, hosting panel
2. Install SSL	Ikuti panduan hosting Anda	–
3. Redirect HTTP ke HTTPS	Tambahkan kode di .htaccess atau plugin	Rank Math, Really Simple SSL
4. Update internal link	Pastikan semua link menggunakan HTTPS (bukan HTTP)	Velvet Blues Update URLs, Better Search Replace
5. Update Google Search Console	Tambahkan properti HTTPS	Google Search Console

4.3. Cek Keamanan Website

Tools	Fungsi	Link
SSL Labs (SSL Test)	Cek kekuatan SSL certificate, cipher, protokol	ssllabs.com/ssltest
Google Search Console (Security Issues)	Lihat jika website Anda di-hack atau ada malware	search.google.com/search-console
Sucuri SiteCheck	Cek malware, blacklist, keamanan	sitecheck.sucuri.net

---

🏗️ BAGIAN 5: STRUKTUR WEBSITE & URL

5.1. Struktur URL yang SEO-Friendly (dan SGE-Friendly)

✅ Baik (SEO & SGE Friendly)	❌ Buruk (Perlu Diperbaiki)
neorix.id/layanan/optimasi-geo	neorix.id/p=123&id=456
neorix.id/blog/apa-itu-seo	neorix.id/index.php?cat=3&id=789
neorix.id/produk/sepatu-lari-pria	neorix.id/produk?category=123&sort=asc

5.2. Praktik Terbaik URL untuk SEO & SGE

Praktik	Contoh	Mengapa
Gunakan lowercase	neorix.id/tentang-kami (bukan Tentang-Kami)	Konsisten, hindari duplikasi karena case-sensitive
Gunakan “-” sebagai pemisah	neorix.id/cara-memilih-sepatu (bukan cara_memilih_sepatu)	Google lebih suka underscore? Faktanya, dash lebih baik untuk SEO
Jangan terlalu panjang	Maksimal 60-70 karakter (idealnya 50)	Pengguna dan Google lebih mudah membaca
Deskriptif	Pengguna bisa menebak isi halaman dari URL	Meningkatkan CTR
Hindari parameter tidak perlu	?id=123, ?ref=abc, ?utm_source=...	Parameter bisa menyebabkan duplicate content

5.3. Struktur Situs (Site Architecture)

Prinsip	Penjelasan	Contoh
Flat structure	Setiap halaman bisa dicapai dalam 3-4 klik dari beranda	Home → Layanan → GEO (2 klik)
Internal linking	Setiap halaman punya tautan dari halaman lain	Artikel blog menaut ke halaman layanan
Hierarki jelas	Home → Kategori → Sub-kategori → Artikel	Home → Blog → SEO → artikel SEO
Breadcrumb	Navigasi yang menunjukkan posisi	Home > Layanan > GEO

Contoh struktur baik:

text

Beranda (Home)
├── Layanan
│   ├── Optimasi GEO
│   ├── Optimasi SEO
│   └── Optimasi SGE
├── Blog
│   ├── Artikel SEO
│   ├── Artikel GEO
│   └── Artikel SGE
└── Tentang Kami

---

📋 BAGIAN 6: STRUKTURED DATA (SCHEMA MARKUP)

6.1. Apa Itu Structured Data?

Structured Data adalah kode (JSON-LD) yang diletakkan di website untuk memberi tahu Google tentang konten Anda. Google menggunakannya untuk menampilkan rich result (hasil pencarian yang lebih kaya) dan membantu AI (SGE, ChatGPT, Gemini) memahami konten.

6.2. Jenis Structured Data yang Penting

Jenis Schema	Fungsi	Rich Result	Prioritas
FAQPage	Menandai konten tanya-jawab	FAQ di hasil pencarian	🔴 WAJIB
HowTo	Menandai instruksi langkah-langkah	Langkah-langkah dengan gambar	🟠 SANGAT DISARANKAN
Product	Informasi produk (harga, stok, review)	Bintang rating, harga	🟠 SANGAT DISARANKAN (untuk e-commerce)
LocalBusiness	Informasi bisnis lokal (alamat, telepon)	Google Maps, jam operasional	🔴 WAJIB (untuk bisnis lokal)
Organization	Informasi perusahaan (logo, sosial media)	Knowledge Panel	🔴 WAJIB
Article	Informasi artikel (judul, gambar, tanggal)	Thumbnail di berita	🟡 DISARANKAN
BreadcrumbList	Navigasi breadcrumb	Breadcrumb di SERP	🟡 DISARANKAN

6.3. Contoh Kode FAQPage Schema (JSON-LD)

json

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu Technical SEO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Technical SEO adalah proses mengoptimasi infrastruktur teknis website agar Google dapat merayapi, mengindeks, dan memahami website dengan mudah."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah Core Web Vitals penting untuk SEO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, Core Web Vitals adalah faktor ranking resmi Google sejak 2021. Website yang lambat akan sulit bersaing di halaman pertama."
      }
    }
  ]
}

6.4. Tools untuk Structured Data

Tools	Fungsi	Link
Google Rich Results Test	Cek apakah schema markup didukung oleh Google	search.google.com/test/rich-results
Schema.org	Referensi semua jenis schema (lengkap)	schema.org
Rank Math SEO / Yoast SEO	Plugin WordPress untuk menambahkan schema tanpa coding	wordpress.org

---

✅ BAGIAN 7: CHECKLIST TECHNICAL SEO (30+ POIN)

Crawling & Indexing

No	Elemen	Status
1	Robots.txt tidak memblokir Googlebot	☐
2	XML Sitemap terdaftar di Google Search Console	☐
3	Tidak ada tag noindex yang tidak disengaja	☐
4	Tidak ada tag nofollow pada internal link penting	☐
5	Halaman penting bisa di-crawl dalam 3-4 klik dari beranda	☐

Core Web Vitals

No	Elemen	Status
6	LCP <2,5 detik (hasil lab & lapangan)	☐
7	FID <100 ms	☐
8	CLS <0,1	☐
9	TTFB (Time To First Byte) <200 ms	☐
10	Image terkompresi ke format WebP	☐
11	CSS/JS terminify & terkompres	☐
12	Caching aktif (browser & server)	☐

Mobile-Friendly

No	Elemen	Status
13	Responsive design (CSS media queries)	☐
14	Font size minimal 16px	☐
15	Tombol minimal 48x48px	☐
16	Tidak ada horizontal scroll	☐
17	Viewport meta tag ada	☐
18	Tidak ada pop-up mengganggu di mobile	☐

HTTPS & Keamanan

No	Elemen	Status
19	SSL certificate valid & aktif	☐
20	Redirect HTTP ke HTTPS (301)	☐
21	HSTS (HTTP Strict Transport Security) aktif	☐
22	Tidak ada mixed content (HTTP di halaman HTTPS)	☐

URL & Struktur Website

No	Elemen	Status
23	URL lowercase	☐
24	URL menggunakan “-” sebagai pemisah	☐
25	URL deskriptif (bukan ID/nomor)	☐
26	Tidak ada parameter tidak perlu (?id=123)	☐
27	Breadcrumb navigation terpasang	☐
28	Internal linking kuat (setiap halaman punya tautan dari halaman lain)	☐

Structured Data (Schema Markup)

No	Elemen	Status
29	FAQPage schema terpasang (untuk halaman FAQ)	☐
30	Organization schema terpasang (di seluruh website)	☐
31	LocalBusiness schema terpasang (jika bisnis fisik)	☐
32	Product schema terpasang (jika e-commerce)	☐
33	HowTo schema terpasang (jika konten tutorial)	☐

---

❓ BAGIAN 8: PERTANYAAN UMUM (FAQ)

Q1: Apa perbedaan Technical SEO dan On-Page SEO?

Jawaban:

• Technical SEO: Optimasi infrastruktur di balik layar (kecepatan, crawling, indexing, HTTPS, schema). Googlebot membaca ini.
• On-Page SEO: Optimasi konten & elemen yang terlihat pengguna (heading, keyword, meta tag, gambar, internal link).

---

Q2: Tools apa yang wajib untuk Technical SEO?

Jawaban:

1. Google Search Console (gratis) — untuk crawling, indexing, Core Web Vitals
2. Google PageSpeed Insights (gratis) — untuk kecepatan
3. Screaming Frog (gratis untuk 500 URL) — untuk crawling & audit teknis
4. Mobile-Friendly Test (gratis) — untuk cek mobile-friendly

---

Q3: Berapa lama waktu yang dibutuhkan untuk memperbaiki Technical SEO?

Jawaban: Tergantung masalah:

• Perbaikan robots.txt atau sitemap: 1-2 jam
• Perbaikan Core Web Vitals (gambar, caching): 1-7 hari
• Migrasi HTTP ke HTTPS: 1-3 hari
• Redesign mobile-friendly: 2-4 minggu

---

Q4: Apakah Technical SEO penting untuk website kecil (10-20 halaman)?

Jawaban: Sangat penting. Website kecil sekalipun tetap perlu:

• Googlebot dapat menemukan & mengindeks semua halaman
• Kecepatan loading yang baik
• Mobile-friendly
• HTTPS
• XML sitemap

Tanpa Technical SEO yang baik, Google mungkin tidak menemukan website Anda sama sekali.

---

Q5: Apakah Core Web Vitals benar-benar faktor ranking?

Jawaban: Ya. Google secara resmi mengumumkan bahwa Core Web Vitals menjadi faktor ranking pada 2021. Website dengan LCP, FID, CLS yang buruk akan sulit bersaing untuk keyword kompetitif, terutama di pencarian mobile.

---

📞 KESIMPULAN & CALL TO ACTION

Technical SEO adalah fondasi yang harus dikuasai sebelum SEO On-Page dan Off-Page. Tanpa technical SEO yang baik, konten terbaik di dunia tidak akan pernah ranking.

Prioritas Anda:

1. ✅ Pastikan Google dapat menemukan & mengindeks website (crawling & indexing)
2. ✅ Optimasi Core Web Vitals (kecepatan, responsivitas, stabilitas)
3. ✅ Pastikan mobile-friendly (responsive design)
4. ✅ Gunakan HTTPS (enkripsi data)
5. ✅ Pasang structured data (schema markup)

NEORIX dapat membantu Anda:

• ✅ Audit Technical SEO menyeluruh (crawling, indexing, kecepatan, mobile, keamanan)
• ✅ Perbaiki Core Web Vitals (LCP, FID, CLS)
• ✅ Implementasi structured data (schema markup)

📱 WhatsApp: 0822-2595-0367

📧 Email: info@neorix.id

📍 Alamat: Padokan RT 02/ RW 04, Sawahan, Ngemplak, Boyolali, Jawa Tengah

🌐 Website: www.neorix.id

---

🎁 BONUS

Untuk 10 bisnis pertama yang menghubungi dengan kode “TECHSEO”:

✅ Free Technical SEO Audit – Kami periksa crawling, indexing, kecepatan, mobile-friendly (nilai Rp 1.500.000)
✅ Free 30-minute Consultation – Prioritas perbaikan technical SEO untuk website Anda
✅ Diskon 20% untuk paket optimasi pertama

---

© 2026 NEORIX – Optimasi Bisnis dengan Kecerdasan Buatan