Empat pilar technical SEO

Empat pilar technical SEOTechnical SEOCrawlabilityIndexabilityPerformanceStructure

Pilar 1: Crawlability

Crawlability menentukan apakah Googlebot (dan crawler lain) bisa mengakses halaman website Anda. Tiga komponen utama.

robots.txt

File teks di root domain yang memberi tahu crawler mana yang boleh diakses. Sederhana, tapi sering bikin masalah besar kalau salah.

Contoh robots.txt yang benar untuk situs bisnis User-agent: * Allow: / Disallow: /admin/ Disallow: /wp-admin/ Disallow: /search? Disallow: /cart/ Disallow: /*.pdf$ Sitemap: https://yoursite.com/sitemap.xml

sitemap.xml

Peta jalan yang memberi tahu Googlebot halaman mana yang penting di situs Anda. Submit ke Google Search Console supaya Googlebot prioritaskan crawl-nya.

Struktur dasar sitemap.xml <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>https://yoursite.com/</loc> <lastmod>2026-04-23</lastmod> <priority>1.0</priority> </url> <url> <loc>https://yoursite.com/tentang/</loc> <lastmod>2026-04-01</lastmod> <priority>0.8</priority> </url> </urlset>

Internal linking

Googlebot menemukan halaman baru lewat link. Situs dengan struktur internal linking yang rapi akan dicrawl lebih merata. Struktur hub-and-spoke (halaman pilar menghubungkan ke halaman spoke yang menghubungkan balik) adalah pola yang paling rekomendasi.

Pilar 2: Indexability

Setelah crawl, halaman belum tentu masuk index. Ini kontrol indexability.

Canonical tag

Tag canonical memberi tahu Google URL mana versi asli dari halaman ini. Wajib untuk situs e-commerce yang sering punya URL duplikat karena parameter filter.

Canonical tag di <head> <link rel="canonical" href="https://yoursite.com/product/kursi-kayu/" />

Noindex directive

Untuk halaman yang perlu diakses (untuk link discovery) tapi tidak untuk index di Google. Contoh: thank-you page, search result page internal, halaman filter kategori.

Meta noindex <meta name="robots" content="noindex, follow" />

Duplicate content

Google tidak suka konten yang identik di banyak URL. Kalau halaman produk muncul di /produk/kursi, /produk/kursi/, dan /produk/kursi/?ref=facebook, Google bingung mana yang asli. Pakai canonical tag dan pastikan trailing slash konsisten.

Pilar 3: Performance (Speed)

Core Web Vitals adalah tiga metrik utama. Cross-reference ke panduan Core Web Vitals untuk detail penuh, tapi ringkasnya.

  • LCP (Largest Contentful Paint): kecepatan element terbesar tampil. Target di bawah 2.5 detik.
  • INP (Interaction to Next Paint): responsivitas terhadap interaksi user. Target di bawah 200ms.
  • CLS (Cumulative Layout Shift): stabilitas visual. Target di bawah 0.1.

Optimasi yang paling impactful: compress gambar ke WebP, lazy-load gambar below-the-fold, hosting dengan CDN (Cloudflare gratis sudah cukup), minify CSS dan JavaScript, preconnect ke domain third-party.

Preconnect untuk Google Fonts (wajib kalau pakai) <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">

Pilar 4: Structure (Schema dan Hreflang)

Schema markup (JSON-LD)

Schema memberi tahu Google jenis konten di halaman: artikel, produk, bisnis lokal, FAQ, event, dan lain-lain. Tanpa schema, Google harus "nebak" dari konten. Dengan schema, Google tahu pasti.

Schema Organization (wajib untuk setiap bisnis) <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Nama Bisnis Anda", "url": "https://yoursite.com", "logo": "https://yoursite.com/logo.png", "contactPoint": { "@type": "ContactPoint", "telephone": "+62-21-1234-5678", "contactType": "customer service" }, "sameAs": [ "https://www.linkedin.com/company/yourslug", "https://www.wikidata.org/wiki/Q1234567" ] } </script>

Untuk schema yang lebih advanced (Person, Article, FAQ, Product, BreadcrumbList), lihat panduan terpisah di Entitas Panduan Schema Organization.

Hreflang untuk multi-bahasa

Situs dengan versi bahasa ganda (misal Indonesia dan Inggris) wajib pakai hreflang. Ini memberi tahu Google halaman mana untuk pengguna bahasa mana.

Hreflang di <head> <link rel="alternate" hreflang="id" href="https://yoursite.com/id/produk/kursi/" /> <link rel="alternate" hreflang="en" href="https://yoursite.com/en/product/chair/" /> <link rel="alternate" hreflang="x-default" href="https://yoursite.com/id/produk/kursi/" />

JavaScript SEO

Bagaimana Googlebot render JavaScript1HTML requestGooglebot fetch2Initial parseBaca HTML dasar3JS executionRender JavaScript4IndexKonten final

Googlebot sekarang bisa render JavaScript, tapi dengan keterbatasan. Situs SPA (Single Page Application) seperti React, Vue, atau Angular tanpa server-side rendering (SSR) sering kesulitan ranking. Solusinya tiga opsi.

  1. Server-Side Rendering (SSR): framework seperti Next.js dan Nuxt.js render di server, kirim HTML final ke Googlebot.
  2. Static Site Generation (SSG): build-time generate semua halaman jadi HTML. Contoh: Astro, 11ty, Hugo, Jekyll.
  3. Dynamic Rendering: deteksi user-agent, kalau bot kirim pre-rendered HTML, kalau user kirim SPA biasa. Solusi kompromi.

Audit technical SEO dalam 15 menit

Checklist audit 6-langkah

  1. 1

    Cek robots.txt

    Buka yoursite.com/robots.txt. Pastikan tidak ada "Disallow: /" yang block seluruh situs.

  2. 2

    Cek sitemap.xml

    Buka yoursite.com/sitemap.xml. Pastikan ada dan terisi URL halaman-halaman penting.

  3. 3

    Cek HTTPS

    Pastikan semua URL redirect dari HTTP ke HTTPS. Cek mixed content (resource HTTP di halaman HTTPS).

  4. 4

    Cek Core Web Vitals

    Masuk PageSpeed Insights. Target LCP < 2.5s, INP < 200ms, CLS < 0.1.

  5. 5

    Cek Rich Results Test

    Paste URL ke Google Rich Results Test. Pastikan schema valid dan detected.

  6. 6

    Cek canonical dan duplikat

    View source beberapa halaman. Pastikan canonical tag ada dan menunjuk ke URL yang benar.

Kesalahan umum yang fatal

Robots.txt block semua bot secara tidak sengaja. Developer deploy staging file ke production. Seluruh situs langsung hilang dari Google dalam 2-3 hari.

Canonical tag menunjuk ke halaman lain. Copy-paste template bikin semua halaman canonical ke homepage. Google anggap seluruh situs duplikat homepage.

Hreflang tidak reciprocal. Halaman ID hreflang ke EN, tapi halaman EN tidak hreflang balik ke ID. Google abaikan hreflang-nya.

Crawl budget untuk situs besar

Googlebot tidak punya waktu tak terbatas untuk meng-crawl situs Anda. Untuk situs kecil (di bawah 1000 halaman), crawl budget bukan issue. Tapi untuk e-commerce dengan puluhan ribu produk atau media dengan ribuan artikel, crawl budget jadi krusial.

Cara optimalkan crawl budget: kurangi URL yang tidak perlu (parameter tracking, filter kategori yang tidak unik), pakai canonical untuk consolidate duplikat, setup robots.txt yang tepat untuk block path yang low-value, dan pastikan internal linking merata ke halaman penting.

Log file analysis bisa jadi sumber insight penting. Cek access log server, filter untuk user-agent Googlebot, lihat halaman mana yang sering di-crawl dan mana yang jarang. Kalau halaman penting Anda jarang dicrawl, ada masalah di struktur internal linking atau sitemap priority.

Mobile-first indexing

Sejak 2021, Google memakai mobile-first indexing secara default. Artinya Google crawl dan index versi mobile website Anda, bukan desktop. Kalau versi mobile Anda kurang konten dibanding desktop (misal karena hide section di mobile), Google akan melihat situs Anda sebagai versi mobile yang tipis.

Best practice: responsive design (satu URL untuk semua device), konten sama antara mobile dan desktop, image dan schema sama tersedia di kedua versi, font size minimum 16px di mobile, tombol minimum 44x44px untuk tap target.

Test dengan Google Mobile-Friendly Test (gratis). Masukkan URL, Google akan beritahu apakah mobile-ready atau tidak, plus daftar issue yang harus dibetulkan.

Server dan hosting

Hosting memengaruhi speed dan uptime. Untuk situs SEO-serious, pertimbangkan faktor berikut.

  • Lokasi server: target audience Indonesia? Pilih server di Singapore atau Jakarta. Latency rendah = Core Web Vitals lebih baik.
  • Uptime SLA: target 99.9 persen atau lebih. Downtime bikin Googlebot tidak bisa crawl.
  • Bandwidth dan resource: shared hosting cukup untuk situs kecil. VPS atau cloud untuk situs dengan traffic tinggi.
  • CDN: Cloudflare (gratis tier cukup), BunnyCDN, atau CloudFront. CDN cache konten statis di server terdekat user.
  • PHP version (kalau pakai WordPress atau PHP-based): minimum PHP 8.0, idealnya 8.2 atau 8.3. Versi lama lambat dan rentan security.

Tools yang wajib

Semua gratis atau punya free tier cukup untuk bisnis kecil-menengah.

  • Google Search Console: wajib. Setup hari pertama.
  • Google PageSpeed Insights: cek Core Web Vitals per halaman.
  • Google Rich Results Test: validasi schema JSON-LD.
  • Google Mobile-Friendly Test: cek responsif mobile.
  • Screaming Frog (free sampai 500 URL): crawler desktop untuk audit teknis.
  • Ahrefs Webmaster Tools: gratis untuk site owner, memberikan link profile dan content gap.

Pertanyaan Umum

Apa itu technical SEO?
Technical SEO adalah disiplin optimasi infrastruktur teknis website agar mesin pencari bisa meng-crawl, meng-index, dan merender halaman dengan benar. Mencakup robots.txt, sitemap.xml, canonical tag, schema markup, Core Web Vitals, hreflang, dan JavaScript rendering. Fondasi tak terlihat yang menentukan apakah content bagus bisa ranking.
Apakah perlu WordPress plugin untuk technical SEO?
Tidak selalu. Plugin seperti Yoast, RankMath, atau All in One SEO mempermudah, tapi bukan wajib. Banyak situs performant yang custom-built tanpa plugin. Yang matter adalah outputnya: sitemap valid, canonical benar, meta lengkap, schema valid. Plugin hanya tool untuk mencapainya.
Kapan perlu hire technical SEO specialist?
Tiga skenario. Pertama, situs besar (10rb+ halaman) dengan crawl budget issue. Kedua, migrasi platform (misal dari Shopify ke Magento atau headless). Ketiga, situs enterprise dengan banyak subdomain, multi-bahasa, dan kompleksitas rendering. Untuk situs kecil di bawah 100 halaman, biasanya owner bisa handle sendiri dengan panduan.
Apakah HTTPS wajib untuk SEO?
Ya, sudah wajib sejak 2014 Google resmi menjadikan HTTPS sebagai ranking signal. Situs HTTP (tanpa SSL) akan dapat label "Not Secure" di Chrome dan browser lain. Pakai Let's Encrypt (gratis) atau SSL bawaan hosting. Tidak ada alasan untuk masih HTTP di 2026.
Apa beda robots.txt dengan meta noindex?
Robots.txt mencegah crawler meng-akses halaman. Meta noindex memperbolehkan crawler akses tapi melarang index. Gunakan robots.txt untuk halaman yang benar-benar tidak perlu dikenal crawler (admin, staging, private files). Gunakan noindex untuk halaman yang boleh dicrawl (biasanya untuk link discovery) tapi tidak untuk index (thank-you page, search result page).

Technical SEO Anda ada blocker tersembunyi?

Audit Entitas Gratis mencakup cek robots.txt, sitemap, canonical, schema, dan Core Web Vitals dasar. Laporan tertulis dalam 5 hari kerja.

Audit Gratis