Telah dikatakan bahwa, seperti seluruh situs web atau toko online, itu harus dioptimalkan untuk memuat di ponsel cerdas. Omong-omong, dalam artikel “”, tidak hanya algoritma untuk meluncurkan toko yang diberikan, tetapi juga 5 pelajaran diberikan dengan template toko yang disesuaikan, dan semuanya gratis. Artikel “” akan membantu Anda mengatur penjualan dengan cepat. Dengan menggunakan dua manual dan pelajaran ini, Anda dapat memulai proyek dengan baik.

19. Buat halaman arahan yang dioptimalkan untuk perangkat seluler.

Menurut eMarketer, akan ada 1,75 miliar pengguna ponsel cerdas di seluruh dunia pada tahun 2015, dan jumlah tersebut akan meningkat secara eksponensial pada tahun 2015 saja. Sebagai pemilik bisnis atau pemasar, Anda tidak bisa mengabaikan pengguna seluler yang mengunjungi halaman arahan Anda.

Saat ini, begitu banyak penekanan ditempatkan pada halaman arahan untuk memanfaatkan sepenuhnya browser (versi desktop), dan pengalaman seluler seringkali biasa-biasa saja. Namun seiring bertambahnya jumlah pengguna ponsel pintar, hal ini akan berubah.

Kembangkan halaman arahan yang hanya adaptif

Tidak ada keraguan bahwa laman landas Anda harus dioptimalkan untuk perangkat seluler. Artinya, laman landas harus mudah dibaca oleh pengguna seluler. Dan pengguna dapat dengan mudah mengisi formulir atau menekan tombol di layar mereka tanpa mencubit atau memperbesar. Dan halaman tersebut akan dimuat lebih cepat di perangkat seluler. Jika halaman dimuat sekitar 3 detik (dihitung dalam mil detik), kemungkinan besar klien tidak akan menunggu dan akan meninggalkan halaman landing. Ini akan dianggap sebagai kegagalan, tingkat kegagalan dalam faktor perilaku sangat penting untuk keseluruhan situs dan semakin banyak kegagalan, semakin buruk peringkat seluruh situs.

Namun meningkatnya adopsi ponsel pintar juga menantang apa yang terbaik untuk sebuah halaman arahan. Misalnya, hanya karena laman landas Anda dapat dilihat di ponsel cerdas, bukan berarti laman tersebut akan dikonversi. Ajakan bertindak mungkin “di layar pertama” di laptop, tetapi apa yang terjadi di layar seluler yang lebih kecil? Jika sebagian besar pengunjung melihat laman landas Anda di perangkat seluler, inilah saatnya memikirkan kembali pendekatan Anda dan mulai dengan layar seluler terlebih dahulu. Artinya, laman landas harus disesuaikan terutama untuk perangkat seluler, dan kedua, untuk komputer desktop dan laptop.

Kesimpulan:

— Pantau beban staf penjualan Anda;

- Gunakan gambar dan video bagus yang dioptimalkan;

Publikasi berikutnya dari buku ini adalah Landing Page Testing.

Anda mungkin tertarik pada:

Sampai saat ini, setiap perusahaan direkomendasikan untuk memiliki situs web sendiri. Sekarang tidak hanya disarankan, tetapi wajib untuk memiliki situs web yang disesuaikan untuk perangkat seluler. Volume lalu lintas dari mereka melebihi volume lalu lintas dari komputer desktop, sehingga penyesuaian terhadap realitas teknis saat ini tampaknya bukan sekadar keinginan atau keunggulan kompetitif kecil. Sekarang ini adalah suatu keharusan, karena kalau tidak, perjuangan ini bisa hilang dengan aman. Pada artikel ini kami akan memberi tahu Anda bagaimana Anda dapat mengadaptasi halaman arahan untuk perangkat seluler agar lebih mudah dan nyaman bagi pengunjung.

Tingkatkan kecepatan unduh

Ini adalah parameter kunci, karena jika situs dibuka lebih dari lima detik, kemungkinan pengguna tidak ingin menunggu meningkat berkali-kali lipat. Ada berbagai layanan untuk situs ini. Selain itu, Google Analytics juga dapat membantu. Data yang diperlukan dapat dilihat di laporan, di mana widget telah dikonfigurasi sebelumnya "Waktu Muat Halaman":

Apa yang dapat Anda lakukan untuk meningkatkan kecepatan:

• Hapus sampah dari kode;
• Kurangi jumlah skrip pihak ketiga;
• Hapus pengalihan;

Anda dapat membaca lebih lanjut tentang meningkatkan kecepatan membuka halaman.

Pelajari perangkat pengguna

Keduanya memiliki laporan tentang perangkat yang digunakan untuk mengakses situs Anda, serta tentang ekstensi apa yang dipasang di sana. Setelah menganalisis opsi yang paling populer, Anda dapat bereksperimen dengan ukuran situs dan melihat bagaimana respons audiens target Anda.

Lokasi tombol utama

Saat mendesain situs web, pikirkan betapa nyamannya seseorang berinteraksi dengan elemen aktif. Ini bukan komputer yang semuanya dikontrol dengan mouse, di sini Anda perlu mengklik dengan jari Anda, dan jika letak tombolnya tidak nyaman, maka tombol tersebut tidak akan ditekan.

Peta panas berikut paling mencerminkan gerakan jari di layar. Ini menunjukkan area yang ditekan oleh ibu jari kanan dan bagaimana perubahannya seiring dengan bertambahnya ukuran layar (dalam hal ini, layar iPhone).

Pasang keyboard ke formulir

Untuk memudahkan pengisian formulir, Anda perlu memasang keyboard di dalamnya.

Untuk memudahkan pengisian kolom yang sesuai, gunakan kode:

Ini akan membuat penggunaan situs Anda jauh lebih nyaman.

Pikirkan desain laman landas seluler Anda

Jika Anda hanya memperkecil situs web Anda, yang dilihat pengguna di layar komputer, menjadi seukuran layar ponsel cerdas, ini bukanlah solusi terbaik. Desain halaman arahan seluler bahkan mungkin tidak mirip dengan "kakaknya", yang utama di sini adalah kenyamanan, jadi hanya mentransfer masalah tidak dapat diselesaikan; Anda perlu mengerjakan desain seluler.

Hal yang sama berlaku untuk lokasi elemen utama, misalnya, tawaran di layar perangkat seluler harus ditempatkan tepat di layar pertama, ini bahkan lebih penting daripada versi desktop.

Sematkan headernya

Jika halaman arahan sangat panjang, maka tidak nyaman untuk menggulirnya. Sekali lagi, hal ini lebih mudah dilakukan dengan komputer, karena semuanya digulir dengan mouse, namun pada ponsel hal ini bisa jadi sulit, jadi langkah yang berguna adalah dengan menyematkan bilah navigasi di bagian atas layar.

Tempatkan teks dan gambar dalam satu kolom

Kami pikir Anda sendiri telah memperhatikan hal ini: situs versi seluler mengatur semua elemen dalam satu kolom: gambar, teks, dan bentuk. Hal ini tidak dilakukan secara kebetulan. Jika semua elemen situs ditempatkan secara acak, seperti pada versi komputer, hal ini akan sangat meningkatkan kemungkinan tersesat di situs.

Seperti yang Anda lihat, meskipun metode ini bersifat universal, namun memerlukan beberapa pengujian. Jadi saat mengadaptasi halaman arahan Anda ke layar gadget seluler, jangan takut untuk bereksperimen dan mencari opsi terbaik.

Jangan lewatkan:

Muncul dalam penggunaan massal pada akhir tahun 2000-an, ponsel pintar mulai berekspansi secara aktif ke ruang virtual, secara bertahap mematahkan monopoli PC sebagai satu-satunya alat untuk mengakses Internet. Selain itu, aktivitas pengguna Internet seluler tidak terbatas pada mengunjungi jejaring sosial - mereka menggunakan konten media, permainan, dan belanja. Dari sudut pandang bisnis, setidaknya tidak masuk akal untuk melewatkan saluran komunikasi yang nyaman dengan konsumen, sehingga pemilik sumber daya mulai menyesuaikan situs mereka untuk perangkat seluler.

Halaman arahan seluler tidak terkecuali, mereka berkembang pesat setelah penyebaran umum ponsel cerdas dan tablet dengan layar HD. Saat ini ada dua cara utama untuk membuat halaman arahan untuk gadget portabel.

Metode 1: tata letak yang disesuaikan. Prinsipnya cukup primitif - tujuannya adalah untuk memastikan tampilan halaman yang benar dari perangkat apa pun. Jadi, terlepas dari perangkat apa klien datang ke situs Anda, klien akan “meregangkan” sesuai dengan itu.

Ini tampilannya di laptop:

Dan inilah yang ditampilkan pada tampilan smartphone:

Cara ini masuk akal jika mayoritas audiens Anda adalah pengguna komputer atau tablet. Sebagian besar agen pemasaran yang baik akan menyiapkan versi situs web Anda yang ramah seluler secara gratis jika Anda memesan laman landas dari mereka. Jika audiens Anda sebagian besar mengunjungi situs Anda menggunakan perangkat seluler, masuk akal untuk menyiapkan laman landas seluler dengan cara lain yang lebih hemat anggaran, yang akan dibahas di bawah.

Metode 2: tata letak dan desain adaptif. Masuk akal untuk menggunakan metode ini jika pengguna yang mengunjungi situs Anda sebagian besar melakukannya dari perangkat seluler. Misalnya, jika Anda mengantarkan sushi, persentase pengguna yang memesan dari ponsel lebih dari 50%. Saat mengembangkan versi situs seperti itu, teknologi seperti HTML 5, jQuery, dll. digunakan. Mereka memungkinkan Anda melakukannya tanpa menggunakan banyak plugin “pengoptimalan”, yang sebenarnya membebani halaman.

Desain Responsif tidak melibatkan “memperkecil” halaman menjadi seukuran layar ponsel cerdas, tetapi mengubah struktur situs saat ditampilkan di perangkat yang berbeda. Jadi, pada dasarnya, perancang membuat untuk Anda bukan hanya satu situs web, tetapi beberapa situs web sekaligus - versi terpisah untuk ponsel dan tablet. Hal ini memungkinkan Anda menyajikan informasi yang sama tanpa mengurangi font, ukuran gambar yang terlihat, dan elemen lainnya, sehingga menjadikan kegunaan halaman pada tingkat yang tinggi. Pada saat yang sama, tampilan situs di perangkat seluler dioptimalkan. Berkat ini, halaman dimuat dengan cepat, dan ini sangat penting, karena pemilik ponsel cerdas dan tablet kurang sabar dibandingkan pengguna PC, dan waktu memainkan peran yang sangat penting bagi mereka.

Contoh desain halaman arahan responsif: situs web http://getdirections.es/

Ini tampilannya di laptop:

Dan inilah cara dia beradaptasi dengan layar smartphone:

Halaman Arahan Seluler adalah halaman Internet yang berdiri sendiri di mana klien sampai ke halaman penjualan dalam satu klik.

Oleh karena itu, jika Anda tidak belajar, maka Anda kehilangan separuh dari milik Anda.

Untuk membuat Landing Page seluler, lebih baik mencari bantuan dari perusahaan promosi SEO.

Karena akan sulit melakukannya sendiri.

Meskipun ada berbagai jenis sumber daya Internet yang menawarkan templatnya sendiri untuk situs versi seluler, perlu dicatat bahwa mereka menawarkan konten yang sangat berbeda.

Dan Anda perlu mengetahui secara pasti perencanaan Anda untuk memanfaatkan apa yang Anda butuhkan.

Jenis dasar halaman arahan

Sebelum Anda membuat laman landas seluler untuk digunakan dalam pemasaran internet, Anda perlu menentukan jenis laman yang akan Anda gunakan.

Jadi, semuanya dibedakan 4 jenis halaman- Ini:

1. Situs mikro;
2. Situs Utama;
3. Halaman arahan mandiri;
4. Halaman segmentasi.

Situs mikro mengacu pada situs yang berisi informasi tentang berbagai layanan yang diiklankan, serta produk.

Biasanya, jenis situs ini berisi informasi minimal, sebagian besar berupa satu gambar produk atau, misalnya, video.

Situs utama lebih terstruktur dan sudah memuat banyak halaman dan informasi.

Namun target audiensnya rendah karena tidak efektif.

Salah satu tugas utamanya adalah memotivasi pembeli untuk mengambil tindakan dan membantu mempromosikan bisnis di Internet.

Jadi, halaman segmentasi ditujukan untuk meningkatkan konversi.

Petunjuk “cara membuat Halaman Arahan seluler”

Karena ada banyak layanan yang berbeda, instruksinya mungkin berbeda.

Oleh karena itu, kami akan menunjukkan tindakan utama yang perlu diambil:

• Pertama, perlu menyesuaikan tata letaknya. Prinsip ini cukup mudah diakses, dan inilah yang memastikan gambar halaman tertentu dari perangkat apa pun. Akibatnya, tidak lagi menjadi masalah dari sistem mana klien mengakses situs Anda. Karena dia akan langsung menuju ke halaman yang Anda tunjuk. Jika ini adalah situs versi seluler, maka situs tersebut harus menyertakan informasi sebanyak mungkin. Cari tahu di mana menguntungkan untuk memesan halaman arahan
• Kedua, siapkan desain yang berkualitas. Jika layanan Anda didasarkan pada pesan-antar makanan, maka Anda perlu mengembangkan desain seluler yang benar dan ringkas. Ada aturannya, semakin kecil “layar monitor”, semakin banyak cat yang perlu ditempatkan. Seringkali, untuk membuat laman landas seluler, mereka menggunakan desain adaptif. Karena ini memungkinkan Anda membuka halaman, apa pun perangkat yang Anda gunakan untuk mengunjunginya.

Seperti yang Anda lihat, membuat Landing Page seluler tidaklah sulit. Namun agar berhasil mempromosikan bisnis Anda menggunakan SEO dan tidak kehilangan audiens, lebih baik mencari bantuan dari profesional.

Setelah Anda membuat halaman arahan, Anda harus memikirkan versi selulernya. Di Platform LP, halaman secara otomatis beradaptasi dengan ukuran layar yang berbeda, namun yang terbaik adalah memeriksa tampilan situs Anda di ponsel. Lebih baik lagi adalah bekerja secara khusus di halaman seluler: sesuaikan ukuran dan tampilan elemen, sembunyikan bagian yang tidak perlu.

Berikut cara mengubah halaman agar terlihat bagus di smartphone dan efektif.

Aturan utama pendaratan seluler

Memikirkan klien adalah aturan utama pendaratan seluler (seperti situs web mana pun). Bayangkan situasi di mana pengunjung akan melihat satu halaman Anda:

Dia akan membuka situs itu saat bepergian; dia tidak akan punya waktu untuk melihatnya dalam waktu lama.

Dia akan memiliki tujuan tertentu: berlangganan buletin, mendaftar untuk suatu acara, memesan.

Dia mungkin memiliki internet yang buruk - situsnya tidak dapat dimuat.

Empat lainnya mengikuti aturan ini: lebih sedikit bagian, lebih sedikit foto berat, lebih sedikit teks, dan tombol lebih besar. Mari fokus pada penyederhanaan.

Bagaimana cara melihat tampilan situs Anda di seluler?

Editor memiliki mode tampilan di panel atas. Pilih ikon seluler dan lihat tampilan situs Anda di ponsel.

Aturan #1. Lebih sedikit bagian

