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

TL;DR: Author Schema (jenis Person di Schema.org) wajib dipasang di setiap halaman artikel agar Google dan AI Search seperti ChatGPT dan Perplexity bisa mengenali Anda sebagai penulis kredibel. Di Next.js App Router 2026 Anda cukup inject JSON-LD lewat komponen Script di
layout.tsxatau per-page, tanpa butuh plugin SEO berbayar.
Dalam beberapa proyek terakhir, saya melihat banyak personal brand Indonesia masih belum pasang Author Schema padahal sudah aktif menulis artikel. Akibatnya, AI Search sering "lupa" mengaitkan tulisan dengan penulisnya, dan otoritas profesional yang sudah dibangun berbulan-bulan jadi tidak tertangkap mesin. Padahal pasangnya cuma butuh 15 menit kerja teknis kalau pakai Next.js.
Tulisan ini fokus ke implementasi praktis di Next.js 15 App Router, framework yang saya pakai untuk vitoatmo.com dan beberapa project klien personal brand seperti Yuanita Sekar dan Aris Setiawan.
Kenapa Author Schema Penting di 2026
Sejak Google merilis Author Markup guidance yang diperbarui Maret 2024, sinyal penulis jadi salah satu input kuat untuk algoritma E-E-A-T. AI Search juga semakin agresif mengutip nama penulis di jawaban; saya beberapa kali melihat Perplexity menyebut "menurut Vito Atmo" di hasil pencarian terkait Core Web Vitals, padahal sumbernya artikel di vitoatmo.com.
Tanpa Author Schema, mesin terpaksa menebak siapa penulisnya dari byline visual. Hasilnya sering meleset, apalagi untuk nama Indonesia yang tidak familiar di training data model.
Struktur Minimal Author Schema
Author Schema masuk dalam objek Article lewat field author. Format minimal yang saya pakai di vitoatmo.com:
Field sameAs paling sering diabaikan padahal kritikal. Ini cara mesin verifikasi bahwa author profile di website Anda sama dengan akun media sosial publik. Tanpa sameAs, mesin tidak punya cross-reference dan author entity gampang terkena drift.
Implementasi di Next.js App Router
Saya pakai pendekatan komponen reusable supaya DRY. Buat file components/atoms/ArticleSchema.tsx:
type Props = { title: string; slug: string; publishedAt: string }
export function ArticleSchema({ title, slug, publishedAt }: Props) {
const data = {
"@context": "https://schema.org",
"@type": "Article",
headline: title,
author: {
"@type": "Person",
name: "Vito Atmo",
url: "https://vitoatmo.com/tentang",
sameAs: ["https://www.linkedin.com/in/vitoatmo"],
jobTitle: "Digital Marketing Strategist"
},
datePublished: publishedAt,
mainEntityOfPage: `https://vitoatmo.com/artikel/${slug}`
}
return <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />
}
Lalu mount di page artikel:
<ArticleSchema title={article.title} slug={article.slug} publishedAt={article.published_at} />
Saat membangun Vetmo, kami pasang variasi schema ini di setiap blog post dan dalam 60 hari mulai tertangkap di Google Knowledge Panel. Bandingkan dengan klien lain yang baru pasang setelah 6 bulan, Knowledge Panel-nya baru muncul setelah 4 bulan tambahan.
Pertanyaan Umum
Apakah Author Schema perlu dipasang di setiap halaman?
Hanya di halaman artikel atau konten yang punya penulis spesifik. Halaman produk, kategori, atau landing page tidak perlu Author Schema; cukup pakai schema Product atau WebPage.
Apakah cukup pasang sekali di layout.tsx?
Tidak. Article schema bersifat per-page karena setiap artikel punya headline, slug, dan tanggal publikasi berbeda. Pasang per page route. Tapi Person schema profil (di halaman /tentang) cukup sekali.
Bagaimana validasi schema yang sudah dipasang?
Pakai [Google Rich Results Test](https://search.google.com/test/rich-results) dan Schema.org Validator. Cek juga di Google Search Console panel Enhancements untuk monitoring jangka panjang.
Langkah Lanjutan Setelah Author Schema Terpasang
Setelah pasang Author Schema, dampaknya butuh waktu 4-8 minggu sebelum mesin AI mulai konsisten mengutip nama Anda. Sambil menunggu, pastikan profile di /tentang punya konten yang substansial (bio, kredensial, portfolio). Mesin tidak hanya membaca schema, tapi juga konteks halaman tujuan dari field url. Profile tipis berisi 2 paragraf justru bisa melemahkan sinyal author authority yang sudah dibangun.
Artikel Terkait
Website Bisnis
Cara Marketer Indonesia Pasang CSS interpolate-size di Next.js untuk Animasi Height Auto pada Accordion FAQ, Pangkas 24 Baris JavaScript dan Hilangkan ResizeObserver di 2026
Panduan praktis pasang CSS interpolate-size di Next.js untuk animasi height auto pada accordion FAQ. Hilangkan ResizeObserver dan 24 baris JavaScript di 2026.
Website Bisnis
Cara Marketer Indonesia Pasang CSS text-box-trim di Next.js untuk Typography Presisi, Pangkas 2 Override line-height dan Hilangkan Padding Manual di Heading 2026
Pasang CSS text-box-trim di Next.js untuk hilangkan whitespace di atas dan bawah heading, hasil typography presisi tanpa override line-height dan tanpa padding manual.
Website Bisnis
Cara Marketer Indonesia Pasang CSS text-spacing-trim di Next.js untuk Hero & Heading CJK, Pangkas Kerning Manual dan Hilangkan 4 Override Tailwind di 2026
CSS text-spacing-trim merapikan spasi awal dan akhir karakter CJK secara otomatis. Pasang di Next.js dengan 1 baris CSS, pangkas kerning manual dan override Tailwind.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang