Ini tahun 2017. Itu berarti Anda tidak bisa lagi mengabaikan hal kecil yang disebut desain ramah ponsel ini ketika datang ke WordPress. Tapi kita tidak semua perusahaan besar dengan jutaan di bank, kan? Jadi jika Anda hanya pengguna WordPress lama biasa, Bagaimana Anda dapat membuat ponsel situs web WordPress Anda kompatibel secara gratis?
Di situlah letak masalahnya! Ini mungkin tampak seperti tugas yang sulit, tetapi ada banyak prinsip dasar yang dapat Anda terapkan sendiri untuk meningkatkan kegunaan seluler situs Anda. Dan saya akan berdebat semua dari mereka.
Ini semua yang akan saya bahas di posting yang cukup panjang ini:
- Mengapa membuat situs WordPress Anda mobile-friendly sangat penting
- Alat gratis untuk menguji kompatibilitas seluler situs Anda
- Beberapa cara sederhana untuk membuat situs WordPress seluler Anda kompatibel secara gratis
- Dua cara berbeda untuk membuat versi aplikasi situs WordPress Anda
Saya akan menjelaskan lebih lanjut di sini … jadi saya harap Anda memiliki secangkir kopi segar! Mari kita mulai …
Tujuan persahabatan seluler sebagai tujuan
Wajah web berubah. Sepuluh tahun yang lalu, Anda bahkan tidak akan melihat pos pada desain yang dioptimalkan untuk seluler, apalagi bersikeras bahwa itu adalah tujuan penting bagi situs Anda. Sekarang semua telah berubah.
Pada 2016 penelusuran seluler melampaui penelusuran web desktop untuk pertama kalinya. Ya, lalu lintas seluler menyumbang 51,3% dari lalu lintas global yang mengejutkan. Dan sementara komputer desktop tetap menjadi pemimpin ringan di AS. USA (Ini mewakili 58% dari semua lalu lintas), tren pasti menggerakkan segalanya ke perangkat seluler.
Jadi saya kira apa yang saya katakan adalah ini …Segera, kami mungkin melihat pos di "mengapa Anda masih harus membuat desktop situs web Anda ramah."
Selain membuat situs Anda dapat diakses oleh salah satu cara paling populer orang menelusuri web, desain yang dioptimalkan untuk seluler dapat membantu peringkat situs WordPress Anda lebih tinggi dalam hasil pencarian. Pencarian seluler Google.
Ini karena Google memiliki algoritme khusus untuk perangkat seluler yang mereka terapkan pada hasil pencarian seluler mereka. Sebagai hasil dari algoritme, situs yang dioptimalkan untuk perangkat seluler mendapatkan peningkatan peringkat hasil pencarian seluler. Bagian dari ini termasuk memastikan bahwa toko online Anda juga ramah mobile, yang dapat Anda pelajari lebih lanjut di ECommerce Booth.
Bagaimanapun, jika Anda menganggap bahwa sebagian besar pencarian Google dilakukan pada perangkat seluler sekarang, itu adalah insentif besar!
Pembaruan konten
Daftar periksa keamanan WordPress gratis
(4 halaman) Daftar periksa 21 langkah untuk
Amankan situs web WordPress yang aman 99,9%
Unduh
Seberapa ramahkah situs WordPress Anda … sekarang?
Oke, Anda tahu bahwa desain yang dioptimalkan untuk perangkat seluler adalah penting. Tetapi bagaimana Anda bisa mengetahuinya?
- Apa desain yang dioptimalkan untuk perangkat seluler
- Apakah situs WordPress Anda ramah seluler atau tidak
Itulah yang akan saya bahas di bagian ini!
Apa yang menurut Google cocok untuk perangkat seluler?
Untungnya, Anda tidak perlu menebak apa yang merupakan desain ramah-seluler untuk situs WordPress Anda. Sebenarnya, Google telah merilis pedoman khusus untuk kompatibilitas seluler. Inilah yang dikatakan Google untuk menghindari ketika Anda mencoba membuat situs WordPress seluler:
- Konten yang tidak dapat diputar – Pastikan sumber konten yang Anda sertakan dimainkan di perangkat seluler dan komputer desktop.
- Ukuran font kecil – Google merekomendasikan minimal 16px untuk font seluler.
- Ketuk item yang terlalu dekat – Jari-jarinya gemuk! Anda harus memberi orang cukup ruang untuk menyentuh item yang benar.
- Tampilan salah – pastikan halaman ponsel Anda mengatur jendela grafik dengan benar.
Di luar pedoman Google, Anda juga dapat menemukan banyak sumber daya perancang web tentang desain ramah-seluler. Tempat yang bagus untuk memulai adalah Panduan Menghancurkan untuk Pengembangan Web Seluler.
Cara menggunakan alat Google Checker yang ramah seluler
Jadi, bagaimana Anda tahu apakah tema WordPress yang ada atau tidak adalah ramah seluler? Ini sebenarnya cukup mudah berkat alat yang dibuat Google.
Yang perlu Anda lakukan adalah pergi ke sini. Kemudian masukkan URL situs yang ingin Anda verifikasi dan klik BUKTI PELAKSANAAN:
Google akan menganalisis halaman Anda dan memberi tahu Anda seberapa ramah desainnya saat ini untuk perangkat seluler:
Tampaknya situs saya sudah kompatibel dengan perangkat seluler! Tapi apakah itu milikmu? Mari kita lihat bagaimana Anda dapat membuat situs WordPress seluler Anda kompatibel secara gratis!
Cara membuat situs web WordPress Anda seluler dan gratis
Berikut adalah beberapa tips tentang cara membuat situs WordPress Anda ramah untuk seluler secara gratis. Saya akan membahas semuanya mulai dari keputusan penting seperti pilihan tema dan plugin hingga hal-hal kecil seperti membatasi pop-up dan Google AMP.
Kami akan mempelajari.
Gunakan tema WordPress yang responsif
Ini mungkin tampak jelas, tetapi faktanya adalah sebagai berikut:
Jauh lebih mudah untuk memilih tema WordPress yang kompatibel untuk seluler daripada kembali dan mengadaptasi tema WordPress yang ada agar kompatibel dengan perangkat seluler. Dan proses itu tentu tidak gratis!
Jadi, jika Anda ingin situs WordPress Anda menjadi mobile friendly, pastikan untuk memilih tema yang merespons. Jika Anda tetap menggunakan tema gratis, semua yang ada di direktori tema WordPress.org merespons hari ini.
Dan hal yang sama terjadi dengan hampir semua tema lain yang ada. Tetapi hanya karena sebuah tema telah menerapkan prinsip-prinsip desain responsif dasar tidak berarti itu 100% ramah ponsel.
Jadi … bagaimana Anda bisa mengetahui betapa ramahnya tema WordPress yang Anda lihat? Untuk itu, saya punya sedikit trik!
Soalnya, sebagian besar tema WordPress menyediakan situs demo sehingga Anda dapat melihat pratinjau seperti apa tema itu di lingkungan langsung. Nah, yang perlu Anda lakukan adalah mengambil URL situs demo itu dan menghubungkannya ke alat uji seluler Google:
Misalnya, gambar di atas memberi tahu kita bahwa tema ThemeIsle Zerif Pro yang populer adalah 100% kompatibel dengan perangkat seluler.
Jadi sebelum memilih tema WordPress, pastikan itu Kompatibel dengan perangkat seluler yang melampaui pencarian penunjukan "Responsif".
Atau … Gunakan tema yang berbeda untuk perangkat seluler
Satu peringatan: Saya TIDAK merekomendasikan pendekatan ini untuk sebagian besar situs WordPress. Tetapi jika Anda menyukai tampilan desktop dari tema Anda saat ini, tetapi tidak puas dengan kompatibilitas ponselnya, sebenarnya cukup mudah untuk menggunakan tema yang berbeda untuk lalu lintas seluler Anda.
Plugin gratis bernama Mobile Smart memungkinkan Anda untuk menggunakan tema WordPress yang berbeda tergantung pada perangkat masing-masing pengunjung. Atau Anda cukup menggunakan templat WordPress yang berbeda untuk bekerja di dalam tema yang sama.
Versi pro juga memungkinkan:
- Tentukan berbagai versi halaman Anda untuk perangkat yang berbeda.
- Kirim lalu lintas seluler ke URL yang berbeda
- Nonaktifkan plugin spesifik di situs seluler Anda
- Kontrol widget / shortcode berdasarkan perangkat pengunjung
Anda juga dapat menemukan banyak plugin WordPress seluler lainnya untuk membantu Anda.
Secara pribadi, saya pikir menggunakan tema responsif tunggal masih merupakan pendekatan terbaik. Tetapi Mobile Smart adalah pilihan yang sangat baik jika saat ini tidak memungkinkan untuk situasi Anda.
Pastikan plugin Anda juga mengikuti desain yang responsif
Berikut ini adalah aspek yang sering diabaikan tentang kemudahan penggunaan WordPress untuk perangkat seluler:
Ini bukan hanya tentang memilih tema WordPress yang responsif. Anda harus memastikan bahwa setiap plugin yang Anda instal juga berfungsi dengan prinsip desain responsif.
Misalnya, jika Anda memasang plugin yang menambahkan formulir kontak ke situs WordPress Anda, Anda lebih baik memastikan formulir kontak terlihat baik di desktop dan perangkat seluler.
Sayangnya, sebenarnya tidak ada tes otomatis untuk yang satu ini. Sebagai gantinya, Anda harus memverifikasi secara manual setiap kali memasang plugin baru.
Anda juga dapat:
- Gunakan ponsel cerdas Anda sendiri untuk melihat seperti apa bentuk plugin di ponsel
- Gunakan situs seperti Am I Responsive untuk melihat cara kerja plugin pada berbagai perangkat yang berbeda
- Gunakan browser Alat pengembangan fungsionalitas
Menggunakan generator halaman? Manfaatkan kontrol responsif
Pembangun halaman cukup populer akhir-akhir ini. Tetapi jika Anda tidak terbiasa, mereka pada dasarnya memungkinkan Anda untuk membuat tata letak yang rumit tanpa mengetahui kode apa pun. Biasanya menggunakan antarmuka drag and drop sederhana untuk memindahkan "item".
Jadi, bagaimana hubungan para pembangun halaman untuk menjadikan situs WordPress Anda ramah untuk seluler? Karena sebagian besar pembuat halaman memungkinkan Anda untuk mengaktifkan atau menonaktifkan item berdasarkan perangkat yang digunakan pengunjung Anda.
Sebagai contoh, mari kita lihat pembuat halaman pilihan pribadi saya, Elementor. Katakanlah saya memiliki gambar yang terlihat bagus di desktop … tapi itu mengisi halaman di ponsel atau butuh waktu lama untuk memuat.
Yang perlu saya lakukan adalah hapus centang pada kotak untuk memastikan gambar tidak muncul di versi seluler halaman saya:
Anda dapat menggunakan pengaturan ini untuk memastikan bahwa:
- Ini memiliki ruang yang memadai untuk elemen sentuh.
- Semua konten di situs seluler Anda dapat diputar
- Situs seluler Anda tidak terlalu ramai
Jadi jika Anda menggunakan pembuat halaman, ada baiknya memilih yang memungkinkan Anda untuk menerapkan tata letak halaman responsif.
Batasi pop-up agresif pada perangkat seluler. Terutama di halaman pertama
Ini super mudah karena yang dibutuhkan hanyalah tidak melakukan sesuatu. Alih-alih menambahkan beberapa teknik baru, yang perlu Anda lakukan adalah menahan diri untuk tidak menampilkan jendela sembul di versi seluler situs Anda.
Mengapa Karena selain hanya mengganggu pengunjung seluler dan melanggar standar desain seluler Google, Ini juga berdampak negatif pada peringkat situs Anda dalam pencarian seluler.
Ini karena Google meluncurkan penalti peringkat ponsel untuk situs-situs di mana "konten tidak mudah diakses oleh pengguna dalam transisi hasil pencarian seluler." Hukuman ini telah aktif sejak 10 Januari 2017.
Begitu, jangan gunakan jendela sembul atau pengantara untuk perangkat seluler di laman seluler situs Anda. Terutama bukan untuk halaman pertama yang dikunjungi pengunjung setelah datang dari hasil pencarian Google.
Pertimbangkan mengintegrasikan Google AMP untuk WordPress
Jika Anda tidak terbiasa, AMP adalah singkatan dari Laman Seluler yang Dipercepat. Ini adalah prakarsa yang didukung Google untuk mempercepat waktu pemuatan laman seluler dengan menerbitkan versi singkat laman.
Jika Anda telah mencari sesuatu di pencarian seluler Google, Anda mungkin menemukan situs yang ditandai dengan penetapan AMP:
Jadi apa manfaat Google AMP untuk WordPress? Meskipun Anda melepaskan sedikit kontrol atas tampilan situs seluler Anda (karena kode dihapus), laman Google AMP pada dasarnya cepat dan ramah seluler.
Jadi, jika Anda ingin situs WordPress Anda bergerak cepat secara gratis … AMP adalah pilihan yang bagus.
Itu juga sangat mudah konfigurasikan Google AMP untuk WordPress. Bahkan ada plugin Automattic resmi untuk membantu Anda melakukannya!
Hampir semua yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin AMP. Kemudian situs Anda akan mulai menawarkan konten AMP kepada pengunjung seluler Google. Dan jika Anda mencari panduan cara mendetail, baca ini: Google AMP – Cara menerapkannya di WordPress
Jika Anda ingin lebih fleksibel dalam bagaimana konten WordPress AMP Anda terlihat, plugin AMP untuk WP adalah pilihan yang bagus. Ini didasarkan pada plugin AMP resmi dengan opsi gaya baru, serta opsi untuk menambahkan iklan dan tombol untuk dibagikan di jejaring sosial:
Jika Anda khawatir tentang dampak SEO dari halaman WordPress Google AMP Anda, berikut adalah dua hal penting yang perlu diingat:
- Plugin AMP secara otomatis menambahkan tag rel = "canonical" ke konten AMP Anda, jadi Anda tidak perlu khawatir tentang duplikat hukuman konten.
- Anda dapat memastikan bahwa pengaturan Yoast SEO Anda terbawa ke konten AMP Anda dengan menginstal Lem gratis untuk plugin Yoast SEO & AMP. Selanjutnya, All in One SEO juga kompatibel dengan Google AMP di plugin utama.
Lebih jauh: mengubah WordPress menjadi aplikasi seluler
Oke, tips di atas adalah tentang membuat situs WordPress dasar Anda ramah untuk seluler. Tetapi jika Anda ingin menggunakan semuanya pada perangkat seluler, Anda dapat mengambil hal-hal yang jauh melebihi desain responsif dasar.
Saya berbicara tentang aplikasi! Lihat, ada perdebatan tentang apakah lebih baik menggunakan desain web responsif atau aplikasi seluler.
Sekarang, saya tidak akan mengklaim memiliki pengetahuan untuk mempengaruhi debat itu … tapi saya tahu persis bagaimana Anda dapat mengubah situs WordPress Anda menjadi aplikasi seluler.
Jadi, jika Anda aktif aplikasi seluler tim, Berikut cara mengubah situs WordPress Anda menjadi:
- Aplikasi web progresif
- Aplikasi asli
Apa bedanya
Aplikasi web progresif mereka adalah semacam hibrida antara desain responsif dan aplikasi asli. Mereka secara teknis masih merupakan "situs web", tetapi mereka bekerja dengan cara yang sama seperti aplikasi.
Aplikasi asli, di sisi lain, mereka sebenarnya dipasang di smartphone pengunjung mereka.
Cara mengubah WordPress menjadi aplikasi web progresif secara gratis
Untuk membuat versi aplikasi web progresif dari situs WordPress Anda, Anda dapat menggunakan plugin freemium yang pintar yang disebut WordPress Mobile Pack.
Dalam versi gratis, Anda dapat membuat versi aplikasi web progresif dasar situs Anda. Untuk memulai, yang perlu Anda lakukan hanyalah menginstal dan mengaktifkan plugin WordPress Mobile Pack gratis.
Kemudian Anda dapat menjalankan dan menjalankan aplikasi web progresif hanya dalam beberapa menit. Mulailah dengan menambahkan logo Anda dan mengatur skema warna dan opsi gaya:
Kemudian pilih konten yang ingin Anda sertakan dalam aplikasi Anda. Anda dapat memasukkan semuanya, atau cukup pilih kategori atau halaman tertentu untuk dimasukkan. Ini adalah opsi yang bagus jika Anda memiliki beberapa konten yang tidak cocok dengan perangkat seluler:
Dan itu dia! Anda dapat menjelajahi opsi lain untuk menambahkan pelacakan Google Analytics dan mengonfigurasi siapa yang melihat aplikasi seluler progresif Anda. Tetapi tidak ada lagi yang harus dilakukan.
Apa yang Anda dapatkan di WordPress Mobile Pack Pro?
Jika Anda ingin mengakses aplikasi web progresif Anda, Anda dapat membeli versi pro untuk mendapatkan akses ke:
- Opsi gaya lainnya
- Tema aplikasi tambahan untuk dengan mudah mengubah keseluruhan estetika
- Opsi untuk memasukkan iklan dalam aplikasi web progresif Anda
Pengembang juga bekerja pada ekstensi tambahan yang memungkinkan Anda untuk menambahkan fungsionalitas seperti:
- Pemberitahuan push
- Mode offline
- HTTPS
- Sebuah solusi untuk mengunduh versi aplikasi asli dari aplikasi web progresif Anda untuk yang terbaik dari kedua dunia
Bagaimana cara mengubah WordPress menjadi aplikasi asli
Sayangnya, karena proses konversi situs WordPress Anda ke aplikasi seluler asli cukup rumit, Sebagian besar aksesori membutuhkan sedikit biaya. Jadi, jika Anda serius membuat versi asli aplikasi seluler situs WordPress Anda, Anda harus membuka dompet dan membayar untuk plugin premium.
Meskipun ada beberapa plugin yang mengklaim melakukan ini, tiga opsi paling populer adalah:
- WordApp
- MobiLoud
- AppPresser
Bagaimana cara kerja WordApp?
WordApp memungkinkan Anda membuat aplikasi Android dan iOS asli dari situs WordPress Anda. Yang terbaik dari semuanya, Anda dapat membuat aplikasi Android secara gratis, meskipun Anda harus membayar untuk versi iOS.
Membuat aplikasi Anda hanya membutuhkan waktu sekitar 5 menit dan Anda bahkan dapat mengirim pemberitahuan push ke pengguna aplikasi Anda langsung dari dashboard WordPress Anda.
Bahkan jika Anda menggunakan versi berbayar, WordApp masih berharga kurang dari $ 10 per bulan.
Bagaimana cara Appmaker bekerja?
Appmaker memungkinkan Anda untuk mengonversi situs WordPress dan WooCommerce Anda ke aplikasi asli Android dan iOS WordPress / WooCommerce.
Harga dipersonalisasi dan Anda bisa mendapatkan perkiraan biaya setelah menghubungi pakar aplikasi Anda. Perusahaan memprioritaskan kualitas dan kinerja di atas segalanya, jadi walaupun harga mungkin lebih tinggi daripada pesaing, mereka tetap berpegang pada mantra: "Anda mendapatkan apa yang Anda bayar," bisa dikatakan demikian.
Bagaimana cara kerja MobiLoud?
Dengan MobiLoud, Anda menginstal plugin gratis dan menyelaraskannya dengan akun MobiLoud Anda. MobiLoud kemudian membuat versi asli aplikasi situs Anda untuk iOS dan Android.
Anda akan mendapatkan logo, ikon, dan layar beranda Anda sendiri. Dan MobiLoud bahkan akan mengurus proses pengiriman.
Saat ini, paket MobiLoud termurah dimulai dari $ 69 per bulan saat dibayar bulanan. Mereka juga memiliki lebih banyak paket kaya fitur yang harganya naik.
Bagaimana cara kerja AppPresser?
Dengan AppPresser, Anda dapat membuat aplikasi seluler asli Anda di antarmuka AppPresser. Kemudian AppPresser menawarkan plugin khusus untuk menyinkronkan situs WordPress Anda dengan aplikasi seluler asli Anda.
Saat membuat aplikasi sendiri, jangan khawatir! Anda tidak perlu tahu kode apa pun untuk membuat aplikasi WordPress asli Anda. Semuanya dilakukan melalui generator visual, yang super rapi. Jelas, Anda tidak akan membuat Flappy Bird berikutnya dengan generator visual. Tetapi untuk versi aplikasi sederhana dari situs WordPress Anda, itu baik-baik saja.
AppPresser menawarkan beberapa paket berbeda:
- Rumah – rencana dasar sebesar $ 199
- Woo – rencana yang ditujukan untuk toko WooCommerce seharga $ 399
- Agensi – dirancang untuk agen seharga $ 499
Meskipun tidak ada yang 100% gratis untuk iOS dan Android, mereka semua adalah solusi yang baik untuk mengubah WordPress menjadi aplikasi seluler asli.
Membungkus barang
Ugh! Kami banyak membahas, kan? Setelah membaca posting ini, Anda perlu mengetahui segalanya mulai dari mengapa penting untuk membuat WordPress mobile friendly untuk bagaimana mengubah situs WordPress Anda menjadi aplikasi seluler yang bagus.
Jika Anda hanya pengguna biasa situs WordPress, Anda benar-benar tidak perlu khawatir tentang aplikasi. Cukup ikuti kiat desain dasar untuk perangkat seluler seperti desain responsif, penghapusan sembulan, dan mungkin pemasangan Google AMP untuk WordPress.
Namun, jika Anda memiliki bisnis WordPress yang serius, Anda harus meluangkan sedikit lebih banyak waktu untuk membuat situs WordPress Anda ramah untuk seluler.
Seperti yang diilustrasikan dalam beberapa statistik yang saya bahas, lalu lintas seluler tidak akan hilang dalam waktu dekat (justru sebaliknya, sebenarnya!). Jadi, jika Anda ingin bisnis Anda sukses, berinvestasi dalam desain yang dioptimalkan untuk perangkat seluler akan membayar dividen di masa depan.
Simpan Hemat
Simpan Hemat
