Saat ini, kebanyakan orang pergi ke jaringan melalui gadget seluler - tablet, telepon, sehubungan dengan optimasi situs ini juga masuk ke level baru. Jika pengguna datang dan melihat bahwa situs tersebut tidak dioptimalkan untuk perangkat seluler: Gambar tidak dapat dilihat, tombol-tombolnya bergerak, font kecil dan tidak dapat dibaca, desainnya adalah semen - 99 dari 100%, yang akan keluar dan mulai mencari yang lain lebih nyaman. Dan beri tanda centang bahwa sumber daya adalah nonReland, yaitu, tidak sesuai dengan permintaan pencarian. Oleh karena itu, desain halaman harus diadaptasi dengan berbagai perangkat seluler. Apa versi seluler dari situs tersebut, bagaimana cara membuatnya, dan apa cara yang lebih baik untuk diterapkan? Baca lebih lanjut dalam artikel ini.

Jadi, ada empat cara kunci untuk menyesuaikan situs di bawah versi seluler.

Metode Pertama - Desain Adaptif

Template adaptif menyarankan mengubah gambar situs tergantung pada ukuran layar. Sebagai aturan, mereka diatur ke standar 1600, 1500, 1280, 1100, 1024 dan 980 piksel. Untuk implementasi menerapkan kueri. Itu sendiri tidak berubah.

Manfaat dari metode ini harus mencakup:

• perkembangan yang mudah, karena struktur itu sendiri disesuaikan dengan parameter layar, dan setiap pembaruan tidak memerlukan desain dari awal, cukup untuk memperbaiki CSS dan HTML;
• satu alamat URL - pengguna tidak perlu menghafal beberapa nama, tidak perlu mengarahkan (mengarahkan dari satu alamat ke yang lain), yang dapat mempersulit pekerjaan webmaster, dan mesin pencari lebih mudah untuk mengurutkan dan memberi peringkat sumber daya dengan satu alamat.

Tentu saja, pola adaptif memiliki kelemahan mereka, yang, omong-omong, lebih dari keuntungan. Namun demikian, banyak pengembang mematuhi konsep ini, misalnya, Google Corporation, versi mobile dari situs yang memiliki desain adaptif. Sangat kerugian:

• Desain adaptif tidak mendukung tugas yang sama pada perangkat seluler seperti pada PC. Jika ini, misalnya, versi mobile dari situs web Bank, di mana pengguna kemungkinan besar akan menjadi informasi penting tentang kursus mata uang atau ATM terdekat, maka desain seperti itu sudah cukup. Tetapi jika itu adalah sumber daya terstruktur yang kompleks dengan berbagai bagian dan subbagian, tidak mungkin melakukan pengunjung ke pengunjung.
• Beban lambat mengubah situs favorit di bencaan. Ini terutama berlaku untuk sumber daya di mana animasi, video, jendela pop-up dan elemen aktif lainnya hadir dalam kelimpahan. Karena berat badan yang besar, halaman hanya akan "rem", pengguna marah dan pergi, dan posisi pencarian situs akan jatuh.
• Ketidakmampuan untuk menonaktifkan versi seluler adalah cacat berbobot lainnya. Jika beberapa elemen disembunyikan oleh tata letak seperti itu, Anda tidak dapat melakukan apa pun untuk membukanya, tidak seperti situs di mana ia dapat dimatikan dan pergi ke domain biasa.

Namun demikian, versi seluler dari situs dengan cepat, tanpa keterampilan dan biaya khusus, memungkinkan Anda untuk menyesuaikan sumber daya ke gadget apa pun. Tetapi akan cocok, mengingat defisiensi yang terdaftar, hingga sumber daya kecil dan sederhana dengan informasi minimum dan multimedia, tanpa navigasi dan animasi yang kompleks. Untuk situs yang kompleks, 2 metode lain akan cocok.

Metode kedua adalah versi terpisah dari situs.

Metode ini sangat umum dan seringkali dengan kesuksesan membuat situs di perangkat seluler lebih nyaman untuk persepsi. Esensinya adalah membuat versi terpisah dari halaman yang ditarik di bawah aplikasi dan terletak pada URL atau subdomain terpisah, misalnya, m.vk.com. Dalam hal ini, fungsi utama diawetkan, hanya secara berbeda terlihat seperti desain situs. Keuntungan dari metode ini jelas:

• antarmuka pengguna yang nyaman;
• mudah mengubah dan membuat pengeditan, karena versi ada secara terpisah dari sumber daya utama;
• karena berat badan rendah, versi terpisah dari situs berfungsi lebih cepat daripada pola adaptif;
• paling sering dimungkinkan untuk beralih ke versi utama halaman dengan ponsel.

Tetapi tidak ada kekurangan di sini:

