Praktik Terbaik Slider: Yang Perlu Anda Ketahui

Diterbitkan: 2018-04-09

Jadi, Anda ingin memasang slider atau carousel di situs web Anda? Sebelum Anda melakukannya, ada banyak faktor yang harus dipertimbangkan. Penggeser yang salah tempat dan dikonfigurasi dengan buruk tidak diabaikan begitu saja; justru dapat merusak SEO dan mengganggu pengunjung.

Itu tentu tidak berarti mereka buruk, hanya saja, seperti fitur atau plugin WordPress lainnya, Anda harus memastikan untuk mengonfigurasinya dengan benar. Berikut adalah beberapa praktik terbaik yang harus diikuti saat menerapkan slider ke situs web WordPress Anda.

Jadikan Slider Anda Menyenangkan Secara Visual

Seiring dengan estetika umum, ada faktor lain yang perlu dipertimbangkan. Relevansi keseluruhan slider, lokasi pada halaman, dan bahkan urutan gambar adalah aspek visual yang penting untuk diperhitungkan.

Tetap Sederhana

Terutama jika Anda mengaktifkan putar otomatis, slide yang sederhana, efektif, dan langsung ke intinya sangatlah penting. Itu tidak hanya berlaku untuk teks; kecuali jika Anda menggunakan penggeser sebagai galeri untuk seni atau fotografi Anda, gunakan gambar yang bersih dan tidak berantakan.

Jangan Mendesainnya Seperti Iklan

Berkat iklan yang mengganggu, banyak orang mengembangkan "kebutaan spanduk" — dan penggeser yang salah tempat dan dirancang dengan buruk dapat mengalami fenomena ini. Hindari setiap tip desain yang akan diikuti pengiklan, terutama taktik yang digunakan oleh iklan yang paling menjengkelkan.

Artinya, jangan gunakan lampu yang berkedip-kedip, warna datar yang mencolok, font Impact dan sejenisnya, dan teknik pengalih perhatian lainnya. Bahkan jika korsel Anda menjual atau mempromosikan produk, korsel harus menyatu dengan situs web dan terlihat alami. Anda mungkin ingin orang melihat bilah geser Anda, tetapi taktik agresif ini menyebabkan sebaliknya.

Jadikan Slider Anda Berguna dan Relevan

Setiap slider yang Anda tempatkan harus memiliki tujuan yang jelas. Apakah itu memamerkan fotografi Anda? Mengarahkan pengguna ke bagian situs tertentu? Jelaskan tentang apa situs Anda? Mencoba untuk mempromosikan produk? Libatkan pengguna?

Dan letakkan komidi putar Anda di area yang tepat. Penempatan slider adalah salah satu faktor terpenting apakah itu akan diperhatikan atau dilupakan. Pastikan itu tidak terkubur dalam konten halaman Anda atau ditempatkan secara acak. Itu harus berada di suatu tempat yang strategis dan terlihat, seperti di bilah sisi, di dekat bagian atas halaman, atau di bawah entri blog. Bahkan footer bisa menjadi tempat yang baik untuk meletakkan slider.

Pilih Urutan Slide Anda dengan Hati-hati

Jangan pernah berasumsi bahwa pengunjung akan bertahan untuk melihat setiap slide. Pilih urutan Anda dengan sangat hati-hati. Beberapa slide pertama harus berusaha untuk melibatkan dan menarik minat pengguna, tetapi jika itu gagal, setidaknya pastikan Anda menyampaikan maksud Anda.

Namun, itu bukan alasan untuk membuat slide Anda yang lain kurang efektif. Tidak peduli slide apa yang kebetulan diklik seseorang, mereka semua harus memenuhi tujuannya: berbicara tentang perusahaan Anda, memamerkan fotografi yang hebat, dan sebagainya.

Jadikan Slider Anda Dapat Digunakan

Aturan utama slider: mereka harus mudah digunakan dan tidak mengganggu pengunjung. Ada banyak cara Anda dapat membuat carousel lebih mudah diakses, mulai dari mengoptimalkan audiens pengguna seluler yang besar hingga menyesuaikan waktu rotasi slide dengan hati-hati.

Pertimbangkan Mematikan Putar Otomatis

Gerakan dapat mengganggu atau mengganggu bagi sebagian pengguna. Di entri blog, atau di bilah sisi yang mengikuti pengguna di seluruh situs, selalu nonaktifkan putar otomatis; mengalihkan perhatian pengunjung saat mereka mencoba membaca bukanlah ide yang baik.

Namun, dalam beberapa kasus, Anda mungkin ingin carousel menjadi perhatian semua pengunjung, atau mungkin penting bahwa mereka melihat lebih dari satu slide. Saat memutuskan apakah akan mengaktifkan atau menonaktifkan putar otomatis, pertimbangkan lokasi, konten, dan maksud penggeser.

Tingkatkan Waktu Antara Rotasi

Jika putar otomatis diperlukan untuk desain Anda, pastikan slide tidak bertransisi terlalu cepat, terutama jika melibatkan teks. Ini membuat frustrasi ketika slider maju sebelum Anda siap. Optimalkan kecepatan membaca yang lambat; lebih baik korsel lambat tapi dirancang dengan baik daripada korsel yang mendorong slide sebanyak mungkin ke dalam sepuluh detik.

