🌍 Building SEO-Ready Bilingual Portfolio
Dari Niat Lama ke Eksekusi Nyata dengan AI Agent
Sejak portfolio pertama, kedua, sampai ketiga, aku selalu punya satu niat yang sama:
Aku pengen punya web portfolio bilingual — Indonesia dan English.
Bukan buat gaya.
Tapi karena dari awal aku sadar:
kalau mau dibaca di luar Indonesia, bahasa itu batas pertama.
Masalahnya dulu selalu sama:
➡️ ribet
➡️ kompleks
➡️ SEO + multi-language bikin mikir dua kali
Akhirnya, niat itu sering kalah sama realita.
Sampai akhirnya, AI Agent masuk ke workflow aku.
🎯 Tujuan Artikel Ini
Artikel ini bukan tutorial SEO permukaan.
Ini adalah:
-
catatan nyata
-
pengalaman langsung
-
keputusan arsitektur
-
dan pelajaran teknis
tentang bagaimana daffathan-labs akhirnya berhasil punya:
-
🌐 website bilingual (ID / EN)
-
🔍 SEO-ready
-
🤖 hampir seluruh setup-nya dibantu AI Agent
🧠 Masalah Klasik Web Portfolio Developer
Setiap mau bikin portfolio bilingual, problemnya selalu berulang:
-
routing makin kompleks
-
konten dobel
-
takut duplicate content SEO
-
sitemap makin ribet
-
maintenance dua bahasa capek
Secara jujur, effort-nya terasa tidak sebanding untuk satu orang engineer.
Makanya, project-project lama aku:
-
single language
-
fokus lokal
-
cepat selesai
🤖 Titik Balik: AI Agent Masuk ke Workflow
Begitu AI Agent mulai matang, pendekatan aku berubah total.
AI bukan cuma:
-
bantu nulis konten
-
tapi bantu mikir struktur
-
bantu generate otomatis
-
bantu validasi
-
bantu iterasi cepat
Di titik itu aku sadar:
Sekarang niat lama itu akhirnya masuk akal buat dieksekusi.
🏗️ Arsitektur Bilingual di Daffathan Labs
Struktur dasarnya sederhana tapi disiplin:
/id
/articles
/projects
/services
/en
/articles
/projects
/services
Setiap bahasa:
-
punya URL sendiri
-
bukan toggle client-side
-
bukan query parameter
-
benar-benar SEO-friendly
Ini keputusan penting.
🌐 Routing & Locale Handling
Pendekatan yang digunakan:
-
Next.js App Router
-
[locale]segment -
dictionary per bahasa
Dengan pola ini:
-
search engine paham konteks bahasa
-
user tidak bingung
-
struktur tetap konsisten
Dan yang menarik, AI Agent sangat membantu untuk menjaga konsistensi konten antar bahasa.
🔍 SEO: Lebih dari Sekadar Meta Tag
SEO di project ini bukan cuma:
-
title
-
description
Tapi end-to-end:
-
canonical URL
-
robots.txt modern
-
sitemap XML dinamis
-
struktur URL konsisten
-
parity konten antar bahasa
Yang menarik:
sitemap dan robots di-generate penuh oleh AI Agent, lalu aku audit dan koreksi.
🗺️ Sitemap Modern (Tanpa File Fisik)
Sitemap di daffathan-labs:
-
tidak ditulis manual
-
tidak berupa file statis
-
dihasilkan lewat Metadata Route
Isinya mencakup:
-
seluruh halaman ID
-
seluruh halaman EN
-
articles
-
projects
Bagi search engine, yang penting bukan bentuk filenya, tapi:
-
valid
-
bisa di-fetch
-
konsisten
🤯 Pelajaran dari Google Search Console
Satu hal penting yang aku pelajari:
Google Search Console tidak realtime.
Kadang:
-
sitemap sudah valid
-
bisa dibuka di browser
-
tapi status masih error
Itu normal.
Kesalahan terbesar justru:
-
panik
-
submit ulang berkali-kali
-
ubah struktur tanpa alasan kuat
Pendekatan yang benar: ➡️ setup dengan benar sekali, lalu biarkan Google bekerja.
🌍 Kenapa Portfolio Bilingual Itu Penting
Karena tujuanku jelas:
-
bukan cuma dibaca recruiter lokal
-
bukan cuma traffic Indonesia
-
tapi relevan secara global
Dengan bilingual:
-
artikel teknis lebih luas jangkauannya
-
project lebih mudah dipahami
-
positioning naik satu level
Ini bukan soal sok internasional.
Ini soal membuka peluang lebih besar.
🚀 Peran AI Agent di Project Ini
Secara jujur:
-
struktur bilingual → AI bantu draft
-
SEO checklist → AI bantu generate
-
sitemap logic → AI bantu susun
-
konten English → AI bantu adaptasi
Tapi tetap:
-
keputusan akhir di manusia
-
AI adalah akselerator, bukan pengganti pemahaman
🧾 Kesimpulan
Sekarang aku bisa bilang dengan yakin:
Portfolio bilingual yang SEO-ready itu bukan mimpi lagi.
Dengan:
-
arsitektur yang tepat
-
tooling modern
-
dan AI Agent di workflow
hal yang dulu terlalu ribet untuk dikerjakan sendiri,
sekarang jadi masuk akal dan scalable.
Dan daffathan-labs adalah bukti nyatanya.
📌 Website: https://daffathan-labs.my.id
📌 Eksperimen & repo lain: https://github.com/daffa09