• Beberapa alamat - desktop dan versi seluler situs. Bagaimana cara membuat pengguna mengingat dua opsi? Wisard Web sering diresepkan dari versi dexted ke ponsel, tetapi jika halaman ini tidak ada dalam versi seluler, pengguna akan menerima kesalahan. Ini juga mengalami kesulitan dengan mesin pencari, yang sulit untuk peringkat 2 sumber daya yang identik, dan ini secara langsung mempengaruhi promosi.
• Versi Mobile dari situs dari komputer, jika pengguna melakukan kesalahan pada itu, akan terlihat konyol, yang juga dapat memengaruhi kehadiran.
• Versi ini lebih sering dibor, desktop, sehingga pengguna akan menerima fungsionalitas yang sangat terbatas. Tetapi pada saat yang sama, jika ada sesuatu yang hilang, pengunjung dapat mencapai versi lengkap halaman.

Secara umum, situs seluler terpisah membenarkan dirinya dan merupakan cara paling umum untuk menyesuaikan sumber daya untuk perangkat seluler. Ini populer di kalangan toko online utama, misalnya, Amazon.

Cara Ketiga - Desain Ress

Google Search Engine secara aktif mendukung arah desain seluler ini. Ini adalah metode yang paling sulit, biaya, tetapi efektif untuk menyesuaikan situs di bawah telepon atau tablet. Itu disebut resess. Ini adalah penargetan sumber daya dalam aplikasi seluler yang dapat diunduh untuk setiap perangkat secara terpisah. Untuk Android - dengan GooglePlay, dan untuk Apple - dengan iTunes.

Aplikasi seperti itu cepat, gratis, nyaman, memiliki kemampuan untuk mengakomodasi berbagai jenis informasi, sementara memori telepon dan lalu lintas Internet tidak dimakan seperti ketika mengunjungi situs melalui browser. Mereka akan dengan mudah melanjutkan mereka, karena tautan akan selalu ada di layar di tangan, dan tidak perlu memasukkan nama yang ditantang di bilah alamat browser.

Tentu saja, di sini dan kekurangannya, seperti kesulitan dalam pengembangan, tingginya biaya tenaga kerja sejumlah besar programmer, kebutuhan untuk membuat beberapa opsi tata letak. Terkadang perangkat seluler tidak dikenali oleh aplikasi. Dukungan teknis reguler diperlukan, memperbaiki kekurangan. Namun demikian, opsi ini dianggap sebagai yang terbaik dari tiga yang diusulkan karena pekerjaan yang produktif dan tidak terputus.

Cara termurah untuk membuat situs seluler

Semua metode di atas menunjukkan pekerjaan master web yang panjang dan kompleks, tetapi masih berbayar. Jika Anda tidak melihat kebutuhan akut untuk pengembangan seperti itu, Anda akan memasukkan versi situs seluler yang sederhana dan gratis. Bagaimana cara membuatnya lebih mudah?

Unduh template khusus (plugin) untuk desain adaptif. Misalnya, WP Mobile Detector, WordPress Mobile Pack, WPSMart Mobile dan lainnya. Mereka akan membantu Anda menampilkan situs dengan benar di telepon, sementara Anda akan menerima beberapa tips, yang harus diperbaiki untuk mengadaptasi halaman dengan lebih baik ke versi seluler.

Tentu saja, metode ini hampir tidak cocok untuk sumber daya yang serius. Sebaliknya, peluang bebas ini ditujukan untuk situs kecil dan paling sederhana, blog, umpan berita. Anda seharusnya tidak lupa bahwa mesin pencari Google, serta Yandex, hari ini membuat persyaratan serius untuk versi seluler, oleh karena itu ada peluang besar untuk menurunkan posisi mereka menggunakan metode seperti itu.

Dengan metode ini, sebagian besar, spanduk periklanan dan pop-up akan terputus, tetapi halaman akan dimuat dengan cepat dan tanpa "lags".

Prinsip-prinsip versi seluler

Tidak masalah, versi ponsel dari situs ini telah dibuat secara gratis atau menggunakan status webmaster, itu dibuat pada sistem RESS atau menggunakan template adaptif. Yang paling penting adalah bahwa untuk pekerjaan yang efektif, Anda perlu mematuhi beberapa prinsip yang sangat penting. Jadi, apa yang harus menjadi versi seluler dari situs ini? Bagaimana membuatnya produktif, efisien dan produktif?

Kami menghapus semuanya terlalu banyak

Minimalis - apa pengembang versi ponsel situs harus berjuang untuk. Bayangkan betapa sulitnya memandang informasi yang ditembak oleh bunga, kancing, spanduk, dan yang harus Anda rapuh untuk mencari bahan yang diinginkan. Desain seluler harus sederhana dan bersih. Pilih 2-3 warna untuk memisahkan ruang (misalnya, bermerek). Lebih baik, jika salah satunya berwarna putih. Bagikan ruang layar kecil ke zona yang dapat dimengerti dan dapat dibaca. Kunci virtual harus terlihat sehingga pengguna dengan jelas tahu di mana untuk menekan, dan melihat - ini adalah produk, berikut adalah formulir untuk mengisi data, berikut adalah informasi tentang pengiriman dan pembayaran.

Semua opsi tambahan yang berguna dalam versi desktop akan memfasilitasi pengguna kepada pengguna, di sini hanya akan menghadirkan kesulitan. Hanya menyisakan elemen yang paling penting. Animasi, spanduk iklan, multimedia, kemungkinan besar, hanya akan memperlambat situs kerja atau aplikasi dan mengalihkan perhatian dari hal utama.

Penjajaran

Tingkat penyelarasan tidak kurang akut, karena jika salah membuatnya, pengguna hanya akan menerima akhir kata-kata penting. Secara umum diterima adalah keselarasan dari tepi kiri dan secara vertikal. Bayangkan bagaimana Anda menggulir umpan berita di telepon. Anda melakukannya dari atas ke bawah, tetapi tidak di sisi kiri atau kanan.

Sebuah asosiasi

Ketika tidak ada kemungkinan rantai transisi yang panjang, cobalah untuk menggabungkan beberapa langkah ke satu. Misalnya, situs ini memerlukan data dalam beberapa tahap - nama, kemudian alamat, di mana rumah, jalan, apartemen, dll., Terletak di setiap sel individu. Agar tidak memaksa pengguna untuk bergaul banyak sel-sel kecil, tawarkan untuk mengisi hanya 2 - nama dan alamat.

Dan pemisahan

Terkadang, sebaliknya, diperlukan untuk memutuskan terlalu banyak informasi. Misalnya, di menu drop-down Anda memiliki daftar lebih dari 80 kota di mana pengiriman dilakukan. Kelompokkan mereka dengan daerah sehingga pengguna tidak harus menggulir daftar besar ini. Ketika akan menghalangi kursor ke pusat regional atau daerah, daftar kota lain akan jatuh.

Daftar

By the way, tentang daftar. Ada dua dari mereka - diperbaiki dalam urutan alfabet atau berbeda dan dengan substitusi. Pilihan mereka tergantung pada apa yang akan terdaftar.

Tetap nyaman jika pengguna tahu persis apa yang dicari. Misalnya, kota, jumlah atau tanggal. Opsi kedua ini cocok untuk nama kompleks yang panjang atau untuk kasus-kasus di mana ada banyak variasi dalam nama yang sama, dan masing-masing membawa pengguna ke tujuan. Opsi dengan autodistribusi lebih sering digunakan ketika pengunjung membutuhkan bantuan. Misalnya, situs untuk tawaran rajut untuk membeli jarum rajut. Pengguna memperkenalkan kueri pencarian "Spin Logam", dan dalam prompt melihat "angka 5 mm", "4,5 mm" jarum rajut, dll.

Autocomplete.

Item ini terutama menyangkut situs-situs di mana sesuatu dijual secara online, dan perlu untuk mengisi bentuk pembayaran standar, pengiriman, dll. Jika orang tersebut melakukan pembelian dari telepon, maka, kemungkinan besar, ia tidak punya waktu untuk sampai ke Komputer, yang berarti proses belanja harus dibuat secepat mungkin dan nyaman.

Untuk formulir ini mungkin berisi data yang sudah selesai, Anda dapat menggunakan jawaban paling populer. Misalnya, masukkan tanggal hari ini, metode pembayaran tunai, kota, jika Anda bekerja di satu wilayah. Mereka dapat diubah, tetapi jika Anda jatuh ke target, waktu pengguna akan disimpan.

Semuanya dibaca, semuanya terlihat

Membuat versi seluler situs, ingatlah bahwa semua ponsel berbeda, dan visi juga. Mungkin situs Anda akan dilihat dari layar kecil, sehingga font harus sederhana dan mudah dibaca, tombolnya cukup besar sehingga Anda dapat mengklik dan tidak sampai ke halaman lain, dan gambar harus terbuka secara terpisah, terutama jika kita berbicara tentang internet - majalah.

Beberapa statistik

Berbicara tentang adaptasi situs ke perangkat seluler, tidak mungkin untuk tidak menggunakan statistik untuk memahami bagaimana proses ini penting untuk promosi.

Angka-angka berikut. Saat ini, 87% dari populasi digunakan oleh gadget, tampaknya, kecuali untuk anak-anak termuda dan beberapa orang tua. Ekonom memprediksi pertumbuhan perdagangan seluler 100 kali untuk 5 tahun ke depan. Pada saat yang sama, hanya 21% situs yang disesuaikan dengan perangkat seluler. Ini berarti bahwa lalu lintas internet dan pasar perdagangan elektronik hanya ditempati pada bagian ke-5 kecil.

Pikirkan tentang angka-angka ini. Apakah masuk akal untuk menyesuaikan sumber daya Anda? Tentu saja ya. Selain itu, sementara ada begitu banyak ruang kosong di pasar ini, Anda dapat mengambil segmen Anda sendiri.

Di mana Anda membutuhkan versi seluler

Gunakan versi seluler yang disarankan untuk platform apa pun yang berupaya mendapatkan peringkat tinggi. Bagaimanapun, ini adalah dampak langsung pada pengguna, menciptakan kondisi yang nyaman untuk menginap di situs Anda.

Tanpa versi seluler, Anda tidak dapat eksis:

• newsports, karena mayoritas mereka yang terlihat dari telepon untuk bekerja atau belajar;
• jejaring sosial - untuk alasan yang sama, ditambah ada faktor komunikasi online, yang berarti bahwa itu harus dibuat yang nyaman, dapat dimengerti;
• referensi, situs dengan navigasi, dll., Di mana orang ditujukan saat mencari sesuatu;
• toko-toko online adalah kemampuan untuk menarik pembeli yang tidak menghabiskan waktu untuk berbelanja, dan membeli semuanya melalui internet seluler.

Bukannya penjara

Saat ini, teknologi seluler berada dalam tahap pertumbuhan dan pengembangan aktif, oleh karena itu, berjuang untuk kepemimpinan di pasar, perusahaan mana pun harus memastikan bahwa sumber daya Internetnya konsisten. Karena permintaan pengguna yang terus meningkat, situs harus terus-menerus meningkatkan dan beradaptasi dengan berbagai perangkat. Jelas bahwa jika seseorang tidak nyaman berada di satu atau sumber daya lain, ia tidak dapat memperoleh informasi tentang produk atau harga, melakukan pemesanan, pelajari tentang pengiriman, maka ia akan menemukan situs itu di mana semua ini menjadi mungkin. Oleh karena itu, untuk menang dalam gulat kompetitif, penting untuk memiliki sumber daya yang fleksibel, nyaman, fungsional dan menarik.

Membuatnya akan membantu versi ponsel dari situs web Android atau iOS. Untuk melakukan ini, pilih salah satu metode desain ulang di atas adalah template adaptif, membuat situs baru pada subdomain dan transisi ke redirect, menggunakan template gratis atau membuat aplikasi seluler, yang dengannya pengguna dapat dengan mudah pergi dan berada di halaman.

Kita semua telah mendengar statistik: 2014 adalah tahun, ketika semakin banyak orang menggunakan smartphone untuk mengakses Internet daripada komputer atau laptop. . Anda tidak ingin situs Anda tetap di belakang, tetapi bagaimana memprogram situs untuk internet seluler ini? Ada tiga opsi dasar, yang masing-masing memiliki kelebihan dan kekurangannya. Dalam artikel ini, pertimbangkan pro dan kontra dari masing-masing dari mereka untuk memilih cara terbaik untuk mengembangkan situs Anda.

Opsi 1: Desain Adaptif

Desain responsif menentukan resolusi layar di mana halaman dilihat menggunakan permintaan media, kemudian menyesuaikan ukuran dan tata letak halaman sesuai dengan data yang diperoleh. Google. Dia menyatakan bahwa dia lebih suka desain web yang adaptif, yang membuatnya kelas berat dalam diskusi ini.

Pro. :

1. Hanya satu versi dari setiap halaman. Halaman beradaptasi dengan jenis perangkat untuk menampilkan konten (jenis perangkat ditentukan, dan kemudian berbagai konten ditampilkan).
2. Pendekatan ini sangat menyederhanakan pemeliharaan situs.
3. Desain responsif tidak bergantung pada deteksi agen pengguna, seperti dua opsi lainnya. Deteksi Agen pengguna (I.E. Deteksi peramban atau perangkat apa yang diminta halaman web) tidak buruk dalam dirinya sendiri, tetapi tidak sepenuhnya, dan jika ada kegagalan dalam proses, pengguna dapat mendapatkan versi situs Anda yang salah. Selain itu, ia membebaskan spider pencarian dari kebutuhan untuk memindai situs Anda, di bawah beragam Agen pengguna - Ini berarti bahwa situs Anda akan lebih baik diindeks.
4. Desain adaptif situs, sebagai aturan, dimuat di browser lebih cepat. Karena semua perangkat menerima konten yang sama, tidak ada proses mendeteksi kemungkinan pengalihan kueri karena agen pengguna. Semua orang tahu bahwa kecepatan itu penting.

Minus:

1. Untuk menulis ulang situs yang ada, itu akan memakan waktu dan biaya tenaga kerja. Jadi, jika Anda memiliki situs besar, gerakan menuju desain adaptif tidak bisa menjadi pilihan terbaik.
2. Tergantung pada lokasi situs Anda, peras konten di layar ponsel akan cukup sulit.
3. Elemen navigasi tidak selalu ditampilkan dalam ukuran yang diinginkan, dan ketika kursor melayang, elemen permukaan tidak berfungsi sama sekali pada layar sentuh. Ini dapat menyebabkan perubahan navigasi.
4. Ada kasus ketika halaman adaptif dengan sejumlah besar gambar dimuat lebih lambat pada respons desain tinggi.

Jika Anda memutuskan untuk memilih situs dengan desain responsif, perlu diingat bahwa perlu untuk memeriksa situs Anda di berbagai browser dan perangkat (atau gunakan yang baik Agen pengguna Emulator) sebelum menjalankan situs.

Contoh yang baik dari desain adaptif adalah situs web. situs web :

Versi seluler mengubah situs cukup indah.

Opsi 2: Melayani Dinamis

Inti dari penyajian atau pengalihan dinamis adalah yang pertama ditentukan Agen pengguna Pengunjung (I.E., perangkat apa yang digunakan untuk melihat situs Anda), dan kemudian pengalihan dilakukan di tingkat server ke UL yang diinginkan. Pengalihan dinamis dapat dibuat dalam beberapa cara.

Salah satu cara untuk menerapkan pengalihan dinamis adalah pengalihan searah di mana pengguna ponsel diarahkan dari situs reguler utama pada versi selulernya.

Tipe kedua, pengalihan dua arah - ketika pengguna diarahkan juga dari versi seluler ke yang biasa. Bagian dari kode yang bertanggung jawab untuk redirect seperti itu kadang-kadang disebut tag kontrol. Saat mengimplementasikan ini menunjukkan tag rel \u003d »alternatif» Pada versi yang biasa, menunjuk ke situs seluler; Dan di situs seluler, tag terletak rel \u003d »alternatif»menunjukkan versi dasar dasar situs.

Pro:

1. Karena pengalihan dilakukan di tingkat server, hanya akan ada satu URL Untuk setiap halaman.
2. Pengalihan dinamis juga berfungsi dengan baik untuk ponsel biasa, yang berisi serangkaian fungsi yang tetap, tetapi tidak selebar smartphone. Misalnya, ponsel biasanya tidak dapat mengunduh aplikasi, tetapi, sebagai aturan, memiliki halaman web tertentu. Perbedaan besar adalah bahwa ponsel tidak dapat memproses CSS.Jadi mereka tidak dapat mengatasi dengan baik dengan desain responsif. Oleh karena itu, penting untuk mengetahui audiens Anda dan jenis perangkat seluler yang mereka gunakan.
3. Jika Anda ingin memiliki khusus untuk pengguna ponsel Anda, opsi ini akan memungkinkan Anda untuk melakukannya, karena pengguna ponsel dan pengguna versi biasa menampilkan kode yang berbeda Html..

Minus:

