Bisakah Google dan Pencarian AI Membaca Halaman Harga yang Hanya Menggunakan JavaScript?

Bisakah Google dan Pencarian AI Membaca Halaman Harga yang Hanya Menggunakan JavaScript?

Google dapat membaca halaman harga yang hanya menggunakan JavaScript, tetapi Anda tetap harus menyertakan nama paket, harga, dan batasan utama dalam HTML awal halaman tersebut. Proses rendering Google bisa mengalami keterlambatan atau tidak lengkap, dan Google memperingatkan bahwa tidak semua bot dapat menjalankan JavaScript.

Risikonya bukanlah bahwa Google tidak dapat menjalankan JavaScript

Google menggunakan versi modern dari Chromium untuk merender JavaScript. Namun, Google memproses halaman secara bertahap: pertama-tama ia mengambil halaman tersebut, lalu merendernya, kemudian menggunakan konten yang telah dirender untuk pengindeksan. Google menyatakan bahwa sebuah halaman dapat berada dalam antrean render selama beberapa detik atau lebih lama. Jika skrip atau sumber daya halaman diblokir—atau skrip gagal memuat detail harga—Google mungkin tidak melihat konten yang Anda lihat di peramban Anda. Panduan SEO JavaScript Google dan panduan pemecahan masalah JavaScript menjelaskan batasan-batasan ini. (developers.google.com)

Hal tersebut menimbulkan risiko bisnis: halaman harga Anda mungkin terlihat lengkap bagi pengunjung tetapi memberikan cangkang kosong atau detail paket yang tidak lengkap kepada perayap. Jika harga atau batasan penggunaan tidak ada dalam versi render Google, Google menyatakan bahwa mereka tidak dapat mengindeks konten yang hilang tersebut. Fitur AI Google juga bergantung pada fondasi SEO inti yang sama, termasuk memiliki halaman yang diindeks dan konten penting yang tersedia sebagai teks. (developers.google.com)

Pencarian AI menambahkan alasan lain untuk tidak bergantung pada satu pengaturan rendering saja. Google menyatakan bahwa beberapa bot tidak dapat menjalankan JavaScript, sementara OpenAI mengidentifikasi OAI-SearchBot sebagai perayap yang digunakan untuk menampilkan situs web di Pencarian ChatGPT. Jangan berasumsi bahwa setiap sistem pencarian melihat suatu halaman dengan cara yang sama seperti peramban pelanggan. Panduan SEO JavaScript Google Dokumentasi perayap OpenAI. (developers.google.com)

Peringkat perbaikan: HTML awal adalah pemenangnya

1. Terbaik: Letakkan nama paket, harga, ketentuan penagihan, dan batasan utama di HTML awal. Halaman harus mengirimkan fakta-fakta tersebut sebelum peramban menjalankan JavaScript.
2. Kemudian: Gunakan JavaScript untuk interaksi. Biarkan JavaScript menangani hal-hal seperti tombol pengalih bulanan/tahunan atau tombol pendaftaran.
3. Jangan hanya mengandalkan pemeriksaan peramban. Melihat harga di laptop Anda membuktikan bahwa peramban Anda telah memuatnya. Hal tersebut tidak menunjukkan apa yang diterima oleh Google atau perayap lainnya.

Pendekatan ini adalah perbaikan kecil yang terfokus untuk banyak situs SaaS. Anda tidak perlu membangun ulang setiap halaman atau menambahkan markup “AI” khusus. Google menyatakan bahwa fitur AI-nya tidak memiliki persyaratan teknis tambahan atau skema khusus; panduannya adalah mengikuti dasar-dasar SEO yang sama dan membuat konten penting tersedia sebagai teks. Panduan fitur AI Google. (developers.google.com)

Halaman dengan tiga paket: risiko dalam bentuk dolar dan jam

Misalkan sebuah perusahaan SaaS dengan tiga orang karyawan memiliki situs pemasaran berisikan 30 halaman. Halaman harganya mendapatkan 120 klik organik sebulan, menurut Search Console. Halaman tersebut hanya menampilkan tiga paket setelah JavaScript berjalan:

Ini adalah contoh harga dan batasan; gunakan penawaran Anda yang sebenarnya. Intinya adalah halaman tersebut harus mengekspresikan detail tersebut dalam bentuk teks—bukan hanya menggambarkannya setelah skrip berjalan. Jika perayap melewatkan paket Tim seharga $49 atau batasan 5 kursinya, perayap tersebut mungkin tidak memahami penawaran dengan cukup baik untuk mencocokkan halaman dengan penelusuran tentang harga atau batasan tersebut. Itu adalah risiko penemuan, bukan klaim bahwa harga yang hilang menjamin hilangnya peringkat.

Berikut adalah pemeriksaan biaya sederhana. Jika satu pelanggan yang seharusnya memilih paket $49 tidak menemukan atau memahaminya, itu adalah $588 dalam pendapatan langganan selama 12 bulan. Itu adalah aritmatika, bukan prakiraan. Untuk contoh anggaran implementasi, sisihkan 30 menit bagi pendiri untuk mengonfirmasi salinan paket yang tepat dan dua jam pengembang untuk perubahan dan pemeriksaan halaman. Dengan asumsi biaya pengembang internal sebesar $100 per jam, itu adalah $200 untuk waktu.

Perbaikan ini berlaku untuk satu halaman harga, bukan ke-30 halaman. Untuk contoh ini, itu adalah tiket yang masuk akal: tempatkan penawaran sebenarnya pada respons pertama, lalu biarkan JavaScript menambahkan bagian interaktif.

Penyerahan pengembang dalam satu kalimat

Harap buat server mengirimkan nama paket, harga, ketentuan penagihan, dan batasan utama dalam respons pertama halaman, sehingga semuanya sudah ada sebelum peramban menjalankan JavaScript.

Simpan fakta yang sama di halaman yang terlihat dan HTML awal, agar pelanggan dan perayap tidak mendapatkan harga yang bertentangan.

Periksa halaman yang dirender di Google Search Console

Minggu ini, periksa URL harga di Search Console:

1. Tempel URL halaman harga lengkap ke bilah pencarian Search Console.
2. Klik Uji URL Langsung (Test live URL).
3. Klik Lihat Halaman yang Diuji (View tested page).
4. Buka tab HTML dan cari setiap nama paket, harga, periode penagihan, dan batasan utama.

Panduan bantuan Google mengonfirmasi bahwa Lihat Halaman yang Diuji menunjukkan HTML yang dirender; uji langsung juga dapat menampilkan tangkapan layar dari halaman yang dirender. Petunjuk Google untuk melihat sumber yang dirender. (support.google.com)

Jika tangkapan layar menunjukkan kartu-kartu tersebut tetapi teks pada HTML hilang, halaman tersebut memerlukan perbaikan HTML awal. Jika HTML yang dirender berisi ketiga paket dan ketentuannya, Google dapat melihat detail tersebut dalam pengujian tersebut. Ini memeriksa proses rendering Google; ini tidak memberi tahu Anda bagaimana setiap perayap AI akan menangani halaman tersebut.

Siapa yang harus melewati penerbitan harga persis: SaaS yang sengaja hanya menjual paket perusahaan dengan harga khusus. Masukkan “Harga khusus” dan jalur kontak penjualan yang jelas di HTML awal sebagai gantinya.

**Tindakan Anda selanjutnya minggu ini: jalankan Inspeksi URL pada halaman harga Anda dan cari nama paket, harga, dan batasan di HTML yang dirender.