Hari ini, kebanyakan orang pergi dalam talian melalui alat mudah alih - tablet, telefon, dalam hal ini, pengoptimuman tapak web juga mencapai tahap baharu. Jika pengguna masuk dan melihat bahawa tapak tidak dioptimumkan untuk peranti mudah alih: imej tidak boleh dilihat, butang telah dialih keluar, fon kecil dan tidak boleh dibaca, reka bentuk condong - 99 daripada 100% dia akan keluar dan mula mencari yang lain yang lebih mudah. Dan robot carian akan menandakan kotak bahawa sumber itu tidak relevan, iaitu, ia tidak sepadan dengan pertanyaan carian. Oleh itu, reka bentuk halaman mesti disesuaikan dengan pelbagai peranti mudah alih. Apakah versi mudah alih tapak, cara membuatnya, dan apakah cara terbaik untuk menggunakannya? Baca lebih lanjut dalam artikel ini.
Jadi terdapat empat cara utama untuk menjadikan tapak anda mesra mudah alih.
Kaedah Satu - Reka Bentuk Responsif
Templat responsif menukar imej tapak bergantung pada saiz skrin. Sebagai peraturan, ia ditetapkan kepada standard 1600, 1500, 1280, 1100, 1024 dan 980 piksel. Untuk pelaksanaan, Pertanyaan Media CSS3 digunakan. Reka bentuk tapak itu sendiri tidak berubah.
Kebaikan kaedah ini termasuk:
- pembangunan yang mudah,memandangkan struktur itu sendiri menyesuaikan diri dengan parameter skrin, dan sebarang kemas kini tidak memerlukan pembangunan reka bentuk dari awal, ia sudah cukup untuk mengubah suai CSS dan HTML;
- satu URL – pengguna tidak perlu mengingati beberapa nama, tidak perlu untuk ubah hala (ubah hala dari satu alamat ke alamat lain), yang boleh merumitkan kerja juruweb dan lebih mudah untuk carian enjin untuk mengisih dan menentukan kedudukan sumber dengan satu alamat.
Sudah tentu, templat penyesuaian mempunyai kelemahannya, yang sebenarnya lebih daripada kelebihan. Namun begitu, ramai pembangun mematuhi konsep ini, contohnya, Google Corporation, yang versi mudah alih tapaknya mempunyai reka bentuk penyesuaian. Jadi, keburukan:
- Reka bentuk responsif tidak menyokong tugas yang sama pada mudah alih seperti yang dilakukan pada PC. Jika ini, sebagai contoh, versi mudah alih tapak web bank, di mana maklumat tentang kadar pertukaran atau ATM terdekat lebih berkemungkinan penting kepada pengguna, maka reka bentuk ini sudah cukup. Tetapi jika ini adalah sumber berstruktur yang kompleks dengan banyak bahagian dan subseksyen, maka pelawat tidak akan menyukai reka letak penyesuaian.
- Pemuatan yang perlahan mengubah tapak kegemaran menjadi tapak yang penuh kebencian. Ini adalah benar terutamanya untuk sumber yang mempunyai banyak animasi, video, pop timbul dan elemen aktif lain. Disebabkan beratnya yang tinggi, halaman hanya akan "perlahan", pengguna akan marah dan pergi, dan kedudukan carian tapak akan jatuh.
- Ketidakupayaan untuk mematikan versi mudah alih adalah satu lagi kelemahan yang ketara. Jika beberapa elemen disembunyikan oleh susun atur sedemikian, andatiada apa yang boleh anda lakukan untuk membukanya, tidak seperti tapak yang anda boleh mematikannya dan bertukar kepada domain biasa.
Walau bagaimanapun, versi mudah alih tapak tersebut dengan pantas, tanpa kemahiran dan kos khas, membolehkan anda menyesuaikan sumber tersebut kepada mana-mana alat. Tetapi, memandangkan kekurangan yang disenaraikan, ia akan sesuai dengan sumber yang kecil dan mudah dengan maklumat dan multimedia yang minimum, tanpa navigasi dan animasi yang kompleks. Untuk tapak yang kompleks, 2 kaedah lain sesuai.
Kaedah kedua - versi berasingan tapak
Kaedah ini sangat biasa dan selalunya berjaya menjadikan tapak lebih mudah dibaca pada peranti mudah alih. Intipatinya adalah untuk mencipta versi halaman yang berasingan, dilukis untuk aplikasi dan terletak pada URL atau subdomain yang berasingan, contohnya, m.vk.com. Pada masa yang sama, fungsi utama dipelihara, reka bentuk tapak hanya kelihatan berbeza. Kelebihan kaedah ini adalah jelas:
- antara muka mesra pengguna;
- mudah diubah dan diedit kerana versi wujud secara berasingan daripada sumber utama;
- disebabkan beratnya yang rendah, versi tapak yang berasingan berfungsi lebih cepat daripada templat penyesuaian;
- paling kerap anda boleh pergi ke versi utama halaman dari mudah alih.
Tetapi terdapat beberapa kelemahan di sini juga:
- Berbilang alamat - versi desktop dan mudah alih tapak. Bagaimana untuk membuat pengguna mengingati dua pilihan? Juruweb sering menetapkan ubah hala (lencong) daripada versi desktop kepada versi mudah alih, tetapi pada masa yang sama, jika halaman ini berada dalam mudah alihversi tidak wujud, pengguna akan menerima ralat. Di sini, masalah timbul dengan enjin carian, yang mendapati sukar untuk meletakkan 2 sumber yang sama, dan ini secara langsung mempengaruhi promosi.
- Versi mudah alih tapak daripada komputer, jika pengguna melawatinya secara tidak sengaja, akan kelihatan tidak masuk akal, yang juga boleh menjejaskan trafik.
- Versi ini selalunya sangat terhad, desktop, jadi pengguna akan mendapat fungsi yang sangat terhad. Tetapi pada masa yang sama, jika ada sesuatu yang hilang, pelawat boleh pergi ke versi penuh halaman.
Secara umum, tapak mudah alih yang berasingan membenarkan dirinya sendiri dan merupakan cara paling biasa untuk menyesuaikan sumber untuk peranti mudah alih. Ia popular dengan kedai dalam talian yang besar seperti Amazon.
Cara ketiga - reka bentuk RESS
Enjin carian Google secara aktif menyokong arah reka bentuk mudah alih ini. Ini adalah kaedah yang paling kompleks, mahal tetapi berkesan untuk menyesuaikan tapak kepada telefon atau tablet. Ia dipanggil RESS. Ini menyasarkan sumber ke dalam aplikasi mudah alih yang boleh dimuat turun untuk setiap peranti secara berasingan. Untuk android - dengan GooglePlay dan untuk Apple - dengan iTunes.
Aplikasi sedemikian adalah pantas, percuma, mudah, mempunyai keupayaan untuk menampung pelbagai jenis maklumat, manakala memori telefon dan trafik Internet tidak dimakan seperti ketika melawat tapak melalui penyemak imbas. Ia mudah diakses, kerana pautan akan sentiasa berada pada skrin di tangan, dan tidak perlu memasukkan nama kompleks dalam bar alamat penyemak imbas.
Sudah tentu ada di sini dankekurangannya, seperti kerumitan dalam pembangunan, kos buruh yang tinggi sebilangan besar pengaturcara, keperluan untuk membuat beberapa pilihan susun atur. Kadangkala peranti mudah alih tidak dikenali oleh aplikasi. Sokongan teknikal yang kerap, pembetulan kekurangan adalah perlu. Walau bagaimanapun, pilihan ini dianggap yang terbaik daripada tiga yang dicadangkan kerana operasinya yang produktif dan tanpa gangguan.
Cara termurah untuk membuat tapak web mudah alih
Semua kaedah di atas melibatkan, walaupun tidak selalu panjang dan sukar, tetapi tetap bekerja berbayar juruweb. Jika anda tidak melihat keperluan mendesak untuk pembangunan sedemikian, versi mudah alih tapak yang mudah dan percuma akan sesuai dengan anda. Apakah cara paling mudah untuk membuatnya?
Muat turun templat khas (plugin) untuk reka bentuk responsif. Contohnya, Pengesan Mudah Alih WP, Pek Mudah Alih WordPress, Mudah Alih WPSmart dan lain-lain. Mereka akan membantu untuk memaparkan tapak dengan lebih betul pada telefon, manakala anda akan menerima beberapa petua tentang perkara yang perlu diperbetulkan untuk menyesuaikan halaman dengan lebih baik kepada versi mudah alih.
Sudah tentu, kaedah ini tidak sesuai untuk sumber yang serius. Sebaliknya, ciri percuma ini bertujuan untuk tapak kecil dan ringkas, blog, suapan berita. Jangan lupa bahawa enjin carian Google, serta Yandex, hari ini membuat permintaan yang serius pada versi mudah alih, jadi terdapat peluang besar untuk menurunkan kedudukan anda menggunakan kaedah ini.
Dengan kaedah ini, kemungkinan besar, iklan dan pop timbul akan dipotongsepanduk, tetapi halaman akan dimuatkan dengan cepat dan tanpa "ketinggalan".
Prinsip untuk membuat versi mudah alih
Tidak kira sama ada versi mudah alih tapak dibuat secara percuma atau dengan bantuan kakitangan juruweb, ia dibuat pada sistem RESS atau menggunakan templat penyesuaian. Paling penting, untuk operasi yang berkesan, ia perlu mematuhi beberapa prinsip yang sangat penting. Jadi, apakah versi mudah alih tapak tersebut? Bagaimana untuk menjadikannya produktif, cekap dan produktif?
Alih keluar semua yang tidak perlu
Minimalisme ialah perkara yang harus diperjuangkan oleh pembangun versi mudah alih tapak tersebut. Bayangkan betapa sukarnya untuk melihat maklumat yang penuh dengan warna, butang, sepanduk, dan yang perlu anda tatal tanpa henti untuk mencari bahan yang betul. Reka bentuk mudah alih hendaklah ringkas dan bersih. Pilih 2-3 warna untuk membahagikan ruang (contohnya, berjenama). Lebih baik jika salah satu daripada mereka berwarna putih. Bahagikan ruang skrin kecil kepada zon yang boleh difahami dan boleh dibaca. Kekunci maya harus kelihatan supaya pengguna tahu dengan jelas di mana untuk menekan dan melihat - berikut adalah produknya, berikut adalah borang untuk mengisi data, berikut ialah maklumat mengenai penghantaran dan pembayaran.
Semua pilihan tambahan yang berguna dalam versi desktop dan menjadikan kehidupan lebih mudah bagi pengguna hanya akan membawa kesukaran di sini. Tinggalkan elemen yang paling penting sahaja. Animasi, sepanduk pengiklanan, multimedia, kemungkinan besar, hanya akan melambatkan kerja tapak atau aplikasi dan mengalih perhatian daripadautama.
Penjajaran
Isu penjajaran juga tidak kurang meruncingnya, kerana jika dilakukan secara salah, pengguna hanya akan mendapat pengakhiran perkataan penting. Penjajaran dijajar kiri dan menegak diterima umum. Bayangkan diri anda menatal suapan berita pada telefon anda. Anda melakukannya dari atas ke bawah, bukan ke kiri atau kanan.
Penyatuan
Apabila tiada kemungkinan rantaian peralihan yang panjang, cuba gabungkan beberapa langkah menjadi satu. Sebagai contoh, tapak memerlukan kemasukan data dalam beberapa peringkat - nama, kemudian alamat, di mana dalam setiap sel individu terdapat rumah, jalan, apartmen, dan lain-lain yang berasingan. Agar tidak memaksa pengguna untuk cuba memukul banyak sel kecil, minta dia isikan 2 sahaja - nama dan alamat.
Dan pemutusan sambungan
Kadangkala, sebaliknya, ia diperlukan untuk memisahkan terlalu banyak maklumat. Sebagai contoh, dalam menu lungsur anda mempunyai senarai lebih daripada 80 bandar tempat penghantaran dijalankan. Kumpulkan mereka mengikut wilayah supaya pengguna tidak perlu menatal senarai besar ini. Apabila dia menuding di atas pusat wilayah atau wilayah, senarai bandar lain akan tercicir.
Penyenaraian
By the way, tentang senarai. Terdapat dua daripadanya - ditetapkan mengikut abjad atau susunan lain dan dengan penggantian. Pilihan mereka bergantung pada perkara yang akan disenaraikan.
Fixed berguna jika pengguna mengetahui dengan tepat apa yang mereka cari. Contohnya, bandar, nombor atau tarikh. Pilihan kedua sesuai untuk nama kompleks yang panjang atau untuk kes di mana terdapat banyak variasi satu dan yang samanama yang sama, dan setiap senarai juntai bawah membawa pengguna selangkah lebih dekat kepada matlamat. Pilihan penggantian automatik lebih kerap digunakan apabila pelawat memerlukan bantuan. Sebagai contoh, tapak mengait menawarkan untuk membeli jarum mengait. Pengguna memasukkan pertanyaan carian "Jarum mengait logam", dan dalam petua alat dia melihat "Jarum mengait 5 mm", "Jarum mengait 4.5 mm", dsb.
Autolengkap
Item ini sangat relevan untuk tapak yang menjual sesuatu dalam talian dan anda perlu mengisi borang standard untuk pembayaran, penghantaran, dll. Jika seseorang membuat pembelian dari telefon, kemungkinan besar dia tidak mempunyai masa untuk mendapatkan komputer, yang bermaksud proses pembelian harus dibuat secepat dan semudah mungkin.
Untuk ini, borang mungkin mengandungi data yang telah diisi, anda boleh menggunakan jawapan yang paling popular. Contohnya, masukkan tarikh hari ini, kaedah pembayaran tunai, bandar jika anda bekerja di wilayah yang sama. Ia boleh ditukar, tetapi jika anda mencapai sasaran, masa pengguna akan dijimatkan.
Semuanya dibaca, semuanya dilihat
Apabila mereka bentuk versi mudah alih tapak, ingat bahawa telefon setiap orang adalah berbeza, begitu juga dengan penglihatan mereka. Mungkin tapak anda akan dilihat dari skrin kecil, jadi fon harus ringkas dan boleh dibaca, butang harus cukup besar supaya ia boleh diklik tanpa dibawa ke halaman lain, dan imej harus dibuka secara berasingan, besar, terutamanya apabila ia datang ke Internet. kedai.
Beberapa statistik
Bercakap tentang penyesuaian tapak kepada peranti mudah alih, seseorang tidak boleh tidak menggunakan statistik untuk memahami betapa pentingnya proses ini untukpromosi dalam talian.
Nombor adalah seperti berikut. Hari ini, gajet digunakan oleh 87% penduduk, nampaknya, kecuali untuk kanak-kanak terkecil dan beberapa orang tua. Pakar ekonomi meramalkan perdagangan mudah alih akan berkembang 100 kali ganda dalam tempoh 5 tahun akan datang. Pada masa yang sama, hanya 21% tapak disesuaikan untuk berfungsi dengan peranti mudah alih. Ini bermakna hanya sebahagian kecil ke-5 trafik Internet dan pasaran e-dagang telah diduduki.
Fikirkan tentang nombor ini. Adakah masuk akal untuk menyesuaikan sumber anda? Sudah tentu YA. Selain itu, walaupun terdapat begitu banyak ruang dalam pasaran ini, anda boleh mengukir segmen anda sendiri di dalamnya.
Di mana anda memerlukan versi mudah alih
Menggunakan versi mudah alih masuk akal untuk mana-mana platform yang bertujuan untuk mendapatkan kedudukan tinggi. Lagipun, ini adalah kesan langsung kepada pengguna, mewujudkan keadaan yang selesa untuk dia kekal di tapak anda.
Tidak boleh wujud tanpa versi mudah alih:
- portal berita, kerana kebanyakannya dilihat dari telefon semasa dalam perjalanan ke tempat kerja atau sekolah;
- rangkaian sosial - atas sebab yang sama, serta terdapat faktor komunikasi dalam talian, yang bermaksud bahawa sembang yang mudah dan boleh difahami harus dibuat untuk ini;
- rujukan, tapak navigasi, dsb., tempat orang pergi apabila mereka mencari sesuatu;
- kedai dalam talian - peluang untuk menarik pelanggan yang tidak membuang masa membeli-belah, tetapi membeli segala-galanya melalui Internet mudah alih.
Bukan kesimpulan
Hari ini, teknologi mudah alih berada dalampertumbuhan dan pembangunan yang aktif, oleh itu, berusaha untuk menerajui pasaran, mana-mana syarikat mesti memastikan bahawa sumber Internetnya memenuhi keperluan. Disebabkan oleh permintaan pengguna yang semakin meningkat, tapak perlu sentiasa dinaik taraf dan disesuaikan dengan peranti yang berbeza. Adalah jelas bahawa jika seseorang tidak selesa untuk menggunakan sumber tertentu, dia tidak boleh mendapatkan maklumat tentang produk atau harga di sana, membuat pesanan, mengetahui tentang penghantaran, maka dia akan mencari tapak di mana semua ini akan menjadi mungkin. Oleh itu, untuk memenangi pertandingan, adalah penting untuk mempunyai sumber yang fleksibel, mudah, berfungsi dan menarik.
Versi mudah alih tapak web Android atau Ios akan membantu melakukan perkara ini. Untuk melakukan ini, anda perlu memilih salah satu daripada kaedah reka bentuk semula di atas - templat penyesuaian, mencipta tapak baharu pada subdomain dan mengubah hala kepadanya, menggunakan templat percuma atau mencipta aplikasi mudah alih yang akan memudahkan pengguna memasukinya. dan berada di halaman.
Pendekatan ini bukan sahaja membantu mengekalkan kesetiaan pelanggan sedia ada, tetapi juga akan memberi peluang untuk menarik pelawat baharu.
