Di HP Anda halamannya tampil rapi, tapi AI mungkin tidak bisa membacanya

Tampilan adalah masakan jadi, HTML asli adalah bahan yang datang pertama

Saat sebuah halaman dibuka, browser lebih dulu menerima dokumen HTML dari server. Lalu browser menjalankan JavaScript yang terhubung di dokumen itu untuk memuat harga, menempelkan ulasan, dan mengisi deskripsi produk. Yang Anda lihat di HP adalah hasil setelah semua proses itu selesai.

Banyak toko online dan situs sekarang mengisi banyak konten di langkah kedua ini. Orang tidak merasakan bedanya, karena prosesnya tidak sampai satu detik. Masalahnya ada pada pihak yang hanya membaca dokumen pertama tanpa menjalankan JavaScript. Dari sisi itu, tempat harga dan tempat ulasan terlihat kosong.

Satu halaman produk, dua wujud Contoh

Layar HP Anda Setelah JavaScript berjalan Nama produk · Rp450.000 "Bahan anti air, ukuran kabin" 128 ulasan · info pengiriman Inilah yang dilihat orang.

HTML asli yang pertama diterima Sebelum JavaScript berjalan Nama produk <div id="price"></div> kosong <div id="detail"></div> kosong Yang hanya membaca ini berhenti di sini.

Tidak semua situs seperti ini. Banyak juga situs yang mengirim kontennya di HTML sejak awal. Halaman Anda termasuk yang mana, bisa dicek lewat cek 3 menit di bawah.

Crawler AI membaca versi yang mana?

Google menjelaskan bahwa halaman JavaScript diproses dalam tiga fase: crawling, rendering, dan pengindeksan. Di fase rendering, Google Penelusuran menjalankan JavaScript dan melihat halaman yang sudah jadi. Meski begitu, dokumen yang sama tetap menyarankan server-side rendering atau pre-rendering, karena halaman jadi lebih cepat bagi pengguna maupun crawler, dan karena tidak semua bot bisa menjalankan JavaScript.

Lalu bagaimana dengan crawler AI? Pada Desember 2024, Vercel bersama MERJ memublikasikan analisis permintaan crawler di jaringannya. Hasilnya: tidak ada satu pun crawler AI utama dari OpenAI, Anthropic, Perplexity, dan lainnya yang me-render JavaScript. Crawler ChatGPT dan Claude memang mengunduh file JavaScript (masing-masing 11,50% dan 23,84% dari permintaannya), tapi tidak menjalankannya. Sebaliknya, Gemini memakai infrastruktur Googlebot sehingga bisa me-render, dan AppleBot juga me-render lewat crawler berbasis browser.

Apa yang dibawa pulang tiap crawler (analisis Vercel · MERJ, Desember 2024)

ChatGPT (OpenAI)HTML asli sajaMengunduh file JavaScript, tapi tidak menjalankannya.

Claude (Anthropic)HTML asli sajaMengunduh file JavaScript, tapi tidak menjalankannya.

PerplexityHTML asli sajaTidak me-render JavaScript.

Gemini · GoogleSampai halaman jadiMenjalankan JavaScript lewat infrastruktur Googlebot. AppleBot juga me-render.

Ini analisis publik per Desember 2024. Perilaku crawler bisa berubah, jadi bawa pulang prinsipnya, bukan potretnya: kalau konten penting ada di HTML asli, Anda aman di kedua sisi.

Rekomendasi Vercel juga searah. Render konten penting di server supaya sudah ada di HTML pertama, dan serahkan ke browser hanya bagian yang tidak wajib, seperti penghitung tayangan atau widget live chat. Harga, spesifikasi, syarat pengiriman dan penukaran yang dicek pembeli sebelum membeli jelas termasuk "konten penting".

Konten apa yang mudah hilang dari HTML asli?

Tergantung cara situsnya dibuat, tapi saat memeriksa halaman bersama, bagian yang perlu dicek biasanya itu-itu saja. Sebagian besar adalah konten yang "dimuat belakangan".

Bagian yang pertama perlu dicek di HTML asli Contoh

Nama produkBiasanya ada di HTML asli, sering juga di tag title.
Harga · varianKarena berubah sesuai stok dan diskon, sebagian situs memuatnya setelah halaman terbuka.
Deskripsi · ulasanKonten di balik "lihat selengkapnya", infinite scroll, atau widget terpisah bisa saja tidak ada di HTML asli.
Pengiriman · returKalau situs Anda memuatnya sebagai blok bersama, cek juga bagian ini.

Merah bukan berarti pasti hilang. Setiap situs berbeda, jadi membuka HTML aslinya sendiri adalah cara paling pasti.

Satu lagi. Kalau ada yang tidak ada di HTML asli, Anda tidak perlu membangun ulang situs. Mulailah dengan bertanya ke platform toko atau developer Anda: "Bisakah harga dan deskripsi produk di halaman ini keluar dari server sebagai HTML sejak awal?" Banyak yang sudah mendukungnya dengan nama server-side rendering atau pre-rendering. Tapi konten yang ada di HTML asli tetap tidak menjamin AI akan mengutip halaman Anda. Membuatnya bisa dibaca, itulah bagian yang ada di tangan kita.

Cek 3 menit yang bisa Anda coba hari ini

Di komputer, buka halaman produk yang paling ingin Anda jual. Jauh lebih mudah di PC daripada di HP.

1 menit · BukaBuka sumber halamanDi Chrome atau Edge, tekan Ctrl+U (di Mac Cmd+Option+U). HTML asli yang pertama dikirim server akan terbuka di tab baru.
1 menit · CariCari tiga kalimat pentingDengan Ctrl+F, cari angka harga, satu kalimat dari deskripsi produk, dan satu kalimat dari syarat penukaran.
1 menit · CatatTulis O atau XKetemu: O. Tidak ketemu: X. Kalau ada satu X saja, Anda sudah punya pertanyaan pertama untuk developer.

Di mana cara manual mulai tersendat

Satu halaman selesai dalam tiga menit. Tapi kalau produknya puluhan, templatnya beberapa jenis, dan Anda juga ingin tahu bagaimana kalimat di HTML asli itu benar-benar dibaca pembeli dan AI, pekerjaan yang sama harus diulang di setiap halaman. Begitu istilah developer mulai muncul, pekerjaan ini juga mudah tertunda.

Bagian itu bisa diserahkan ke AIOudit. Cukup masukkan URL halaman, dan AIOudit melihat sekaligus bagaimana pembeli dan AI membaca halaman itu, lalu menyusun apa yang sebaiknya dibenahi lebih dulu.

Namun AIOudit tidak bisa melihat daya saing harga, stok, iklan, musim, atau reputasi merek. Dan halaman mana yang dikutip, pada akhirnya ditentukan oleh masing-masing AI.

Lihat bagaimana pembeli dan AI membaca halaman Anda. Diagnosis di AIOudit.