Pendahuluan

Membangun website yang indah saja tidak cukup jika tidak bisa ditemukan di Google. Ketika saya memindahkan portfolio ke domain codeamar.my.id, saya menghadapi berbagai tantangan SEO mulai dari sitemap yang gagal dibaca Google Search Console, canonical URL yang belum benar, favicon yang tidak muncul di hasil pencarian, hingga proses indexing yang membutuhkan waktu. Pada artikel ini saya akan membagikan pengalaman lengkap bagaimana mengoptimalkan website Next.js agar lebih mudah dikenali Google beserta solusi yang saya gunakan hingga website berhasil muncul di halaman pertama untuk keyword "codeamar".

Mengapa Website Tidak Langsung Muncul di Google?

Banyak developer mengira bahwa setelah website di-deploy ke Vercel maka Google akan langsung mengindeks seluruh halaman. Kenyataannya tidak demikian. Google harus melalui beberapa proses sebelum sebuah website dapat tampil di hasil pencarian, yaitu: Crawling Rendering Indexing Ranking Apabila salah satu tahapan mengalami masalah, maka website tidak akan memperoleh performa SEO yang optimal. Pada kasus website saya, beberapa masalah yang muncul antara lain: Sitemap tidak dapat dibaca Google Search Console. URL belum memiliki canonical. Domain utama belum konsisten. Google belum mengenali favicon website. Halaman belum muncul sebagai Sitelinks. Breadcrumb belum terbaca. Brand "codeamar" belum dikenali Google. Setelah dilakukan audit, ternyata sebagian besar masalah bukan berasal dari Next.js, melainkan konfigurasi SEO yang belum lengkap. Menentukan Domain Utama Salah satu kesalahan yang sering terjadi adalah menggunakan lebih dari satu domain untuk website yang sama. Misalnya website dapat diakses melalui: codeamar.my.id codeamar.vercel.app domain lain Google akan menganggap ketiga domain tersebut sebagai website yang berbeda apabila tidak diberikan canonical. Karena itu tentukan satu domain utama. Dalam kasus ini saya menggunakan: https://codeamar.my.id Seluruh metadata kemudian mengarah ke domain tersebut. Menambahkan Canonical URL Canonical memberi tahu Google bahwa seluruh halaman memiliki versi utama. Tanpa canonical, backlink dan authority dapat terbagi ke beberapa domain. Di Next.js App Router kita cukup menambahkan: alternates: { canonical: '/', } Google kemudian mengetahui bahwa seluruh halaman berasal dari domain utama. Membuat Sitemap XML Sitemap berfungsi sebagai daftar seluruh halaman yang ingin diindeks Google. Next.js App Router sudah menyediakan generator sitemap secara otomatis melalui: app/sitemap.ts Sitemap saya berisi: Home About Blog Project Contact Artikel Career beserta data dinamis dari Supabase. Robots.txt Robots.txt membantu crawler mengetahui lokasi sitemap. Contohnya: User-agent: * Allow: / Sitemap: https://codeamar.my.id/sitemap.xml Walaupun sederhana, file ini sangat penting untuk proses discovery. Google Search Console Setelah sitemap dikirim, Google Search Console sempat menampilkan pesan: Tidak dapat membaca peta situs Padahal sitemap dapat dibuka secara normal melalui browser. Setelah dilakukan pengecekan ternyata masalahnya berasal dari: slug yang masih mengandung spasi perubahan sitemap yang belum di-crawl ulang Google cache Google Search Console Setelah slug diperbaiki menjadi format URL-friendly dan dilakukan request indexing ulang, sitemap berhasil diproses. Structured Data Selain metadata biasa, saya juga menambahkan beberapa Schema.org. Di antaranya: Person WebSite SiteNavigationElement Structured Data membantu Google memahami isi website sehingga peluang muncul sebagai rich result menjadi lebih besar. Mengapa Sitelinks Belum Muncul? Salah satu pertanyaan yang sering muncul adalah mengapa halaman seperti: About Blog Project Contact belum muncul di bawah hasil pencarian. Jawabannya sederhana. Sitelinks sepenuhnya ditentukan Google. Tidak ada kode HTML atau metadata yang dapat memaksa Google menampilkan sitelinks. Yang dapat dilakukan hanyalah: membuat navigasi yang jelas menyediakan internal link menggunakan schema memperbaiki sitemap meningkatkan authority domain Favicon Tidak Langsung Muncul Walaupun favicon sudah tersedia, Google tetap dapat menampilkan ikon globe selama beberapa hari. Hal ini terjadi karena Google menyimpan cache favicon. Pastikan favicon memiliki ukuran minimal: 48×48 PNG atau ICO dapat diakses publik Kemudian tunggu proses crawling berikutnya. Ranking Brand Setelah beberapa hari optimasi, website berhasil memperoleh posisi pertama untuk keyword: codeamar Namun untuk keyword: Amar Nuruddin LinkedIn masih berada di posisi atas. Hal tersebut sangat wajar karena LinkedIn memiliki authority domain yang jauh lebih tinggi. Karena itu strategi yang lebih efektif adalah membangun brand "Codeamar" sebagai identitas utama website.

Cuplikan Kode

export const metadata: Metadata = {
  metadataBase: new URL("https://codeamar.my.id"),

  alternates: {
    canonical: "/",
  },

  robots: {
    index: true,
    follow: true,
  },

  openGraph: {
    url: "https://codeamar.my.id",
  },
}

Solusi

Beberapa langkah yang saya lakukan untuk memperbaiki SEO website adalah: Menentukan satu domain utama. Menambahkan canonical URL. Menggunakan metadata Next.js App Router. Membuat sitemap dinamis. Menambahkan robots.txt. Menggunakan Structured Data Schema.org. Memperbaiki slug agar SEO friendly. Request indexing melalui Google Search Console. Memastikan seluruh halaman mengembalikan status HTTP 200. Menunggu proses crawling Google hingga selesai.

Penjelasan

SEO bukanlah sesuatu yang selesai dalam satu hari. Walaupun seluruh konfigurasi sudah benar, Google tetap membutuhkan waktu untuk melakukan crawling, indexing, dan mengevaluasi kualitas website. Hal terpenting adalah memastikan bahwa website memiliki struktur yang baik, metadata lengkap, sitemap valid, serta hanya menggunakan satu domain utama. Setelah fondasi teknis tersebut selesai, fokus berikutnya adalah membuat konten berkualitas dan memperoleh backlink alami agar authority website terus meningkat. Pada akhirnya, SEO adalah investasi jangka panjang. Semakin konsisten memperbarui konten dan menjaga kualitas website, semakin besar peluang memperoleh ranking yang lebih baik di mesin pencari.

Tag: