Metadata: Judul & SEO

Kenapa penting?

Judul tab browser dan tulisan yang muncul di hasil Google berasal dari metadata. Tanpa itu, situsmu tampak kosong.

Cara membuatnya

Di layout.js atau page.js, cukup export satu object bernama metadata:

export const metadata = {
  title: "KelasIT",
  description: "Belajar coding dari nol",
};

Setiap halaman boleh punya metadata sendiri, misalnya halaman Tentang berjudul "Tentang Kami".

Template judul

export const metadata = {
  title: {
    template: "%s | KelasIT",
    default: "KelasIT",
  },
};

Halaman dengan title: "Blog" akan tampil sebagai Blog | KelasIT.

Nama metadata harus persis begitu, dan hanya bisa dipakai di Server Component (tanpa "use client").