Website Bisnis

Cara Marketer Indonesia Pasang Topic Cluster di Next.js Tanpa CMS 2026

Vito Atmo
Vito Atmo·24 Mei 2026·0 kali dibaca·4 min baca
Cara Marketer Indonesia Pasang Topic Cluster di Next.js Tanpa CMS 2026

TL;DR: Topic Cluster adalah struktur konten yang menempatkan satu pillar page sebagai pusat dan banyak cluster page sebagai pendukung, semua terhubung dengan internal link. Di Next.js, strategi ini bisa dipasang tanpa CMS pakai satu file content map dan helper component. Hasilnya: topical authority naik, crawl efficiency membaik, dan halaman dukungan saling mengangkat peringkat di SERP.

Sebelum AI Overview ramai, peringkat Google sering dimenangkan oleh artikel tunggal yang sangat panjang. Setelah update Helpful Content 2022 dan kebangkitan AI Search, mesin menilai kedalaman topik dari ekosistem konten, bukan satu halaman. Inilah alasan Topic Cluster menjadi standar SEO modern.

Di proyek vitoatmo.com sendiri, struktur Topic Cluster dipasang dari awal tanpa CMS. Semua konten hidup di Supabase, tapi peta cluster di-handle Next.js. Hasilnya: dengan 200 halaman, topical authority di topik AEO sudah lebih tinggi dari blog dengan 800 artikel acak.

Apa Itu Topic Cluster

Topic Cluster terdiri dari tiga komponen:

KomponenPeranContoh
Pillar pageHalaman dalam yang membahas topik luasPanduan lengkap AEO
Cluster pageHalaman dalam yang membahas subtopik spesifikCara hitung AEO Confidence Score
Internal linkSetiap cluster link ke pillar, pillar link balik ke semua clusterhub-and-spoke

Strukturnya identik dengan content pillar tapi lebih teknis di implementasi. Tujuannya bukan sekadar SEO, tapi membangun Knowledge Graph internal yang mudah dipahami mesin.

Kenapa CMS Tidak Wajib

CMS tradisional seperti WordPress butuh plugin (Yoast, Rank Math) untuk mengelola hubungan cluster. Plugin ini membebani database dan sering tidak fleksibel. Di Next.js App Router, hubungan cluster bisa dideklarasikan dalam satu file TypeScript:

ts
// lib/clusters.ts
export const clusters = {
  aeo: {
    pillar: 'panduan-lengkap-aeo-2026',
    title: 'AEO (Answer Engine Optimization)',
    children: [
      'aeo-confidence-score',
      'aeo-paragraph-density-score',
      'aeo-conversational-anchor-rate'
    ]
  }
} as const

Dari sini, satu helper bisa generate breadcrumb, "related articles" widget, dan structured data BreadcrumbList otomatis. Tidak ada plugin yang perlu di-maintain.

Langkah Implementasi

Pertama, mapping konten. Identifikasi 5 sampai 10 pillar di niche bisnis Anda. Untuk vitoatmo.com pillar utama: Personal Branding, Website Bisnis, SEO, AEO, Digital Transformation. Setiap pillar minimal punya 8 cluster pendukung.

Kedua, buat file lib/clusters.ts. Deklarasikan setiap pillar dengan array slug cluster yang sudah ada di database.

Ketiga, di template artikel, baca slug halaman saat ini, cari di cluster mana ia berada, lalu render komponen RelatedInCluster yang menampilkan saudara cluster + link ke pillar. Komponen ini cukup ditulis sekali pakai prinsip Atomic Design.

Keempat, di pillar page, render daftar semua cluster anak otomatis dari config. Tidak perlu update manual saat cluster baru ditambahkan.

Kelima, generate JSON-LD BreadcrumbList dan WebPage.isPartOf dari config yang sama. Ini sinyal kuat ke Google bahwa halaman adalah bagian dari hierarki topik.

Hasil di vitoatmo.com

Sejak struktur cluster diaktifkan di proyek vitoatmo.com pada awal 2026:

MetrikSebelumSetelah 90 hari
Halaman dapat impresi GSC64173
Klik organik412/bulan1.180/bulan
Rata-rata posisi cluster18,411,7
Halaman link-equity (>3 internal links)22%71%

Internal link otomatis dari config memastikan tidak ada halaman jadi orphan. Setiap konten baru langsung terintegrasi ke ekosistem topik. Lihat juga [panduan internal linking dari Google Search Central](https://developers.google.com/search/docs/crawling-indexing/links-crawlable).

Pertanyaan Umum

Apakah cluster harus subdirectory di URL?

Tidak wajib. URL flat seperti /artikel/cluster-slug tetap bekerja jika hubungan cluster dinyatakan via internal link dan structured data. Subdirectory hanya kosmetik untuk pembaca.

Berapa cluster ideal per pillar?

Minimal 6 sampai 8. Di bawah angka itu, sinyal topical authority terlalu lemah. Di atas 20, manajemen jadi sulit dan pillar page kehilangan fokus.

Apakah perlu pakai library tertentu?

Tidak. Yang dibutuhkan hanya tipe TypeScript untuk deklarasi cluster dan satu helper untuk navigasi. Library SEO seperti next-seo membantu untuk metadata, tapi cluster logic-nya tetap manual.

Apakah Topic Cluster relevan untuk e-commerce?

Sangat. Kategori produk adalah pillar, produk individual adalah cluster. Internal link dari produk ke kategori (breadcrumb) dan kategori ke produk (listing) sudah merupakan Topic Cluster paling sederhana.

Mesin AI seperti ChatGPT memakai sinyal otoritas topik untuk memilih sumber. Domain dengan cluster rapi cenderung dipilih untuk pertanyaan dalam topik tersebut, bahkan jika artikel individual bukan yang terbaik.

Penutup

Topic Cluster adalah pendekatan struktural, bukan trik SEO. Sekali peta cluster ada di kode, semua konten baru otomatis mendapat tempat. Untuk Next.js developer yang juga marketer, ini cara paling efisien membangun authority tanpa overhead CMS. Mulai dari satu pillar dengan delapan cluster. Selebihnya akan ikut.

Bagikan

Artikel Terkait

#nextjs#topic-cluster#seo#internal-linking#topical-authority

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang