AI untuk Digital MarketingBisnis & Produk Digital

Website Ramah AI Agent Itu Apa? Temuan Studi AudioEye yang Wajib Dicek Pebisnis

Website Ramah AI Agent Itu Apa? Temuan Studi AudioEye yang Wajib Dicek Pebisnis

Website ramah AI agent adalah website yang tombol, form, gambar, dan informasinya bisa dibaca software AI. Dengan begitu, agen yang dikirim pelanggan bisa menyelesaikan tugas seperti cek harga, booking, atau checkout. Studi terbaru AudioEye menunjukkan keberhasilan agen itu sangat bergantung pada aksesibilitas kode website kamu.

Intinya:

  • AI agent membaca website lewat struktur kodenya, sehingga desain yang cantik tidak otomatis bisa dipakai agen.
  • Dalam studi AudioEye, agen menyelesaikan 96% tugas di versi website yang aksesibel dan hanya 31% di versi yang tidak aksesibel.
  • Perbaikan paling murah ada di hal dasar, yaitu teks alternatif gambar, label tombol, label form, dan info penting yang ditulis sebagai teks.

Misalnya kamu punya toko online hampers. Harga promo kamu taruh di banner gambar. Tombol beli cuma ikon keranjang tanpa tulisan. Buat manusia, halaman itu kelihatan jelas. Sekarang bayangin pelanggan menyuruh asisten AI-nya, “Cariin hampers di bawah harga sekian, terus pesenin.” Agen itu datang ke website kamu, tapi dia tidak bisa membaca harga di dalam gambar, dan tidak yakin ikon mana yang berarti “beli”. Pelanggannya tidak pernah tahu kamu punya produk yang cocok.

Apa temuan studi AudioEye soal AI agent dan website?

AudioEye, perusahaan aksesibilitas digital, merilis hasil risetnya pada 24 September 2026. Ini poin-poin yang relevan buat pebisnis:

  • Skala tes: 1.560 AI agent dari enam model komersial menjalankan 13 tugas sehari-hari di enam website. Tiap tes diulang sepuluh kali.
  • Jenis website: lima website ritel, travel, dan penjualan langsung ke konsumen, plus satu situs demonstrasi milik W3C.
  • Satu variabel: di lima website itu, yang dibedakan hanya apakah perbaikan aksesibilitas AudioEye dimuat atau tidak.
  • Hasil utama: di website dengan masalah aksesibilitas terbanyak, agen menyelesaikan 31% tugas. Di versi aksesibel dari website yang sama, angkanya 96%.
  • Semua model kena: tingkat penyelesaian turun sekitar dua pertiga untuk setiap model yang dites, termasuk model paling canggih.
  • Biaya komputasi naik: median penggunaan token naik 43%, dari 90.000 menjadi 128.000 token. Pada kasus ekstrem, sampai 6x lipat.
  • Gambar tanpa deskripsi: satu tugas butuh angka yang hanya muncul di dalam gambar tanpa teks alternatif. Keenam model mencoba masing-masing sepuluh kali, dan ke-60 percobaan itu gagal semua.

AudioEye juga menyebut hasil penilaiannya dicek ulang pakai WebJudge, evaluator open-source dari grup NLP Ohio State University, dengan tingkat kesepakatan 95%.

Website ramah AI agent itu cirinya apa saja?

Website ramah AI agent adalah website yang bisa dipahami dan dioperasikan oleh software, tanpa harus “melihat” tampilan seperti mata manusia. Atributnya bisa kamu cek satu per satu:

Baca jugaAI untuk Produktivitas & OperasionalChatGPT Bisa Analisis Data Bisnis Lewat Data Agent, Ini yang Wajib Dicek Pebisnis Kecil

  1. Gambar penting punya teks alternatif yang menjelaskan isinya.
  2. Info kunci ditulis sebagai teks, seperti harga, stok, jam buka, dan syarat promo.
  3. Tombol punya label yang jelas, termasuk tombol yang tampil sebagai ikon.
  4. Kolom form punya label, sehingga agen tahu mana kolom nama, alamat, dan nomor telepon.
  5. Struktur heading rapi, sehingga urutan informasi di halaman masuk akal.

AI agent adalah software AI yang bisa bertindak atas nama pengguna, misalnya membuka website, mengisi form, membandingkan harga, atau menyelesaikan pembelian. Agen seperti ini jadi “pengunjung jenis baru” yang perlu kamu layani.

Kenapa AI agent gagal di website yang tidak aksesibel?

Mekanismenya sebenarnya sederhana, dan justru di situ letak peluangnya.

Accessibility tree adalah peta yang dibaca agen

Accessibility tree adalah representasi struktur halaman yang dibangun browser dari kode, berisi nama, peran, dan status tiap elemen. Penjelasan teknisnya ada di dokumentasi MDN tentang accessibility tree. Menurut rilis AudioEye, AI agent membaca halaman lewat peta ini. Kalau petanya bolong, agen tidak bisa menyelesaikan tugasnya.

Alt text adalah bahasa yang dipahami mesin

Alt text adalah deskripsi teks untuk gambar yang ditulis di kode, awalnya untuk pengguna pembaca layar. W3C punya panduan resmi menulis teks alternatif gambar yang bisa langsung kamu pakai. Hasil 60 percobaan gagal tadi menunjukkan satu hal: angka yang cuma ada di gambar, bagi agen, praktis tidak ada.

Kenapa token ikut membengkak

Kalau struktur halaman tidak jelas, agen harus menebak, mencoba, lalu mengulang. Setiap putaran itu makan token. Buat pelanggan, artinya asisten AI-nya lebih lambat dan lebih sering menyerah di website kamu.

Aksesibilitas digital sendiri adalah praktik membuat website bisa dipakai semua orang, termasuk penyandang disabilitas. Standar acuannya adalah WCAG dari W3C. Temuan ini menambah satu alasan bisnis: kode yang jelas buat pembaca layar ternyata juga jelas buat AI agent.

Kenapa ini penting buat pebisnis dengan tim tipis?

Kalau timmu kecil, kamu jarang punya waktu mengurus hal yang tidak kelihatan langsung di omzet. Aksesibilitas biasanya masuk kategori itu. Studi ini mengubah hitungannya.

  • Perbaikannya murah. Menulis alt text, memberi label tombol, dan memindahkan harga dari gambar ke teks bisa dikerjakan sendiri atau oleh admin website.
  • Manfaatnya dobel. Website yang rapi strukturnya lebih mudah dipakai pengunjung manusia, pembaca layar, dan software.
  • Kamu menyiapkan jalur, belum menebak tren. Kamu tidak perlu yakin kapan pelanggan Indonesia ramai pakai agen belanja. Perbaikan dasarnya tetap berguna hari ini.

Pelanggan yang sampai mengirim agen untuk membeli biasanya sudah punya niat jelas. Mereka termasuk tipe calon pembeli yang memang layak kamu kejar. Sayang kalau mereka lepas cuma karena tombol tanpa label.

Jebakannya: kapan temuan ini TIDAK berlaku

Supaya adil, ada beberapa catatan yang perlu kamu pegang:

  • Ini riset vendor. AudioEye menjual solusi aksesibilitas yang ia uji sendiri. Angkanya layak diperhatikan, tapi perlu dibaca dengan kacamata kritis.
  • Sampelnya kecil. Enam website bukan gambaran semua website. Rilisnya juga tidak memuat tingkat penyelesaian untuk tiap website lain.
  • Konteksnya pasar Amerika. Belum ada data seberapa banyak konsumen Indonesia memakai AI agent untuk belanja.
  • Kalau kamu jualan di platform milik orang lain. Di marketplace atau aplikasi chat, struktur halaman diatur platform. Kontrolmu terbatas di judul produk, deskripsi, dan foto.
  • Kalau kamu belum punya website. Prioritasmu mungkin masih kanal lain, misalnya iklan Google lewat Business Profile tanpa website.

Langkah cek website ramah AI agent minggu ini

Kamu bisa mulai dari halaman yang paling dekat dengan uang, yaitu halaman produk, halaman harga, dan checkout.

  1. Cari info penting yang terkunci di gambar. Harga, promo, stok, ongkir. Pindahkan ke teks biasa di halaman.
  2. Cek alt text gambar produk. Tulis deskripsi singkat yang menjelaskan isi gambar, ikuti panduan W3C tadi.
  3. Periksa tombol berbentuk ikon. Pastikan tiap ikon punya label teks, seperti “Tambah ke keranjang”.
  4. Periksa label form checkout. Tiap kolom harus punya label yang jelas, jangan cuma placeholder abu-abu.
  5. Tes pakai keyboard saja. Tekan Tab dari atas halaman sampai tombol bayar. Kalau kamu tersesat, agen kemungkinan besar juga tersesat.
  6. Jalankan audit Lighthouse. Chrome punya Lighthouse yang memuat audit aksesibilitas. Kerjakan dulu temuan di halaman produk dan checkout.
  7. Coba sendiri dengan agen. Kalau asisten AI yang kamu pakai punya fitur agen browser, suruh dia mencari produk dan harga di website kamu. Catat di langkah mana dia bingung.

Website kamu sekarang punya dua jenis pengunjung: manusia yang melihat, dan software yang membaca. Yang kedua cuma bisa membeli apa yang bisa ia baca. Kalau kamu ingin memetakan prioritas website dan AI buat bisnismu secara spesifik, kamu bisa mulai dari sesi konsultasi.

Pertanyaan yang sering muncul

Apa itu website ramah AI agent?

Website ramah AI agent adalah website yang strukturnya bisa dibaca dan dioperasikan oleh software AI yang bertindak atas nama pengguna. Cirinya antara lain gambar penting punya teks alternatif, harga dan info kunci ditulis sebagai teks, tombol dan kolom form punya label jelas, serta urutan heading rapi. Dengan struktur seperti itu, agen bisa mencari produk, membandingkan harga, dan menyelesaikan pembelian tanpa harus menebak isi halaman.

Bagaimana cara AI agent membaca sebuah website?

AI agent membaca website lewat accessibility tree, yaitu peta struktur halaman yang dibangun browser dari kode. Peta ini berisi nama, peran, dan status tiap elemen, seperti tombol, link, dan kolom isian. Kalau elemen tidak punya label atau informasi hanya muncul di gambar, peta itu jadi bolong. Akibatnya agen kesulitan memahami halaman dan sering gagal menyelesaikan tugas yang diminta penggunanya.

Apakah toko online kecil perlu menyiapkan website untuk AI agent?

Toko online kecil sebaiknya mulai dari perbaikan dasar yang murah, karena manfaatnya langsung terasa juga untuk pengunjung manusia. Fokus pada halaman produk dan checkout, tulis harga sebagai teks, beri label pada tombol ikon, dan lengkapi deskripsi gambar. Langkah ini tidak butuh tim besar. Untuk toko yang hanya berjualan di marketplace, kontrolnya terbatas pada judul, deskripsi, dan foto produk.

Bagaimana cara mengecek aksesibilitas website sendiri secara gratis?

Cara paling mudah adalah menjalankan audit Lighthouse di browser Chrome, yang memuat pemeriksaan aksesibilitas halaman. Setelah itu, coba navigasi website hanya dengan tombol Tab dari atas sampai tombol bayar. Periksa juga apakah setiap gambar penting punya teks alternatif sesuai panduan W3C. Kerjakan temuan di halaman yang paling dekat dengan transaksi terlebih dulu supaya hasilnya paling berdampak.

Artikel terkait

Butuh bantuan terapkan ini ke bisnismu?

Konsultasi digital marketing & AI langsung dengan Hendra Kuang, strategi berbasis data untuk market Indonesia.

Mulai konsultasi