AnabisolutionsVibe coding dan SEO dasar di Next.js: metadata, sitemap, dan rendering
Situs Next.js hasil vibe coding perlu empat hal SEO dasar: metadata unik per halaman, sitemap dan robots, konten yang dirender di server, serta data terstruktur. AI sering melewatkan semuanya kecuali diminta, sehingga halaman tampil bagus di browser tetapi lemah di mesin pencari.
Metadata dan struktur halaman
- Judul unik 50 sampai 60 karakter dan meta description 140 sampai 160 karakter.
- Satu H1 per halaman dengan hierarki heading berurutan.
- Atribut alt pada gambar bermakna dan next/image untuk ukuran tepat.
- URL bersih dan kanonik untuk menghindari duplikasi.
- Open Graph dan Twitter card untuk pratinjau tautan.
Gunakan API Metadata bawaan App Router, termasuk generateMetadata untuk halaman dinamis seperti artikel blog.
Sitemap, robots, dan rendering
Buat sitemap.xml dan robots.txt lewat berkas konvensi Next.js, dan daftarkan sitemap di Search Console. Pastikan konten utama dirender di server (SSR atau SSG), bukan hanya setelah JavaScript dijalankan di klien.
Periksa dengan melihat sumber halaman: jika teks utama tidak muncul di HTML awal, crawler dan sistem AI mungkin tidak membacanya.
Berikan instruksi SEO sejak prompt awal
Tulis di berkas aturan proyek bahwa setiap halaman baru wajib memiliki metadata dan satu H1.
Verifikasi dan pemantauan
Jalankan Lighthouse dan periksa Core Web Vitals: LCP di bawah 2,5 detik, INP di bawah 200 milidetik, CLS di bawah 0,1. Perbaiki gambar besar dan skrip pihak ketiga lebih dulu.
Pantau Search Console untuk status indeks, kueri yang membawa klik, dan halaman yang dikecualikan. Tinjau setiap bulan.
Daftar periksa SEO sebelum rilis
Gunakan daftar singkat ini untuk memeriksa setiap halaman baru sebelum dipublikasikan.
- Judul, deskripsi, dan satu H1 unik tersedia.
- Sitemap.xml dan robots.txt dapat diakses.
- Konten utama muncul di HTML awal.
- Gambar memakai alt dan ukuran yang tepat.
- Pratinjau Open Graph tampil benar saat tautan dibagikan.
Periksa kembali setelah setiap perubahan besar pada tata letak, karena prompt berikutnya bisa tanpa sengaja menghapus metadata yang sudah benar.
Kesalahan yang perlu dihindari
Kesalahan umum adalah merender konten utama hanya di klien sehingga HTML awal kosong. Kesalahan lain adalah memakai judul yang sama di seluruh halaman.
Hindari juga lupa memblokir lingkungan preview dari indeks. Halaman staging yang terindeks dapat menimbulkan konten ganda dan membingungkan mesin pencari.
Pertanyaan yang sering muncul
Ya, tanpa komitmen. Kami balas dalam 1×24 jam kerja.
Tentang Tim AnabisolutionsStudio digital dari Pekanbaru yang mengerjakan website, aplikasi, dan sistem untuk klien di Riau dan sekitarnya.
