SEO Teknis untuk Website Marketing Next.js
Oleh Apex Horizon Digital
SEO teknis untuk website marketing Next.js adalah pekerjaan memastikan setiap halaman tujuan dapat ditemukan, diakses crawler, disajikan dengan sukses, memiliki canonical, dapat dipahami, terhubung secara internal, dan direpresentasikan akurat dalam rendered HTML. Next.js App Router menyediakan metadata API dan file convention, tetapi output benar tetap bergantung pada route data, lokalisasi, status publishing, dan perilaku deployment. Audit berguna memeriksa crawl response serta rendered source untuk setiap route family.
Ringkasan utama
- Audit route family dan rendered output, bukan hanya component source atau tampilan browser.
- Hasilkan canonical, language, metadata, schema, robots, dan sitemap dari satu content model.
- Verifikasi internal link, status code, indexability, dan deployment setelah perubahan struktural.
Audit discovery, status, dan indexability
Inventory setiap route family publik, parameter source, locale, pagination page, category, campaign variant, search result, preview, dan route terautentikasi. Untuk setiap sample URL, catat HTTP status, redirect chain, robots rule, directive robots halaman, canonical, rendered heading, dan indexable text. Persyaratan teknis Google Search menyatakan Googlebot tidak diblokir, halaman bekerja dengan response sukses, dan halaman memiliki indexable content agar eligible. Jauhkan internal search serta kombinasi filter tidak stabil dari index, sambil tetap mengizinkan crawler mengakses halaman yang memakai noindex bila tepat.
- Route indexable: response sukses, rendered content bermakna, crawl diizinkan, dan canonical disengaja.
- Route non-indexable: alasan eksplisit, noindex bila tepat, link terkontrol, dan tidak masuk sitemap.
- Route hilang: response not-found nyata, bukan soft error yang terlihat sukses.
Hasilkan canonical dan language alternate secara konsisten
Gunakan Next.js Metadata API pada layout atau page, dengan generateMetadata ketika nilai bergantung pada route data. Tetapkan canonical ke URL publik pilihan dan language alternate ke versi locale reciprocal. Metadata API App Router saat ini mendukung URL canonical dan language di field alternates. Bangun URL dari satu base terpercaya dan fungsi locale path agar metadata, internal link, sitemap, feed, serta structured data tidak drift. Verifikasi self-reference, reciprocal link, locale code benar, dan perilaku translation yang hilang. Jangan mengarahkan canonical konten lokal berbeda ke satu bahasa atau setiap halaman ke homepage.
- Audit canonical: satu absolute URL pilihan yang resolve sukses dan sesuai konten.
- Audit bahasa: alternate self dan reciprocal untuk versi tersedia serta fallback policy yang disengaja.
- Audit konsistensi: metadata, sitemap, internal link, social URL, dan structured data memakai route contract sama.
Audit metadata dan structured data di rendered HTML
Periksa title serta description unik dan deskriptif, Open Graph, Twitter, URL gambar, informasi author, tanggal publication serta update, dan setting robots khusus route. Next.js mendukung static metadata, generateMetadata, serta file-based asset seperti icon dan social image. Periksa HTML final karena nested layout menggabungkan metadata dan component valid masih dapat menghasilkan public result salah. Tambahkan JSON-LD yang sesuai visible content dan schema type eligible, lalu validasi syntax serta property wajib. Jangan menambah rating, harga, author, tanggal, atau klaim bisnis yang tidak terlihat dan didukung halaman.
- Audit metadata: title, description, canonical, language alternate, social field, image, date, dan robots.
- Audit schema: type, identity, URL, visible field, date, urutan breadcrumb, dan serialisasi JSON aman.
- Audit rendered: satu nilai diharapkan per field tanpa default lama, tag konflik, atau absolute URL rusak.
Audit internal link, robots, dan sitemap
Crawl rendered site dan bangun graph halaman indexable serta standard anchor link. Setiap halaman penting harus dapat dicapai dari navigation, category, service, atau konteks artikel relevan, bukan hanya client-side event atau site search. Periksa anchor text dan status destination. Next.js menyediakan file convention robots dan sitemap, termasuk generation sitemap programmatic serta language alternate. Hasilkan entry sitemap hanya untuk halaman canonical publik dan gunakan last-modified bermakna yang terkait perubahan konten. Referensikan sitemap dari output robots, tetapi ingat sitemap mendukung discovery dan tidak menggantikan internal link atau menjamin indexing.
- Audit link: source, destination, anchor, locale, follow behavior, response, redirect, dan orphan status.
- Audit robots: public rule, private path diblokir, URL sitemap, response deployed, dan perbedaan environment.
- Audit sitemap: canonical URL, locale alternate, last modification, kelengkapan route, dan tanpa entry privat atau noindex.
Verifikasi deployment dan masukkan SEO ke release check
Jalankan audit terhadap output production-like dan ulangi setelah deployment. Ambil sample setiap route family di tiap locale, bandingkan server response dengan rendered DOM, fetch robots serta sitemap, validasi structured data, dan periksa social image. Konfirmasi redirect, status code, canonical host, HTTPS, header, content, link, dan navigasi yang tidak bergantung pada form. Tambahkan automated test untuk content parity, URL generation, metadata, entry sitemap, field schema, dan orphan link, lalu gabungkan dengan crawl nyata berkala karena konfigurasi deployment dapat berbeda dari asumsi source. Review bukti indexing serta query Search Console tanpa menganggap indexing pasti.
- Build check: route generation, content status, nilai metadata, serialisasi schema, dan contract sitemap.
- Production check: status, redirect, host, rendered source, social image, robots, sitemap, dan crawl graph.
- Operating check: indexing report, crawl issue, broken link, stale content, locale parity, dan release ownership.