1. Implementasi semacam itu menggandakan jumlah pekerjaan, karena Anda perlu membuat situs terpisah untuk perangkat seluler, dengan seperangkat indeks terpisah Html.membutuhkan terpisah Seo..
2. Daftar baris agen khusus yang diperlukan juga membutuhkan pemeliharaan permanen, karena jalur baru harus ditambahkan ketika mereka menghasilkan perangkat seluler baru.
3. Akhirnya, ingatlah bahwa Anda perlu menggunakan " Header http bervariasi"Jika situs Anda memberikan konten secara dinamis. Judulnya membantu untuk mendapatkan konten dengan benar dan membantu mesin situs dengan benar cache. Google menunjukkan informasi terperinci tentang cara menambahkan judul ini ( https://developers.google.com/webmasters/smartphone-sites/details#dynamiceserving.) .

Opsi 3: Situs Mobile

Opsi ini, sebagai berikut dari nama, termasuk pembuatan domain terpisah khusus untuk pengguna seluler. Contoh yang paling umum adalah m.Domain.ru.atau mobile.domain.ru.. Ini adalah pilihan populer untuk pengecer besar. Metode ini mencakup pengembangan konten, terutama bagi pengunjung menggunakan ponsel (dan tidak ada redirect di tingkat server).

Pro:

1. Untuk situs besar dengan jumlah halaman dalam ratusan ribu atau jutaan, pengenalan desain adaptif akan menyebabkan terlalu banyak pekerjaan. Dalam hal situs seluler - akan mungkin untuk secara bertahap meningkatkan versi ponsel situs (itu sebagai situs terpisah) dan pekerjaan akan jauh lebih sedikit.
2. Seperti halnya redirect dinamis, situs untuk perangkat seluler terlihat lebih baik di ponsel daripada situs dengan desain adaptif. Tergantung pada demografi situs Anda, itu tidak dapat menjadi kriteria; Tetapi untuk beberapa perusahaan, itu penting.

Minus:

1. Situs seluler Anda tidak akan mendapat manfaat dari pertumbuhan positif profil backlink ke situs utama (jika Anda belum menerapkan forwarding dua arah). Jadi, jika Anda ingin pengguna ponsel Anda menemukan Anda dalam pencarian organik, momen ini bisa menjadi negatif khusus.
2. Situs seluler Anda akan memerlukan beberapa pekerjaan tambahan pada SEO. Anda harus mengirimkan kartu peta situs XML terpisah untuk Google dan Yandex. Selain itu, Anda perlu mengedit tag META Anda. Meta tag mobile harus lebih pendek dari untuk situs versi biasa.

Berikut ini adalah contoh ketika situs seluler dilakukan dengan benar. Nytimes.com. Dia memiliki situs web utama untuk pengunjung dari PC desktop:

DAN mobile.nytimes.com. Untuk pengunjung seluler:

Seperti yang Anda lihat, konten telah dirakit ulang secara signifikan dan dikurangi untuk membuatnya dapat dibaca pada perangkat seluler.

kesimpulan.

Untuk membuat pilihan yang tepat untuk situs Anda, jangan lupa untuk bertanya pada diri sendiri berapa banyak pengunjung Anda menggunakan perangkat seluler untuk mengakses situs. Periksa. Jika total persentase lalu lintas seluler berada di dekat level 5%, maka Anda mungkin tidak dapat terburu-buru untuk memperkenalkan desain untuk seluler.

Jika ramalan dibenarkan, penggunaan ponsel akan terus meningkat. Kemudian mereka yang situsnya tidak akan ditampilkan dengan benar pada perangkat seluler, kehilangan sebagian besar dari lalu lintas pencarian dan tidak hanya. Buat situs "untuk orang-orang" dan Anda akan bahagia!

Setiap tahun, pengunjung semakin memasuki Internet dan melakukan pembelian dari perangkat seluler. Dengan mereka, menurut Yandex.Metrik dari Spring 2016, 29% dari semua kunjungan di situs dilakukan di Rusia, dan angka ini terus berkembang.

Mesin pencari yang selalu lelah untuk kenyamanan pengguna akhir disarankan untuk membuat situs mereka merespons berbagai perangkat. Sekarang ketika peringkat dalam penerbitan seluler, apakah halaman dioptimalkan untuk smartphone / tablet atau tidak. Karena itu, ketika membuat situs, lebih baik memikirkannya segera. Jika situs sudah ada dan bekerja, maka perlu untuk mengoptimalkannya untuk mengikuti waktu dan tidak kehilangan pelanggan potensial menggunakan perangkat seluler.

Ada dua opsi untuk mengoptimalkan situs untuk smartphone dan tablet: tata letak adaptif dan versi seluler. Pertimbangkan perbedaan antara cara-cara ini, kita akan mempelajari pro dan kontra mereka.

Desain adaptif

Fitur utama adalah bahwa semua elemen antarmuka secara otomatis disesuaikan dengan layar berbagai ukuran. Berkat ini, situs-situs seperti itu sama-sama baik dan mudah ditampilkan pada komputer pribadi, laptop, smartphone, dan tablet.

Manfaat:

• situs ini selalu disesuaikan untuk resolusi layar saat ini - saat mengubah orientasi pada perangkat seluler atau dengan penurunan jendela browser pada desktop;
• tidak perlu mengkonfigurasi redirect;
• situs ini lebih baik diberi peringkat dalam penerbitan seluler;
• mudah mengelola situs, karena konten secara otomatis disesuaikan untuk berbagai perangkat;
• tabungan - Tata letak situs web adaptif akan dikenakan biaya lebih murah daripada pengembangan situs terpisah untuk perangkat seluler.

Kekurangan:

Kerugian utama dari opsi ini adalah bahwa ia tidak menyelesaikan masalah memuat situs. Dan di komputer, dan pada perangkat seluler saat membuka situs adaptif, jumlah informasi yang sama dimuat. Oleh karena itu, penting untuk memperhitungkan bahwa situs yang akan terbuka pada PC secara instan pada smartphone atau tablet menggunakan internet seluler akan terbuka perlahan.

versi mobile.

Versi seluler mengasumsikan bahwa dua situs dibuat: utama untuk dilihat dari komputer dan seluler untuk smartphone dan tablet.

Manfaat:

• sama seperti tata letak adaptif, versi seluler lebih baik diberi peringkat dalam penerbitan seluler;
• kemampuan untuk memposting di situs hanya fungsionalitas dan konten yang diperlukan untuk smartphone dan tablet;
• menu, navigasi, dan elemen desain lainnya dapat sepenuhnya disesuaikan dengan kebutuhan pengguna ponsel;
• main (untuk komputer) dan versi seluler dapat diubah secara independen satu sama lain;
• waktu pemuatan cepat.

Kekurangan:

• kebutuhan untuk menghabiskan sumber daya untuk mendukung dan mengelola dua sumber daya pada saat yang sama, memantau relevansi informasi pada keduanya;
• saat menempatkan konten, perlu untuk mulai mengadaptasi ke perangkat seluler, dan kemudian menerbitkan dua kali: pada versi utama dan seluler;
• kebutuhan untuk mengkonfigurasi redirect;
• masalah dengan duplikasi konten - satu artikel memiliki dua alamat yang berbeda, yang secara negatif mempengaruhi indikator keunikan dan efektivitas tampilan di mesin pencari;
• versi mobile dari situs ini membutuhkan investasi besar: Anda perlu memperhitungkan biaya pengembangan, memperbarui versi seluler dan pembelian domain terpisah.

Hasil perbandingan

Berdasarkan keuntungan dan kerugian di atas dari dua opsi untuk mengoptimalkan situs di bawah perangkat seluler, kami sarankan beralih ke tata letak adaptif: Opsi ini tidak hanya kurang mahal dalam biaya dan waktu dibandingkan dengan versi seluler, tetapi juga memungkinkan Anda untuk mengelola situs.

Platform Pengalaman untuk Membuat Situs Nethouse

Atas dasar Nethous, ada lebih dari 50.000 sumber daya aktif saat ini: toko online, situs perusahaan dan spesialis, Ledding, portofolio dan blog. Pada bulan Desember 2016, kami meluncurkan template adaptif baru dan menawarkan pengguna untuk pergi ke mereka dalam beberapa klik mouse, tanpa kehilangan informasi dan benar-benar gratis.

Sampai saat ini, sekitar 25% dari pengguna kami beralih ke template adaptif. Mari kita lihat bagaimana pengaruhnya terhadap statistik situs mereka.

1. Cari lalu lintas.

Beberapa pengguna kami mengalami bahwa transisi ke desain adaptif dapat memengaruhi lalu lintas, dan harus menunggu sampai mengembalikan. Menurut jadwal, jelas bahwa ini tidak terjadi.

2. Cari lalu lintas seluler.

Mesin pencari peringkat situs adaptif di atas dalam penerbitan seluler, dan Google bahkan dalam versi desktop dari situs-situs penerbitan tanpa adaptasi string "Halaman Anda tidak dioptimalkan untuk smartphone." Grafik menunjukkan di bawah ini menunjukkan bahwa setelah transisi ke tata letak adaptif, lalu lintas pencarian dari smartphone terus meningkat.

3. Faktor perilaku.

Desain adaptif tidak hanya terlihat hebat dan eksternal memenuhi semua persyaratan tren modern, tetapi juga meningkatkan indikator perilaku situs, seperti tingkat kegagalan, kedalaman tampilan dan waktu di situs, yang sangat relevan untuk lalu lintas dari perangkat seluler. Grafik di bawah ini menyajikan perubahan statistik pada faktor perilaku dibandingkan periode "untuk" mengubah template dan "setelah".

Untuk menentukan apa yang lebih baik - desain adaptif atau versi seluler situs, Anda harus terlebih dahulu memahami mengapa semua ini diperlukan.

Menurut ComScore.com, persentase pengguna yang melihat melalui situs dari perangkat seluler, setiap tahun menjadi semakin banyak:

Basis data basis data pelanggan aktif, dunia, jutaan orang, 2007-2015.

Dalam hal ini, algoritma baru untuk mesin pencari dikembangkan, dan faktor peringkat tambahan diperkenalkan: Sekarang pencarian ekstradisi diperhitungkan bagaimana situsnya ramah seluler (nyaman untuk melihat pada perangkat seluler). Di Google, algoritma ramah seluler diluncurkan pada 21 April 2015, di Yandex - Vladivostok pada 2 Februari 2016.

Versi desktop situs dan versi yang diadaptasi untuk perangkat seluler

Karena mesin pencari menentukan apakah halaman situs nyaman untuk dilihat dari perangkat seluler:

• halaman harus konten yang tidak memerlukan gulir horizontal atau penskalaan untuk melihat;
• situs ini tidak boleh elemen yang tidak berfungsi pada banyak perangkat seluler - Flash, Applet Java dan plugin Silverlight;
• teks pada halaman harus tidak berhasil tanpa penskalaan;
• referensi harus pada jarak yang cukup dari satu sama lain sehingga mereka dapat dengan mudah menekan.

Apa yang paling penting, mesin pencari mengevaluasi situs web secara tidak ambigu - baik yang ramah seluler atau tidak.

Menggunakan Google PageSpeed \u200b\u200bInsights Tool (https://developers.google.com/speed/pagespeed/), Anda dapat menentukan seberapa cepat halaman situs dimuat, serta kegunaannya. Evaluasi PageSefeed dapat dari 0 hingga 100 poin dalam "Kecepatan Halaman" dan "Kenyamanan untuk Pengguna", misalnya:

Hasil dari 85 poin dan di atas dianggap baik.

Jika halaman situs tidak memenuhi persyaratan layanan, sebuah laporan dikeluarkan dalam bentuk rekomendasi untuk pemecahan masalah, misalnya:

Layanan ini dapat digunakan untuk diagnostik awal dan mengidentifikasi masalah di situs web.

Dalam kasus mana perlu untuk mengembangkan versi seluler atau adaptif untuk situs?

Untuk memahami apakah akan menyesuaikan situs untuk audiens "seluler", perlu untuk menganalisisnya dalam sistem analisis web (Yandex.metric atau Google Analytics) pada kehadiran dalam konteks perangkat yang dimasuki oleh pengguna. Dalam hal lebih dari 15% dari audiens menggunakan smartphone atau tablet, disarankan untuk mengembangkan tata letak adaptif atau versi seluler. Penting untuk memperhitungkan lalu lintas situs. Misalnya, untuk situs dengan sejumlah besar pengunjung (dari 1 000 000 dan lebih tinggi), rencana ini berkurang, karena tidak mungkin mengabaikan segmen besar lalu lintas situs ini.

Versi seluler situs

versi mobile. - Versi terpisah atau template terpisah diadaptasi untuk ditampilkan pada perangkat seluler. Ini mungkin tidak menampilkan semua blok yang ada di versi utama situs.

"Versi Mobile Sick Special: Saat beralih ke dalam bilah alamat, URL berubah - awalan" M. "ditambahkan ke dalamnya, misalnya: M.Example.ru.

Lihat di monitor komputer dan pada perangkat seluler: versi seluler berbeda dari utama

Contoh situs dengan versi seluler yang diadaptasi: http://www.lamoda.ru/ (m.lamoda.ru).

Keuntungan utama dari versi seluler situs

• Berat rendah dan, sebagai hasilnya, kecepatan unduhan tinggi. Ini penting bagi pengguna yang memiliki kecepatan akses internet rendah (GPRS atau 3G lemah).
• Kehadiran pilihan pilihan, versi mana yang dilihat (ponsel atau dasar).
• Kepatuhan dengan persyaratan mesin pencari untuk kenyamanan melihat situs di perangkat seluler.

Kerugian dari versi seluler

• Jika Anda perlu melakukan perubahan pada situs, mereka harus berkontribusi pada versi situs yang biasa, dan pada ponsel, I.E. Volume pekerjaan meningkat 2 kali.
• Saat mengembangkannya, seringkali diperlukan untuk meninggalkan bagian dari konten.
• Karena ponsel dan versi utama situs ini pada domain yang berbeda, itu tidak meningkatkan faktor perilaku domain utama, I.E. Ini akan menjadi minus untuk Seo-Optimization.

Ini adalah desain khusus halaman web, di mana elemen situs mengubah ukuran dan lokasi mereka dengan resolusi tampilan yang berbeda. Situs ini secara otomatis disesuaikan dengan ukuran perangkat di mana ia terbuka, apakah itu monitor PC, smartphone atau tablet. Berkat tata letak jenis ini, situs ini akan nyaman dan ditampilkan dengan jelas pada berbagai perangkat. Dengan menggunakan teknologi desain adaptif, fungsionalitas situs tidak menderita.

Lihat di monitor komputer dan pada perangkat seluler - versi adaptif berbeda dari utama

Contoh situs dengan versi adaptif: http://www.mvideo.ru/.

Keuntungan dari desain adaptif untuk perangkat seluler

• Satu URL untuk seluruh konten.
• Antarmuka yang fleksibel - Anda dapat mengkonfigurasi tampilan situs yang nyaman untuk lebar layar.
• Desain adaptif memenuhi persyaratan mesin pencari dengan kenyamanan melihat situs di perangkat seluler.
• Jika situs memiliki versi adaptif, faktor perilaku menjadi lebih baik pada perangkat seluler, dan indikator umum situs ditingkatkan. Untuk peringkat dalam mencari ekstradisi, ini akan menjadi nilai tambah yang besar.

Kerugian dari desain adaptif untuk perangkat seluler

• Kebutuhan untuk membuat tata letak halaman situs terpisah untuk setiap resolusi tampilan.
• Versi adaptif, berbeda dengan ponsel, tidak dapat beralih ke mode normal. Artinya, pengguna tidak tetap memilih tampilan situs. Kerugiannya relevan jika ada kesalahan dalam versi adaptif - misalnya, elemen ditampilkan secara tidak benar.
• Kompleksitas menambahkan template halaman baru, karena mereka harus dikonfigurasi untuk tampilan yang benar pada versi adaptif. Jika Anda menambahkan informasi ke templat halaman yang sudah ada, tidak akan ada masalah dengan pemetaan.

Apa yang lebih baik: tata letak adaptif untuk perangkat seluler atau versi seluler situs?

Solusi terbaik untuk situs ini adalah dengan menggunakan tata letak adaptif untuk perangkat seluler. Meskipun sejumlah kekurangan, situs dengan tata letak adaptif lebih fungsional. Juga, keberadaan templat halaman menyiratkan kesederhanaan penambahan konten ke situs, tidak seperti versi seluler, di mana konten konten digandakan, karena sebenarnya ada dua situs yang berbeda. Plus besar adalah kenyataan bahwa versi adaptif meningkatkan faktor perilaku situs utama. Ini berguna dalam hal promosi dan kegunaan. Berdasarkan ini, kami sarankan pilihan Anda mendukung tata letak adaptif.