12 Elemen Penting Yang Harus Dimiliki Setiap Beranda Situs Web [Infographic]
Berfungsi sebagai pintu depan virtual perusahaan Anda, laman ini bertanggung jawab untuk menarik sebagian besar lalu lintas situs web Anda. Meski begitu, meski menonjol, banyak bisnis berjuang untuk mengoptimalkannya dengan benar.
Soalnya, beranda Anda perlu memakai banyak topi. Daripada memperlakukannya seperti a halaman arahan khusus dibangun di sekitar satu tindakan tertentu, itu harus dirancang untuk melayani audiens yang berbeda, dari asal yang berbeda. Dan untuk melakukannya secara efektif, itu perlu dibangun dengan tujuan. Dengan kata lain, Anda harus memasukkan elemen yang menarik lalu lintas, mendidik pengunjung, dan mengundang konversi.
Untuk meningkatkan kinerja beranda Anda, lihat elemen-elemen ini yang harus dimiliki setiap beranda.
12 Elemen Penting Yang Harus Dimiliki Setiap Beranda Situs Web
Bagikan Gambar ini Di Situs Anda
Apa yang Harus Anda Sertakan dalam Desain Beranda Situs Web Anda
1. Judul
Dalam tiga detik, situs web perlu memberi tahu pengunjung apa yang ditawarkan bisnis. Di situlah judul Anda masuk. Mungkin hanya beberapa kata, tetapi itu adalah salah satu salinan terpenting di situs web Anda.
Banyak jenis orang mungkin mengunjungi situs web Anda, dan Anda akan kesulitan menemukan beberapa kata yang cocok untuk semua orang. Sebaliknya, tulis judul Anda untuk menargetkan sepertiga dari orang-orang yang kemungkinan besar akan senang dengan produk Anda.
Pastikan judulnya jelas dan sederhana. DropboxJudulnya adalah contoh yang bagus: “Semua yang Anda butuhkan untuk bekerja, semuanya di satu tempat.” Sederhana, namun kuat – tidak perlu memecahkan kode jargon untuk mengetahui apa yang sebenarnya dilakukan Dropbox.
2. Sub-judul
Subjudul Anda harus melengkapi tajuk dengan menawarkan deskripsi singkat tentang apa yang Anda lakukan atau apa yang Anda tawarkan. Ini dapat dilakukan secara efektif dengan memusatkan perhatian pada masalah umum yang dipecahkan oleh produk atau layanan Anda.
Berikut adalah contoh sub-judul yang bagus dari Cermin: “Bersembunyi di depan mata.” Ini mempertajam nilai jual utama gym cermin: Ini adalah gym lengkap di rumah, pelatih pribadi, dan rencana latihan, semuanya dalam kenyamanan rumah Anda tanpa menghabiskan luas ruangan yang berharga dengan peralatan.
Untuk optimalkan berita utama Anda untuk seluler, gunakan font yang lebih besar untuk memberikan pengalaman yang lebih baik kepada pengunjung. Font kecil dapat memaksa pengunjung seluler untuk mencubit dan memperbesar untuk membaca dan berinteraksi dengan konten di situs Anda. Saran kami? Gunakan opsi judul di editor halaman Anda. Judul H1 sempurna untuk judul halaman – seharusnya hanya ada satu H1 pada halaman. Subpos harus mengikuti urutan hierarki, H2, H3 … H6, dan seterusnya. Anda dapat memiliki beberapa dari tajuk ini, cukup pastikan semuanya berurutan. Misalnya, Anda tidak ingin melompat dari H1 ke H3 – pilihlah H2 sebagai gantinya.
3. Ajakan Bertindak Utama
Tujuan beranda Anda adalah untuk mendorong pengunjung menggali lebih dalam ke situs web Anda dan memindahkan mereka ke corong. Sertakan dua hingga tiga ajakan bertindak di paro atas yang mengarahkan orang ke berbagai tahap siklus pembelian – dan tempatkan mereka di tempat yang mudah ditemukan.
CTA ini harus mencolok secara visual, idealnya dalam a warna yang kontras dengan skema warna beranda Anda sekaligus tetap pas dengan desain keseluruhan. Buat salinan singkat – tidak lebih dari lima kata – dan berorientasi pada tindakan, sehingga memaksa pengunjung untuk mengklik apa pun yang Anda tawarkan. Contoh salinan CTA adalah “Daftar”, “Buat janji”, atau “Coba gratis”.
Kantor Pusat AfterschoolSitus web menampilkan dua CTA paruh atas, keduanya ditujukan bagi direktur program yang tertarik untuk mempromosikan program setelah sekolah kepada keluarga di situs. Catatan di bawah CTA yang lebih panjang “Buat Profil Gratis Anda” memberi pengunjung dorongan yang mereka butuhkan untuk membuat akun – langkah pertama untuk menjadi penyedia Afterschool HQ.
4. Gambar Pendukung
Kebanyakan orang visual. Pastikan untuk menggunakan gambar (atau bahkan video pendek) yang dengan jelas menunjukkan apa yang Anda tawarkan. Gunakan gambar yang menangkap emosi, mendorong tindakan, dan menceritakan kisah yang Anda tulis secara visual.
Untuk mengoptimalkan gambar Anda bagi pengguna seluler, gunakan gambar berkualitas tinggi dengan ukuran file yang diperkecil. (Pelanggan HubSpot tidak perlu khawatir tentang ini, karena gambar yang diunggah ke perangkat lunak HubSpot dikompresi secara otomatis. Jika tidak, alat seperti TinyPNG akan melakukan triknya.) Juga, selalu tambahkan teks alt ke gambar Anda agar lebih mudah diakses oleh pengunjung yang menggunakan pembaca layar dan meningkatkan upaya SEO Anda.
Itu 4 Rivers Smokehouse beranda adalah contoh yang bagus dari citra emosional: Ini menampilkan serangkaian video pendek, definisi tinggi, dan menggiurkan yang diputar berulang-ulang di belakang tajuk, subjudul, dan CTA utama sederhana:
5. Manfaat
Tidak hanya penting untuk mendeskripsikan apa yang Anda lakukan, tetapi mengapa apa yang Anda lakukan itu penting. Prospek ingin tahu tentang keuntungan membeli dari Anda karena itulah yang akan memaksa mereka untuk bertahan.
Jaga agar salinan tetap ringan dan mudah dibaca, dan berbicara dalam bahasa pelanggan Anda. Evernote melakukan pekerjaan yang baik dalam mencantumkan manfaat di beranda mereka dengan cara yang menarik, menyenangkan secara visual, dan mudah dipahami:
6. Bukti Sosial
Bukti sosial adalah indikator kepercayaan yang kuat. Produk atau layanan Anda bisa jadi yang terbaik di dunia, dan tidak apa-apa untuk menyatakan klaim itu – hanya saja orang mungkin tidak mempercayai Anda kecuali mereka juga mendengarnya dari orang lain. Dan itulah yang dilakukan oleh bukti sosial.
Sertakan hanya beberapa kutipan (singkat) terbaik Anda di beranda, dan tautkan ke studi kasus jika ada. Menambahkan nama dan foto memberi testimonial ini kredibilitas lebih. Pelajaran paku ini di beranda mereka dengan testimonial yang bersinar dari klien yang sebenarnya.
7. Navigasi
Desain dan konten di navigasi beranda Anda dapat menjadi pembeda antara konversi situs web dan pentalan. Untuk menurunkan rasio pentalan, beri pengunjung Anda jalur yang jelas ke halaman yang mereka butuhkan langsung dari beranda. Buat menu navigasi terlihat di bagian atas halaman, dan atur link dalam struktur hierarki.
Tidak ada yang tahu situs web Anda lebih baik daripada mereka yang membantu merancangnya, jadi pastikan untuk melakukannya melakukan tes pengguna untuk memastikan itu sederhana dan intuitif bagi pengunjung untuk menemukan apa yang mereka cari di situs Anda. Sertakan kotak pencarian jika Anda bisa. (Baca posting blog ini untuk mendapatkan tip navigasi situs web yang lebih bermanfaat.)
Berikut adalah contoh desain navigasi yang jelas dan terstruktur dengan baik Pizza Beeria dari Slim & Husky beranda:
8. Penawaran Konten
Untuk menghasilkan lebih banyak prospek dari beranda Anda, tampilkan penawaran konten yang sangat bagus, seperti whitepaper, ebook, atau panduan. Orang-orang yang mungkin belum siap membeli mungkin lebih suka mengunduh penawaran yang memberi mereka lebih banyak informasi tentang topik yang mereka minati. Jika Anda membutuhkan inspirasi, berikut adalah beberapa tipe konten berbeda untuk dipilih.
9. Ajakan Bertindak Sekunder
Sertakan CTA sekunder di beranda Anda untuk menawarkan peluang konversi tambahan bagi prospek yang tidak tertarik dengan tujuan utama Anda. Anggap saja seperti rencana darurat: Mereka menawarkan jalur lain bagi pengunjung yang belum siap untuk sesuatu yang memiliki komitmen tinggi seperti yang Anda minta.
Meskipun CTA utama Anda harus berada di paro atas, tempatkan CTA sekunder di paro bawah untuk memberi pengunjung hal-hal untuk diklik saat mereka menggulir ke bawah. Misalnya, paruh bawah di atas SpanxDi beranda, Anda akan menemukan tiga, ajakan bertindak berlabel jelas yang memberi orang-orang yang telah menggulir sejauh itu beberapa opsi lagi untuk diklik. CTA sekunder ini untuk dua jenis konversi yang berbeda: satu di paling kiri dengan diskon $ 20 dan lainnya, “belanja sekarang” untuk menjelajahi katalog online.
10. Fitur
Selain manfaat, buat daftar beberapa fitur utama Anda. Ini memberi orang lebih banyak pemahaman tentang apa yang disediakan oleh produk dan layanan Anda. Sekali lagi, pertahankan salinan ringan dan mudah dibaca. Dropbox untuk Bisnis, misalnya, tidak segan-segan memamerkan matriks fitur langsung di beranda mereka di paro bawah.
11. Sumberdaya
Sekali lagi, sebagian besar pengunjung situs web Anda belum siap untuk membeli …. Untuk orang-orang yang mencari informasi lebih lanjut, tawarkan tautan ke pusat sumber daya tempat mereka dapat menelusuri informasi yang relevan. Hal ini tidak hanya membuat mereka tetap berada di halaman web Anda lebih lama, tetapi juga membantu Anda membangun kredibilitas Anda sebagai pemimpin pemikiran dalam industri Anda.
Lovesac menambahkan tautan sumber daya ke footer paro bawah. Perhatikan bagaimana masing-masing CTA sekunder ini mencakup beberapa tahap dalam siklus pembelian: tautan kartu kredit untuk membantu pelanggan membeli furnitur dengan mudah, panduan carikan kain untuk mereka yang masih mencari warna yang sempurna sebelum melakukan pembelian, dan katalog online untuk orang-orang yang mencari furnitur baru tetapi belum siap untuk melakukan pembelian.
12. Indikator Keberhasilan
Selain kisah sukses pelanggan, penghargaan dan pengakuan juga dapat membantu menginspirasi kesan pertama yang baik. Apakah perusahaan Anda adalah restoran yang diakui secara kritis? Apakah Anda terpilih sebagai aplikasi baru terbaik tahun ini? Beri tahu pengunjung beranda tentang pencapaian Anda. Seperti bukti sosial, ini akan memberi bisnis Anda lebih banyak kredibilitas kepada mereka yang tidak mengenal Anda.
Di Calendly ‘beranda, misalnya, Anda akan menemukan nama-nama organisasi terkenal yang telah mengenalinya, seperti Gartner dan Dropbox.
Beranda yang Layak Dikunjungi
Beranda situs Anda adalah perkenalan pertama yang dimiliki setiap pengunjung ke bisnis Anda. Sebelum mereka memutuskan untuk menjadi pelanggan, mereka akan meninjau beranda Anda untuk mendapatkan gambaran tentang apa yang Anda jual, mengapa itu penting bagi mereka, dan bagaimana mereka bisa mendapatkan keuntungan dari apa yang Anda tawarkan.
Ciptakan kesan pertama yang cemerlang dengan beranda yang menggabungkan elemen-elemen yang diuraikan di atas. Dan untuk inspirasi lainnya, lihat contoh-contoh homepage yang menakjubkan dengan mengunduh lookbook gratis di bawah ini.
Catatan Editor: Posting ini awalnya diterbitkan pada Januari 2012 dan telah diperbarui untuk kesegaran, keakuratan, dan kelengkapan.
Source link