Optimalkan Opsi Navigasi

Tidak ada yang lebih menyebalkan daripada mengklik panah navigasi dan menampilkan slideshow pada saat itu, memaksa Anda untuk melewati slide. Menjeda saat mengarahkan kursor atau navigasi adalah fitur yang diharapkan banyak orang. Slider Soliloquy memiliki fungsi ini dan harus diaktifkan di sebagian besar carousel yang Anda buat. Jika Anda memilih untuk tetap memutar otomatis, ini perlu.

Sementara itu, korsel yang bergerak sendiri, tanpa gelembung navigasi atau tombol jeda, dapat mengganggu banyak pengguna karena mereka harus menunggu hingga seluruh siklus selesai hanya untuk menemukan satu slide itu. Pastikan untuk menambahkan kontrol navigasi ke penggeser Anda juga.

Anda juga harus mempertimbangkan kontrol navigasi ekstra besar , terutama jika Anda memiliki banyak pengguna seluler atau lansia.

Terakhir, pada carousel dengan banyak gambar, pertimbangkan untuk menyertakan thumbnail sehingga pengguna dapat dengan mudah menelusuri slide tertentu yang mereka inginkan.

Hindari Merusak SEO

Penggeser yang salah konfigurasi adalah penggeser yang tidak ramah mesin telusur. Untungnya, banyak langkah yang membuat situs web Anda dan korselnya ramah SEO juga membuatnya lebih ramah pengguna! Praktek-praktek ini adalah yang paling penting untuk diikuti.

Responsif Pertama

Jika Anda menggunakan plugin slider, kemungkinan besar Anda tidak perlu khawatir tentang daya tanggapnya. Namun, bagian ini sangat penting. Uji untuk memastikan teks dan gambar Anda terlihat bagus di semua perangkat. Sesuaikan ukuran tombol, ganti gambar buram; apa pun yang perlu Anda lakukan untuk penggeser seluler yang cantik.

Pastikan swipe diaktifkan juga. Pengguna seluler akan mengharapkan gerakan menggesek berfungsi untuk elemen seperti penggeser, dan jika ini tidak terjadi, itu dapat menyebabkan gangguan.

Desain untuk Aksesibilitas

Meskipun Anda harus mendesain seluruh situs web Anda dengan mempertimbangkan aksesibilitas, bilah geser juga harus dibuat dengan cara ini. Tidak hanya membantu orang-orang cacat berkeliling, itu cenderung meningkatkan SEO.

Beberapa contoh desain aksesibilitas yang baik termasuk mengaktifkan kontrol keyboard , menghindari pengguliran otomatis atau berhenti dalam kondisi tertentu, dan memastikan teks memiliki kontras yang cukup.

Buat Gambar Pahlawan Slider Hebat

Salah satu taktik inovatif adalah mengganti “gambar pahlawan”, atau spanduk di laman landas yang menjelaskan tentang situs web Anda, dengan penggeser animasi. Teknik ini memiliki kelebihan dan kekurangannya. Korsel bisa seefektif gambar pahlawan standar, tetapi perlu diterapkan dengan hati-hati.

Jika Anda memutuskan untuk meletakkan slider di beranda Anda, ingatlah bahwa pengunjung baru memiliki satu pertanyaan: Tentang apakah situs web ini? Setiap slide, dengan sendirinya dan tanpa konteks, harus menjawab pertanyaan ini.

Hindari Judul H1

Untuk mesin pencari, H1 bertindak sebagai judul halaman. Jadi ketika ada banyak judul, seperti di dalam slider, itu bisa membingungkan mesin pencari dan menurunkan SEO. Agar aman, hindari menggunakan ini di carousel.

Hindari Tautan Navigasi Khusus Slider

Apakah ada halaman di website Anda yang hanya bisa diakses melalui slider? Cobalah untuk menghindari ini; itu membingungkan baik untuk pengguna dan mesin pencari. Anda dapat menggunakan penggeser tautan sebagai alat navigasi, tetapi pastikan ada opsi lain.

Membuat Slider yang Efektif

Salah satu praktik terbaik yang dapat Anda ikuti setelah Anda memutuskan untuk menempatkan carousel di situs web Anda adalah dengan mempertimbangkan untuk menggunakan plugin, seperti Soliloquy. Terutama jika Anda seorang pengembang web baru, mencoba membuat slider sendiri dapat berakhir dengan bencana SEO. Sebuah plugin jauh lebih mudah untuk digunakan, dan dioptimalkan secara khusus untuk WordPress dan mesin pencari.

Sekarang setelah Anda mengetahui beberapa kiat tentang menempatkan bilah geser yang bermanfaat, berguna, dan menarik di situs web Anda, bagaimana Anda berencana menggunakannya? Kami berharap panduan ini telah membantu Anda dalam upaya desain web Anda di masa depan. Dan sementara itu, terhubung dengan kami di Twitter dan Facebook.

Simpan Simpan