Alihkan perangkat seluler ke konten seluler atau desain
Selama bertahun-tahun, para ahli telah mengatakan bahwa lalu lintas ke situs web dari pengunjung di perangkat seluler telah meningkat secara dramatis. Untuk alasan ini, banyak perusahaan telah dengan cerdas mulai merangkul strategi seluler untuk kehadiran online mereka, menciptakan pengalaman yang sesuai untuk ponsel dan perangkat seluler lainnya.
Setelah Anda menghabiskan waktu mempelajari cara merancang halaman web untuk ponsel , dan menerapkan strategi Anda, Anda juga akan ingin memastikan bahwa pengunjung situs Anda dapat melihat desain tersebut. Ada banyak cara Anda dapat melakukan ini dan beberapa bekerja lebih baik daripada yang lain. Berikut ini lihat metode yang dapat Anda gunakan untuk mengimplementasikan dukungan seluler di situs web Anda - bersama dengan rekomendasi di dekat akhir untuk mengetahui metode terbaik untuk mencapai hal ini di Web hari ini!
Berikan Tautan ke Versi Situs Lain
Sejauh ini, ini adalah metode termudah untuk menangani pengguna ponsel. Daripada mengkhawatirkan apakah mereka dapat atau tidak dapat melihat halaman Anda, cukup letakkan tautan di suatu tempat di dekat bagian atas halaman yang mengarah ke versi seluler terpisah dari situs Anda. Kemudian para pembaca dapat memilih sendiri apakah mereka ingin melihat versi seluler atau melanjutkan dengan versi "normal".
Manfaat dari solusi ini adalah mudah diimplementasikan. Ini mengharuskan Anda untuk membuat versi yang dioptimalkan untuk seluler dan kemudian menambahkan tautan di suatu tempat di dekat bagian atas laman situs normal.
Kekurangannya adalah:
- Anda harus mempertahankan versi situs yang terpisah untuk pengguna seluler. Ketika situs Anda semakin besar, Anda mungkin lupa untuk mempertahankan versi kedua itu dan situs Anda dapat gagal disinkronkan.
- Apakah Anda juga membuat versi ketiga untuk tablet? Bagaimana dengan versi keempat untuk perangkat yang dapat dikenakan? Konsep versi khusus perangkat ini dapat lepas kendali dengan sangat cepat.
- Anda harus memasang tautan jelek di bagian atas halaman yang dapat dilihat oleh pembaca non-seluler (dan mungkin mengklik).
Pada akhirnya, pendekatan ini adalah pendekatan usang yang tidak mungkin menjadi bagian dari strategi seluler modern. Kadang-kadang digunakan sebagai perbaikan stop-gap sementara solusi yang lebih baik sedang dikembangkan, tetapi itu benar-benar bantuan jangka pendek pada titik ini.
Gunakan JavaScript
Dalam variasi pendekatan yang disebutkan di atas, beberapa pengembang menggunakan beberapa jenis skrip pendeteksian peramban untuk mendeteksi apakah pelanggan menggunakan perangkat seluler dan kemudian mengalihkannya ke situs seluler terpisah tersebut. Masalah dengan deteksi peramban dan perangkat seluler adalah ada ribuan perangkat seluler di luar sana. Untuk mencoba mendeteksi mereka semua dengan satu JavaScript dapat mengubah semua halaman Anda menjadi mimpi buruk unduhan - dan Anda masih tunduk pada banyak kelemahan yang sama dengan pendekatan yang disebutkan di atas.
Gunakan CSS & # 64; genggam media
Perintah CSS @media genggam sepertinya itu akan menjadi cara yang ideal untuk menampilkan gaya CSS hanya untuk perangkat genggam - seperti ponsel. Ini sepertinya solusi ideal untuk menampilkan halaman untuk perangkat seluler. Anda menulis satu halaman Web dan kemudian membuat dua lembar gaya. Yang pertama untuk jenis media "layar" menata halaman Anda untuk monitor dan layar komputer. Yang kedua untuk gaya "genggam" halaman Anda untuk perangkat kecil seperti ponsel tersebut. Kedengarannya mudah, tetapi tidak benar-benar berfungsi dalam praktik.
Keuntungan terbesar dari metode ini adalah Anda tidak perlu mempertahankan dua versi situs web Anda. Anda hanya mempertahankan yang satu, dan style sheet mendefinisikan bagaimana seharusnya terlihat - yang sebenarnya semakin mendekati solusi akhir yang kita inginkan.
Masalah dengan metode ini adalah banyak telepon tidak mendukung jenis media genggam — mereka justru menampilkan halaman mereka dengan jenis media layar. Dan banyak telepon seluler dan handheld yang lama tidak mendukung CSS sama sekali. Pada akhirnya, metode ini tidak dapat diandalkan, dan karena itu jarang digunakan untuk mengirimkan versi seluler situs web.
Gunakan PHP, JSP, ASP untuk Mendeteksi Agen-Pengguna
Ini adalah cara yang lebih baik untuk mengalihkan pengguna seluler ke versi seluler situs, karena tidak bergantung pada bahasa scripting atau CSS yang tidak digunakan oleh perangkat seluler. Sebaliknya, ia menggunakan bahasa sisi server (PHP, ASP, JSP, ColdFusion, dll.) Untuk melihat agen pengguna dan kemudian mengubah permintaan HTTP untuk menunjuk ke halaman seluler jika itu adalah perangkat seluler.
Kode PHP sederhana untuk melakukan ini akan terlihat seperti ini:
stristr ($ ua, "Windows CE") atau
stristr ($ ua, "AvantGo") atau
stristr ($ ua, "Mazingo") atau
stristr ($ ua, "Mobile") atau
stristr ($ ua, "T68") atau
stristr ($ ua, "Syncalot") atau
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
if (isset ($ DEVICE_TYPE) dan $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
tajuk ('Lokasi:'. $ lokasi);
keluar;
}
?>
Masalahnya di sini adalah bahwa ada banyak sekali agen pengguna potensial lain yang digunakan oleh perangkat seluler. Skrip ini akan menangkap dan mengarahkan banyak dari mereka tetapi tidak semuanya dengan cara apapun. Dan lebih banyak ditambahkan sepanjang waktu.
Selain itu, seperti solusi lain di atas, Anda harus tetap mempertahankan situs seluler terpisah untuk pembaca ini! Kekurangan ini harus mengelola dua situs web (atau lebih!) Adalah alasan yang cukup untuk mencari solusi yang lebih baik.
Gunakan WURFL
Jika Anda masih bertekad untuk mengalihkan pengguna ponsel Anda ke situs terpisah, maka WURFL (Wireless Universal Resource File) adalah solusi yang baik. Ini adalah file XML (dan sekarang file DB) dan berbagai pustaka DBI yang tidak hanya berisi data agen pengguna nirkabel terbaru tetapi juga fitur dan kemampuan yang didukung oleh agen pengguna.
Untuk menggunakan WURFL, Anda mengunduh file konfigurasi XML dan kemudian memilih bahasa Anda dan mengimplementasikan API di situs web Anda. Ada alat untuk menggunakan WURFL dengan Java, PHP, Perl, Ruby, Python, Net, XSLT, dan C ++.
Manfaat menggunakan WURFL adalah bahwa ada banyak orang yang memperbarui dan menambahkan ke file konfigurasi setiap saat. Jadi sementara file yang Anda gunakan sudah kedaluwarsa hampir sebelum Anda selesai mengunduhnya, kemungkinan besar jika Anda mengunduhnya sebulan sekali atau lebih, Anda akan memiliki semua peramban seluler yang biasa digunakan pembaca Anda tanpa perlu masalah. Kelemahannya, tentu saja, adalah Anda harus terus mengunduh dan memperbarui ini - semua sehingga Anda dapat mengarahkan pengguna ke situs web kedua dan kekurangan yang dibuat.
Solusi Terbaik Adalah Desain Responsif
Jadi, jika memelihara situs yang berbeda untuk perangkat yang berbeda bukanlah jawabannya, apa itu? Desain web responsif .
Desain responsif adalah tempat Anda menggunakan kueri media CSS untuk menentukan gaya untuk perangkat dengan berbagai lebar. Desain responsif memungkinkan Anda membuat satu halaman Web untuk pengguna seluler dan non-seluler. Maka Anda tidak perlu khawatir tentang konten apa yang ditampilkan di situs seluler atau jangan lupa untuk mentransfer perubahan terbaru ke situs seluler Anda. Plus, setelah Anda memiliki CSS yang ditulis, Anda tidak perlu mengunduh sesuatu yang baru.
Desain responsif mungkin tidak berfungsi dengan sempurna pada perangkat dan peramban yang sangat lama (sebagian besar penggunaannya sangat sedikit saat ini dan tidak perlu khawatir bagi Anda), tetapi karena bersifat tambahan (menambahkan gaya ke konten, alih-alih mengambil konten jauh) pembaca ini masih dapat membaca situs web Anda, itu tidak akan terlihat ideal di perangkat atau browser lama mereka.