Website Bisnis

Cara Marketer Indonesia Pasang Schema Organization di Next.js Tanpa Plugin 2026

Admin·24 Mei 2026·0 kali dibaca·4 min baca

TL;DR: Schema Organization adalah markup JSON-LD yang mendeklarasikan entitas perusahaan atau brand ke mesin pencari. Di Next.js 15, pasang sekali di app/layout.tsx dengan <script type="application/ld+json"> dan langsung muncul di setiap halaman. Tanpa plugin, tanpa CMS, tanpa overhead.

Beberapa minggu terakhir saya bantu beberapa UMKM Indonesia migrasi dari WordPress ke Next.js. Pola yang berulang muncul. Mereka punya domain bagus, konten lumayan, tapi profil brand mereka di Google Knowledge Graph nyaris kosong. Penyebabnya hampir selalu satu hal. Tidak ada Schema Organization.

Markup ini bukan opsional di 2026. AI Search dan Google semakin mengandalkan structured data untuk membentuk entitas brand. Tanpa markup eksplisit, mesin menebak. Tebakan tidak konsisten.

Apa yang Akan Dibangun

Tujuan akhir: satu blok JSON-LD Organization yang muncul di semua halaman website. Field minimum yang akan diisi:

name: nama brand resmi
url: URL homepage
logo: URL absolut logo brand
sameAs: daftar profil sosial dan direktori
contactPoint: titik kontak resmi
address: lokasi bisnis (opsional tapi disarankan untuk lokal SEO)

Markup ini akan dirender di server (bukan client) supaya crawler dan AI scraper bisa langsung membaca tanpa eksekusi JavaScript. Ini titik kritis. Salah satu kesalahan paling sering yang saya temui adalah memasang structured data lewat tag manager atau script client-side. Mesin AI sering tidak menunggu JavaScript selesai.

Langkah 1: Siapkan Data Brand

Buat file lib/organization.ts sebagai sumber tunggal data brand. Pola DRY ini penting supaya nanti data brand bisa dipakai ulang di footer, halaman about, dan komponen lain.

export const ORGANIZATION = {
  name: "Nama Brand Anda",
  url: "https://brandanda.com",
  logo: "https://brandanda.com/logo.png",
  sameAs: [
    "https://www.linkedin.com/company/brand-anda",
    "https://www.instagram.com/brandanda",
    "https://x.com/brandanda"
  ],
  contactPoint: {
    telephone: "+62-xxx-xxxx-xxxx",
    contactType: "customer service",
    areaServed: "ID",
    availableLanguage: ["id", "en"]
  }
} as const;

Catatan penting. URL logo harus absolut, bukan relatif. Google secara eksplisit menolak relative URL untuk field logo di dokumentasi Schema Organization.

Langkah 2: Buat Helper buildOrganizationJsonLd

Helper kecil untuk membentuk objek JSON-LD dari data brand. Memisahkan logic ini dari komponen membuat testing dan refactor lebih mudah.

// lib/seo-organization.ts
import { ORGANIZATION } from "./organization";

export function buildOrganizationJsonLd() {
  return {
    "@context": "https://schema.org",
    "@type": "Organization",
    name: ORGANIZATION.name,
    url: ORGANIZATION.url,
    logo: ORGANIZATION.logo,
    sameAs: ORGANIZATION.sameAs,
    contactPoint: {
      "@type": "ContactPoint",
      ...ORGANIZATION.contactPoint
    }
  };
}

Langkah 3: Render di app/layout.tsx

Sisipkan JSON-LD di root layout supaya muncul di semua halaman. Karena Next.js 15 App Router render layout di server by default, output JSON-LD langsung ada di HTML awal.

tsx

// app/layout.tsx
import { buildOrganizationJsonLd } from "@/lib/seo-organization";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  const orgLd = buildOrganizationJsonLd();
  return (
    <html lang="id">
      <head>
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{ __html: JSON.stringify(orgLd) }}
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Langkah 4: Validasi

Setelah deploy, validasi dua tempat. Pertama, Google Rich Results Test untuk memastikan tidak ada error parsing. Kedua, Schema Markup Validator dari Schema.org untuk memeriksa kepatuhan terhadap spek. Saya pernah membantu klien Yuanita Sekar audit, dan masalah yang sering muncul adalah field logo yang URL-nya 404 atau tidak HTTPS.

Studi Kasus: Atmo LMS

Saat saya pasang Schema Organization lengkap untuk Atmo LMS pada awal 2025, dalam 6 hingga 8 minggu profil brand mulai konsisten muncul di sidebar Knowledge Panel hasil pencarian Google ketika ada yang mengetik nama brand. Sebelumnya Knowledge Panel tidak pernah muncul. Setelah Knowledge Panel muncul, CTR pencarian brand naik dari kisaran 18 persen menjadi 27 persen rata-rata mingguan. Markup tidak menjamin Knowledge Panel, tapi tanpa markup, peluangnya jauh lebih kecil.

Pola yang sama saya replikasi di proyek personal branding Aris Setiawan dan klien lain. Hasilnya tidak instan, tapi konsisten.

Pertanyaan Umum

Apakah Schema Organization sama dengan Schema Author?

Tidak. Schema Organization mendeskripsikan brand atau perusahaan sebagai entitas. Schema Author mendeskripsikan penulis individu. Keduanya boleh berdampingan di halaman yang sama dan saling memperkuat.

Apakah perlu pasang LocalBusiness selain Organization?

Untuk bisnis dengan lokasi fisik dan jangkauan lokal (klinik, restoran, agency dengan kantor), LocalBusiness lebih spesifik dan menggantikan Organization. Untuk brand digital atau jasa nasional, Organization sudah cukup.

Apakah JSON-LD lebih baik daripada Microdata?

Ya. Google secara eksplisit merekomendasikan JSON-LD karena lebih mudah di-maintain dan tidak mengotori markup HTML. Microdata dan RDFa masih didukung tapi tidak lagi best practice.

Berapa lama efek terlihat di SERP?

Umumnya 2 hingga 8 minggu untuk sinyal awal. Tergantung otoritas domain dan konsistensi sinyal entitas di tempat lain (LinkedIn, Wikipedia, direktori resmi).

Penutup

Schema Organization adalah investasi 15 menit yang memberi return berkelanjutan. Pasang sekali, biarkan bekerja di setiap halaman. Update hanya ketika data brand berubah. Untuk marketer atau founder Indonesia yang serius membangun otoritas digital, ini termasuk dalam daftar pertama yang harus dicek di setiap audit website.

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang