Rugi Kalau Calon Tamu Butuh 30 Detik Paham Hotel Anda: Tes 5 Detik di Layar Pertama
Sebuah hotel 26 kamar di Sanur, Bali, punya website yang rapi. Bulan lalu websitenya dikunjungi 2.800 orang. Yang mengklik tombol booking: 34 orang. Yang benar-benar menyelesaikan pembayaran: 11.
Pemiliknya sempat menambah budget iklan. Hasilnya sama, cuma lebih mahal. Masalahnya bukan di jumlah pengunjung — tapi di 1 layar pertama yang mereka lihat sebelum scroll.
Layar pertama itu etalase, bukan halaman depan
Bayangkan toko di pinggir jalan. Orang lewat, melirik 3 detik. Kalau etalasenya gelap dan tidak ada harga yang terlihat, mereka jalan lagi.
Website hotel bekerja persis sama. Di HP, layar pertama hanya setinggi ~640 piksel. Di ruang sempit itu calon tamu memutuskan: lanjut scroll, atau tekan tombol back. Dan karena sekitar 70% kunjungan hotel datang dari HP, audit layar pertama artinya audit tampilan mobile — bukan tampilan laptop di kantor Anda.
Tes 5 detik: 10 menit, biaya nol
Ini cara paling murah untuk tahu apakah layar pertama hotel Anda bekerja.
- Buka website hotel Anda di HP, ambil screenshot layar pertama (tanpa scroll).
- Tunjukkan screenshot itu ke 5 orang yang bukan tamu hotel — tetangga, teman, staf dapur. Tanpa penjelasan apa pun.
- Hitung 5 detik, tutup gambarnya, lalu tanya 3 hal: Ini hotel apa dan di mana? Berapa harga termurahnya? Kalau mau pesan, harus klik apa?
Skor maksimal 15 (5 orang × 3 pertanyaan). Kalau di bawah 9, layar pertama Anda gagal — bukan karena websitenya jelek, tapi karena informasinya tidak muncul di tempat yang dibaca orang. Hotel Sanur di atas mendapat skor 4; setelah diperbaiki, 13.
5 elemen yang wajib ada di layar pertama
Ini urutan yang bekerja untuk hotel kecil Indonesia, dari pengalaman mengaudit puluhan website:
- Nama hotel + lokasi konkret. Bukan "Denpasar, Bali", tapi "Sanur, 8 menit jalan kaki ke Pantai Sindhu". Tamu menilai jarak, bukan nama kecamatan.
- Harga mulai dalam Rupiah. "Mulai Rp 650.000/malam" menghapus keraguan terbesar. Hotel yang menyembunyikan harga memaksa tamu pindah ke Traveloka — di sana harganya terlihat.
- Satu tombol utama saja. "Pesan Kamar" berwarna kontras, bukan 6 menu sekaligus. Setiap menu tambahan adalah satu alasan untuk ragu.
- Bukti sosial: bintang + jumlah ulasan. "4,7 dari 214 ulasan tamu" lebih meyakinkan daripada kata "terpercaya" — dan gratis, datanya sudah ada di Google.
- Foto asli kondisi kamar. Foto stok terlihat bagus tapi menimbulkan curiga saat tamu tiba melihat kenyataan. Satu foto kamar asli dengan cahaya alami cukup.
Kelima poin ini juga bagian dari 5 trust signal yang membuat tamu berani booking langsung.
Judul di layar pertama: contoh sebelum dan sesudah
Judul adalah 80% dari tes 5 detik. Bandingkan:
| Sebelum | Sesudah |
|---|---|
| "Selamat Datang di Website Resmi Hotel Kami" | "Kamar di Sanur, 8 Menit ke Pantai — Mulai Rp 650.000" |
| "Kenyamanan Anda Prioritas Kami" | "26 kamar, kolam renang, sarapan lokal. 4,7 dari 214 ulasan" |
| "Booking Now" (di bawah 3 banner promo) | "Cek Kamar Kosong Malam Ini" |
Aturan sederhananya: judul harus menyebut di mana, berapa, dan apa yang harus dilakukan. Kalau tiga hal itu tidak ada di layar pertama, tamu akan mencarinya di OTA — dan di sana Anda bayar komisi.
3 hal yang justru mencuri perhatian dan harus dibuang
- Slider otomatis 3-5 gambar. Orang jarang menunggu slide kedua. Ganti dengan satu foto besar yang tajam.
- Popup promo yang muncul 3 detik setelah halaman terbuka. Di HP, popup ini menutupi seluruh layar dan sering sulit ditutup. Bikin calon tamu kesal sebelum melihat kamar.
- Teks sambutan panjang dari manajemen. Tamu tidak peduli. Simpan di halaman "Tentang Kami".
Layar pertama harus muncul di bawah 3 detik
Percuma informasinya lengkap kalau baru muncul setelah 8 detik. Ukur gratis di PageSpeed Insights — lihat angka Largest Contentful Paint di bagian mobile, target di bawah 3 detik. Penyebab paling umum: foto hero 3-4 MB hasil langsung dari kamera. Kompres pakai Squoosh sampai di bawah 300 KB, simpan sebagai WebP. Detailnya ada di artikel kecepatan website hotel di HP.
Hasil setelah layar pertama diperbaiki
Kembali ke hotel 26 kamar di Sanur. Okupansi 55%, ADR Rp 650.000, sekitar 429 kamar terjual per bulan. Dua pertiga penjualan masih lewat OTA dengan komisi rata-rata 22% — sekitar Rp 40,5 juta per bulan berpindah ke OTA.
| Ukuran | Sebelum | Sesudah |
|---|---|---|
| Skor tes 5 detik | 4/15 | 13/15 |
| Klik tombol booking dari 2.800 kunjungan | 34 (1,2%) | 84 (3,0%) |
| Booking langsung selesai bayar | 11/bulan | 28/bulan |
| Tambahan pendapatan langsung | — | 17 booking × 2 malam × Rp 650.000 = Rp 22,1 juta |
| Komisi OTA yang tidak perlu dibayar | — | Rp 4,9 juta/bulan (Rp 58 juta/tahun) |
Angka di atas perkiraan dari satu kasus, bukan jaminan. Yang bisa Anda pastikan: perbaikannya gratis dan hanya butuh satu sore.
Ukur hasilnya dengan 2 angka
Jangan berhenti di perasaan "kayaknya lebih bagus". Pasang dua pengukuran:
- Klik tombol booking — buat event di Google Analytics untuk tombol utama. Angka ini menunjukkan apakah layar pertama berhasil meyakinkan.
- Rekaman sesi — pasang Microsoft Clarity gratis, tonton 10 rekaman tamu dari HP. Anda akan melihat sendiri di mana mereka berhenti scroll.
Kalau klik naik tapi pembayaran tidak, masalahnya pindah ke halaman berikutnya — biasanya ke form booking yang terlalu panjang.
Besok pagi, sebelum menyentuh iklan lagi: ambil screenshot layar pertama website Anda di HP, tunjukkan ke 5 orang, dan hitung skornya.