Merancang Beranda Situs Web: Panduan dengan Lembar Kerja
Rancang beranda dengan satu penawaran jelas dan satu tindakan utama. Petakan tiga kebutuhan pengunjung ke bagian halaman, gunakan kerangka seluler, dan salin ringkasan serta daftar periksa.
Beranda harus memberi tahu pengunjung baru dalam beberapa detik tentang layanan Anda, siapa yang dituju, dan tindakan selanjutnya. Bagian lain di halaman mendukung tiga jawaban tersebut. Panduan ini membahas contoh berlabel dari praktik dokter gigi fiktif "Riverside Family Dental", dari penawaran hingga kerangka halaman dan ringkasan akhir.
1. Satu penawaran jelas dan satu tindakan utama
Tuliskan penawaran dalam satu kalimat yang mudah dipahami pelanggan: "Perawatan gigi keluarga di Riverside dengan jadwal malam." Lalu pilih satu tindakan yang paling Anda inginkan: "Buat janji temu."
- Judul utama (H1) memuat penawaran.
- Satu tombol utama memuat tindakan tersebut, lalu diulang di bagian atas dan bawah halaman.
- Tindakan sekunder (telepon, petunjuk arah) boleh ditampilkan, tetapi harus tampak sebagai pilihan kedua.
2. Petakan tiga kebutuhan pengunjung ke bagian halaman
Pikirkan tiga alasan paling umum orang membuka beranda, lalu sediakan bagian untuk masing-masing. Untuk contoh praktik ini:
| Kebutuhan pengunjung | Bagian yang menjawabnya |
|---|---|
| "Apakah mereka menyediakan layanan yang saya perlukan?" | Daftar layanan: pemeriksaan, perawatan gigi anak, keadaan darurat, pemutihan gigi |
| "Bisakah saya membuat janji pada waktu yang sesuai?" | Jam layanan dengan jadwal malam, tombol janji temu, asuransi yang diterima |
| "Bisakah saya memercayai mereka?" | Profil dokter gigi dengan kualifikasi, foto klinik sebenarnya, ulasan asli |
Jika suatu bagian tidak menjawab kebutuhan nyata, hapus atau pindahkan ke halaman lain.
3. Kerangka halaman yang mengutamakan ponsel
Kebanyakan pengunjung usaha lokal membuka beranda lewat ponsel, jadi rancang tampilan sempit terlebih dahulu:
[ Logo ] [ Pesan ]
------------------------------------------
H1: Perawatan gigi keluarga di Riverside,
dengan jadwal malam
Kalimat singkat: Pasien baru diterima. Sebagian besar asuransi diterima.
[ Buat janji temu ] Telepon (ketuk untuk menelepon)
------------------------------------------
Layanan (4 kartu singkat, masing-masing menautkan ke halamannya)
------------------------------------------
Jam + lokasi + tautan peta
------------------------------------------
Kenali dokter gigi (foto, nama, kualifikasi)
------------------------------------------
Ulasan (asli, mencantumkan nama dan sumber)
------------------------------------------
FAQ (3 hingga 5 pertanyaan yang sering diajukan)
------------------------------------------
[ Buat janji temu ] Footer: alamat, telepon, jam layananPada komputer, susunan yang sama dapat dibagi menjadi beberapa kolom; urutannya tidak perlu diubah.
4. Bukti dan rincian layanan tanpa klaim rekaan
- Gunakan rincian nyata: kualifikasi, lama usaha beroperasi, asuransi yang diterima, serta harga atau harga "mulai dari" jika tersedia.
- Terbitkan hanya ulasan yang benar-benar Anda terima, dengan format nama dan sumber yang boleh digunakan.
- Hindari klaim yang tidak dapat dibuktikan ("terbaik di kota", "#1"). Fakta spesifik lebih meyakinkan daripada kata-kata superlatif.
- Gunakan foto sendiri jika memungkinkan; foto stok orang yang tidak dikenal dapat mengurangi kepercayaan pada beranda usaha lokal.
5. Ringkasan beranda yang dapat disalin
RINGKASAN BERANDA
Usaha + lokasi:
Kalimat penawaran (H1):
Tindakan utama (teks tombol):
Tindakan sekunder:
Kebutuhan pengunjung 1 -> bagian:
Kebutuhan pengunjung 2 -> bagian:
Kebutuhan pengunjung 3 -> bagian:
Bukti yang dapat kami tunjukkan:
Gaya (dua atau tiga kata):Di We.Inc, tempelkan ringkasan ini sebagai deskripsi awal; pembuat situs akan mengubahnya menjadi desain beranda yang dapat Anda sunting dengan mengeklik bagian yang ingin diubah.
Daftar periksa sebelum dan sesudah
- Judul utama menjelaskan layanan dan lokasi Anda, bukan sekadar "Selamat datang".
- Satu tombol utama terlihat di ponsel tanpa perlu menggulir.
- Setiap bagian menjawab kebutuhan pengunjung.
- Tautan layanan menuju halaman masing-masing.
- Rincian kontak dan jam layanan ditulis sebagai teks, bukan hanya di dalam gambar.
- Judul dan deskripsi halaman sudah diatur (lihat contoh judul situs web).
- Lulus pemeriksaan penilai situs web tanpa judul bagian atau teks gambar yang hilang.
Mulai membuat situs
Pilih titik awal dari templat situs bisnis atau pelajari cara kerja pembuat situs We.Inc. Paket Free menyediakan hingga 3 situs templat dengan alamat we.inc. Fitur pembuatan AI dan domain khusus tersedia mulai dari Starter seharga $20/bulan (harga). The kalkulator biaya situs web membantu membandingkan pilihan. Untuk rincian beranda, lihat cara merancang beranda.
Mulai buat situs web usaha Anda
Pertanyaan yang sering diajukan
Apa yang perlu ada di beranda situs web?
Judul utama yang menjelaskan layanan dan sasarannya, satu tindakan utama, bagian yang menjawab alasan utama orang berkunjung (layanan, ketersediaan, kepercayaan), rincian kontak, dan tautan ke halaman lain.
Seberapa panjang sebaiknya beranda?
Cukup panjang untuk menjawab kebutuhan utama pengunjung, tidak lebih. Bagi kebanyakan usaha kecil, lima hingga delapan bagian singkat sudah cukup.
Apakah Riverside Family Dental adalah praktik nyata?
Tidak. Ini contoh fiktif, dan desain yang ditampilkan adalah contoh buatan We.Inc dari sebuah perintah.
Mulai gratis · Tanpa kartu kredit
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App