ARZI Logo
Next.js Metadata dan OG Images: Panduan Konfigurasi
Kembali
1 min read

Next.js Metadata dan OG Images: Panduan Konfigurasi

Next.js
SEO
Metadata
Web Development

Pendahuluan

Metadata adalah informasi yang menjelaskan konten halaman web Anda. Di Next.js App Router, metadata dikonfigurasi melalui objek export di layout atau page file.

Title dan Description

Title tag penting untuk SEO dan pengalaman pengguna. Google menggunakan title untuk memahami konten halaman. Description mempengaruhi click-through rate.

Open Graph Tags

Open Graph tags menstandardisasi metadata untuk social media sharing di Facebook, Pinterest, Twitter, LinkedIn, dan platform lainnya.OG tags tidak直接影响 SEO ranking tetapi meningkatkan link clickability di platform sosial.

Structured Data dan JSON-LD

Structured data menggunakan vocabulary schema.org untuk membantu search engines memahami konten halaman. Contoh implementasi menggunakan JSON-LD untuk produk.

Kesimpulan

Konfigurasi metadata yang tepat meningkatkan SEO dan penampilan di media sosial.

Menerima proyek baru

Anda butuh solusi,
Bukan sekadar aplikasi vibe-coded.

Membangun web apps dan otomatisasi yang dibuat untuk bertahan. Mari bicara tentang apa yang Anda bangun — tanpa komitmen, tanpa deck presentasi. Hanya percakapan nyata.