Apa Itu Tap Target? dan Seberapa Besar Pentingnya untuk SEO selular?
Senin, 10 Februari 2020
Apa itu tap target?
Tap target adalah area pada halaman web yang berinteraksi dengan pengguna untuk menjalankan perintah. Tautan, tombol, iklan, dan formulir semuanya merupakan target ketuk. Tap target harus memiliki ruang yang cukup di sekitarnya untuk ujung jari untuk memastikan pengguna dapat mengetuk item yang diinginkan tanpa sengaja memilih target tap lainnya.
Perlu diingat! ini sangat penting, bahwa situs-situs yang menggunakan target tap mengingat layar yang lebih kecil ketika membuat poin. Saat halaman web ditampilkan di ponsel, ukurannya lebih kecil, artinya semua tautan dan tombol Anda juga lebih kecil.
Apa yang mempengaruhi ukuran pada tap target?
Cara halaman situs Anda muncul di layar yang lebih kecil ditentukan oleh beberapa hal, terutama untuk halaman yang responsif. Ini termasuk ukuran font Anda, kueri media yang digunakan pada halaman dan konfigurasi viewport.
Seberapa besar tap target seharusnya?
Ukuran tap target bervariasi tergantung pada pentingnya suatu item. Untuk hal-hal seperti menu atau tombol ajakan bertindak, Google menyatakan bahwa ini harus paling tinggi / lebar 48 piksel pada CSS.
Banyak target ketuk adalah tautan dalam teks, yang dapat membuat orang berpikir mereka perlu memperbesar teks secara berlebihan. Namun, selama Anda mengikuti pedoman untuk teks yang dapat dibaca Anda harus baik-baik saja (kecuali jika Anda memiliki beberapa tautan di sebelah satu sama lain).
Google mengakui bahwa tidak semua target tap dapat atau seharusnya 48 piksel. Mereka menentukan bahwa jika tap target Anda lebih kecil dari 48 piksel, setidaknya harus ada 32 piksel di antara setiap target.
Jika Anda mendapatkan kesalahan ukuran target ketukan pada alat SEO seluler, ini biasanya karena target ketukan Anda terlalu berdekatan, dari pada target ketukan yang sebenarnya terlalu kecil.
Masalah yang ada pada daftar tap target
Situasi umum di mana target terlalu berdekatan untuk layar yang lebih kecil. Daftar yang dipesan atau tidak teratur sering ditata dengan cara yang berbeda dengan teks normal, yang berarti bahwa terkadang daftar ini memiliki ukuran yang berbeda di layar seluler. Jika Anda memiliki halaman dengan daftar, ada baiknya memeriksa masalah umum ini. Untuk memastikan ini tidak terjadi, Anda perlu membuka CSS Anda dan menentukan bagaimana perilaku daftar Anda pada layar yang lebih kecil.
Berikut ini contoh CSS untuk situasi ini:
li a {line-height: 1.8;} @ media (min-width: 60em) {li a {line-height: 1.2;}}
Bergantung pada desain Anda, CSS ini mungkin berfungsi atau tidak. Instruksi yang diberikannya adalah, ketika sebuah daftar memiliki tautan di dalamnya dan sedang dilihat di layar kecil, tinggi garis yang lebih besar harus digunakan sedangkan jika layar lebih besar maka tinggi garis yang lebih teratur harus digunakan.
Tombol / Button
Ukuran tombol didasarkan pada akal sehat lebih dari ukuran piksel yang tepat. Sebuah tombol biasanya lebih besar dari pada teks biasa di halaman web Anda dan biasanya sudah ada ruang di sekitarnya. Ini berarti bahwa jika teks dapat terbaca, tombol Anda mungkin cukup besar untuk berinteraksi dengan pengguna. Seringkali, jika sebuah tombol memiliki ruang yang cukup di sekitarnya untuk menarik perhatian, maka tombol Anda akan diturunkan secara tepat pada perangkat seluler.
Memeriksa apakah tombol cukup besar dapat dilakukan hanya dengan melihat halaman Anda dan berinteraksi dengannya sendiri. Jika tombol diperkecil dengan ukuran yang sama dengan font Anda, Anda tahu bahwa tombol Anda tidak sebanyak ajakan untuk bertindak sebagaimana mungkin dan akan lebih sulit untuk memilih dan berinteraksi dengannya.
Intinya, jika tombol Anda ditentukan dengan jelas dari teks Anda maka Anda mungkin baik-baik saja.
Viewport
Untuk memastikan target tap cukup besar di situs web responsif, Anda perlu memastikan viewport Anda dikonfigurasi dengan benar.
Advertisements
Ini adalah masalah yang sering terjadi karena tidak tersedia ruang yang cukup di sekitar iklan. Ini dapat menyebabkan pengguna salah mengklik iklan ketika mencoba untuk memilih item yang berbeda. Misalnya, jika pengguna mencoba mengklik tautan tetapi mengklik iklan secara tidak sengaja, ini buruk karena pengguna harus selalu memegang kendali dan memiliki pilihan atas apa yang mereka klik. Meskipun Anda menghasilkan uang dari klik ini, Anda memberikan pengalaman pengguna yang buruk yang harus menjadi perhatian utama Anda.
Kesalahan seperti ini di Adsense bahkan dapat membebani akun Anda. Salah, klik tidak disengaja dianggap perilaku mencurigakan dan Adsense dapat menghapus akun Anda.
Untuk mengetahui apakah blog atau web Anda sudah aman dari pengaruh tap target ini, saya sarankan untuk Anda mempelajarinya dan seberapa pentingnya untuk SEO selular.
Lalu bagaimana cara mengeceknya? Silahkan langsung saja Anda kunjungi halaman web.dev, dan mulai test situs Anda.
Selamat mengoptimalkan!
