SEO, Konten, Website, dan Otomasi

Optimasi UX dan Content Discovery TDEE Calculator SVRG.ID

Memperjelas input kalkulator dan menghubungkan hasil TDEE dengan bacaan sesuai tujuan berat badan

Border pada kolom input data sudah diperbaiki.
Klien / MerekSVRG.ID
Peran SayaSEO Specialist
PeriodeJuni - Oktober 2025
IndustriSports, Fitness & E-Commerce
WebsiteKunjungi Website

Ringkasan Metrik

Klik organik 18 Agu–28 Okt 2025 (vs 493 sebelumnya)

4,77K

Impresi organik (vs 26,4K sebelumnya)

104K

CTR halaman TDEE (vs 1,9% sebelumnya)

4,6%

Posisi rata-rata (vs 6,5 sebelumnya)

4,4

Konteks Proyek

TDEE Calculator SVRG.ID adalah halaman interaktif yang membantu pengguna menghitung perkiraan kebutuhan energi harian. Saat saya mulai bekerja sebagai SEO Specialist, halaman kalkulator ini sudah tersedia. Saya melakukan penyempurnaan pengalaman pengguna pada antarmuka input dan alur setelah hasil perhitungan ditampilkan.

Fokus perubahan saya bukan membuat rumus atau fitur kalkulator dari awal. Saya menambahkan border yang lebih jelas pada kolom form dan menampilkan rekomendasi artikel berdasarkan tujuan pengguna—menaikkan atau menurunkan berat badan—setelah nilai TDEE muncul. Dengan begitu, hasil perhitungan dapat menjadi titik awal untuk mengeksplorasi panduan terkait.

Tujuan

  • Membuat elemen input kalkulator lebih mudah dikenali dan digunakan.
  • Menyediakan langkah berikutnya yang relevan setelah pengguna mengetahui hasil perhitungan kebutuhan kalori.
  • Menghubungkan pengalaman menggunakan tools dengan artikel edukatif yang berkaitan dengan tujuan pengguna.
  • Mengevaluasi tren visibilitas pencarian halaman TDEE menggunakan data Google Search Console tanpa mengasumsikan hubungan sebab-akibat yang belum diuji.

Masalah yang Perlu Diselesaikan

Sebelum penyesuaian, batas beberapa kolom input tidak terlihat tegas pada tampilan kalkulator. Kondisi ini berpotensi mengurangi kejelasan area yang perlu diisi.

Sesudah kalkulasi, pengguna memperoleh angka BMR, TDEE, serta estimasi kalori untuk tujuan tertentu, tetapi belum melihat pilihan artikel lanjutan pada blok hasil. Saya melihat peluang untuk menghubungkan informasi numerik ini dengan panduan yang bisa dibaca sesuai tujuan pengguna.

Kondisi Awal

Screenshot sebelum perubahan memperlihatkan form dengan penekanan visual kolom yang lebih lemah serta hasil perhitungan tanpa rekomendasi artikel.

Google Search Console pada filter halaman yang memuat kata tdee menampilkan 493 klik, sekitar 26,4 ribu impresi, CTR 1,9%, dan posisi rata-rata 6,5 selama 7 Juni–17 Agustus 2025. Ini adalah periode pembanding sebelum masa kerja saya dimulai penuh, bukan hasil pengujian sebelum penerapan perubahan UI yang bertanggal pasti.

Strategi Penyelesaian

Perjelas area interaksi

Memberi batas visual pada kolom form agar pengguna lebih mudah mengenali tempat memasukkan data.

Hubungkan hasil dengan kebutuhan pengguna

Menghadirkan pilihan artikel setelah hasil TDEE ditampilkan. Topiknya disesuaikan dengan dua tujuan yang umum: menaikkan atau menurunkan berat badan.

Gunakan data untuk evaluasi

Membandingkan performa pencarian halaman melalui Google Search Console sebagai konteks hasil, sembari memisahkan temuan performa organik dari klaim dampak langsung perubahan UX.

Langkah yang Saya Kerjakan

  1. Meninjau tampilan awal. Saya mengidentifikasi input kalkulator yang perlu dibuat lebih jelas secara visual.
  2. Menambahkan border pada input. Saya mempertegas batas elemen form, termasuk input usia, berat badan, tinggi badan, dan pilihan aktivitas. Screenshot sesudah perubahan memperlihatkan outline pada kolom-kolom tersebut.
  3. Menambahkan bacaan lanjutan. Setelah hasil BMR dan TDEE tampil, saya menambahkan blok Baca Panduan berisi pilihan artikel terkait cara menaikkan atau menurunkan berat badan.
  4. Mendokumentasikan perbedaan tampilan. Saya menyimpan screenshot sebelum dan sesudah untuk membuktikan apa yang berubah.
  5. Mengevaluasi data GSC. Saya menggunakan perbandingan periode serta data bulanan untuk melihat perkembangan klik, impresi, CTR, dan posisi rata-rata. Saya tidak mengklaim kenaikan organik semata-mata akibat perubahan tersebut.

Tools yang Digunakan

Google Search Console; dokumentasi screenshot sebelum–sesudah

Hasil dan Dampak

Perubahan yang dapat dikonfirmasi secara visual adalah kolom input dengan border lebih jelas dan blok rekomendasi artikel sesudah hasil kalkulasi. Implementasi ini memberi pengguna jalur bacaan lanjutan yang relevan dengan tujuan menaikkan atau menurunkan berat badan.

Dalam screenshot Google Search Console dengan filter halaman berisi tdee, periode 18 Agustus–28 Oktober 2025 mencatat 4,77 ribu klik, 104 ribu impresi, CTR 4,6%, dan posisi rata-rata 4,4. Periode sebelumnya (7 Juni–17 Agustus 2025) mencatat 493 klik, 26,4 ribu impresi, CTR 1,9%, dan posisi rata-rata 6,5.

Batas kesimpulan: Data tersebut menggambarkan perubahan performa pencarian dalam dua jendela waktu yang berurutan, bukan uji A/B. Karena tanggal peluncuran tiap perubahan UI tidak terverifikasi dan variabel lain tidak dikendalikan, peningkatan organik tidak bisa diklaim sebagai dampak kausal dari border maupun rekomendasi artikel. Data klik pada rekomendasi artikel atau perubahan engagement pascainteraksi belum tersedia.

Perbandingan Hasil Optimasi

Kejelasan Kolom Input

Sebelum: beberapa input kurang memiliki batas visual yang tegas. Sesudah: border input lebih jelas pada form TDEE. Screenshot diambil dari bahan dokumentasi perubahan yang disediakan.

Sebelum
Kondisi TDEE sebelum perubahan
Sesudah
Border pada kolom input data sudah diperbaiki.

Hal yang Bisa Dipelajari dari Proyek Ini

  • Perbaikan UX tidak harus berarti membangun fitur baru. Membuat input lebih mudah dikenali dapat menjadi langkah praktis dalam menyempurnakan pengalaman pengguna.
  • Hasil kalkulator dapat menjadi titik awal eksplorasi konten. Rekomendasi artikel membantu menghubungkan kebutuhan informasi pengguna dengan materi yang relevan.
  • Metrik pencarian dan dampak fitur adalah hal berbeda. GSC dapat menunjukkan perkembangan traffic organik, tetapi tidak mengukur langsung apakah border meningkatkan keberhasilan pengisian atau apakah rekomendasi artikel menghasilkan klik internal.
  • Pengukuran lanjutan yang perlu disiapkan: event submit kalkulator, hasil berhasil ditampilkan, klik artikel naik/turun berat badan, dan engagement setelah hasil muncul.

Ada tantangan yang ingin Anda diskusikan?

Ceritakan kondisi website dan tujuan Anda. Kita bisa mulai dari menentukan masalah yang paling perlu ditangani.

Mulai Diskusi

Sertifikat