Jika laman landas adalah percakapan dengan klien, maka laman landas seluler adalah percakapan terpendek. Bukan surat, tapi pesan di messenger. Oleh karena itu, pikirkan bagian mana yang tidak dapat Anda tampilkan di perangkat seluler:

Apakah perlu menjelaskan secara akurat semua manfaat bekerja dengan Anda?

Apakah layak meninggalkan bagian yang berisi kasus dan contoh pekerjaan?

Apakah Anda memerlukan ulasan dari pelanggan yang puas?

Saat melihat halaman di perangkat seluler, pengunjung lebih cenderung mencari sesuatu yang spesifik daripada menjelajahi Internet tanpa tujuan. Dia lebih fokus pada tujuannya. Bantu dia mencapai tujuan ini lebih cepat - buat halaman arahan sesingkat mungkin.

Bagaimana cara menyembunyikan bagian yang tidak perlu di halaman arahan versi seluler?

Di bagian pengaturan, di tab dengan ikon ponsel, centang kotak “Sembunyikan di ponsel”.

Aturan #2. Lebih sedikit foto

Jika setelah merevisi bagian Anda masih memiliki banyak gambar dan video, pikirkan lagi - haruskah Anda menyembunyikannya? Gambar berukuran besar dan terutama video mempengaruhi kecepatan pemuatan yang bisa menjadi lambat jika dilihat di ponsel.

Berapa kecepatan unduh yang dianggap normal?

9-13 detik adalah waktu maksimal klien bersedia menunggu.

(Penelitian oleh seochat.com).

Aturan #3. Lebih sedikit teks

Layar ponselnya kecil, tetapi Anda harus memasukkan jumlah teks yang sama di sana seperti di layar besar. Anda harus memperkecil font atau memperpendek teks.

Lebih baik melakukan ini:

Pertama, kurangi ukuran font dan lihat apakah teks dapat dibaca di layar kecil.

Jika teks masih memakan terlalu banyak ruang, persingkat: terapkan aturan infostyle atau hapus bagian dengan informasi tambahan.

Bagaimana cara menyesuaikan font untuk seluler?

Buka pengaturan teks, pilih tab dengan ikon ponsel dan ubah font.

Aturan #4. Tombol lainnya

Anda mengarahkan pengunjung dari layar pertama ke tindakan target, dan tindakan ini harus menjadi salah satunya. Aturan “satu laman - satu tindakan” berlaku untuk semua laman landas, dan bahkan lebih ketat lagi untuk laman seluler. Menekan tombol di layar ponsel dengan jari lebih sulit dibandingkan dengan menggunakan mouse di layar komputer. Pertimbangkan ini dan buat tombolnya lebih besar.

Bagaimana cara mengubah tombol untuk seluler?

Di pengaturan tombol, buka tab dengan ikon ponsel dan atur posisinya ke "Lebar penuh".

Jadi, urutan pengerjaan halaman:
1) Buka tampilan halaman di ponsel

(panel atas editor adalah ikon ponsel).

2) Kami melihat halaman dalam bentuk baru yang diadaptasi.

4) Kami sangat menghargai bagian dengan gambar dan video. Kami menyembunyikannya jika memungkinkan.

5) Mari kita lihat bagaimana teks tersebut diadaptasi. Jika font terlalu besar, perkecil (pengaturan teks – ikon ponsel – ukuran font). Jika masih banyak teks, hapus kalimat dan paragraf yang tidak diperlukan.

6) Periksa bagaimana formulir dan tombol ditampilkan dan konfigurasikan.

7) Jika perlu, atur posisi khusus untuk setiap elemen pada halaman, atur indentasi.

8) Publikasikan halaman arahan dan buka di ponsel. Kami memeriksa:

• Berapa lama waktu yang dibutuhkan untuk memuat halaman?
• Apakah teksnya salah?
• Apakah gambarnya sudah hilang?
• Apakah formulir ditampilkan dengan benar?

Jika semuanya berjalan lancar, laman landas Anda siap untuk pengunjung seluler. Dan mereka bilang jumlahnya lebih dari setengahnya! Jadi lakukanlah)