Tips Cara Membuat Blog Anda Lebih Mobile Friendly

Diterbitkan: 2017-02-25

Google baru-baru ini mengumumkan bahwa mereka akan menggunakan pembaruan algoritma ramah seluler untuk memeriksa apakah semua blog ramah seluler, dan akan menghukum mereka yang tidak. Yang membuat banyak blogger bertanya-tanya, bagaimana membuat situs web mereka lebih ramah seluler dan bagaimana cara mengetahui apakah blog Anda ramah seluler atau tidak. Itulah sebabnya kami mengumpulkan informasi paling penting tentang mengapa membuat blog Anda lebih ramah seluler sangat penting dan bagaimana melakukannya.

Saat ini, sebagian besar pengunjung blog menggunakan perangkat seluler mereka alih-alih komputer untuk melakukannya. Dan karena Google telah berjanji untuk meningkatkan peringkat situs, yang cocok untuk dilihat di perangkat seluler, lebih penting dari sebelumnya untuk memastikan blog atau situs web Anda ramah untuk perangkat seluler.

Tentu saja, ini bukan hanya tentang apa yang diinginkan Google. Membuat blog Anda ramah seluler juga merupakan kepentingan terbaik Anda dan pembaca Anda, karena, karena begitu banyak orang menggunakan perangkat seluler mereka untuk menjelajahi internet, itu akan membuat membaca blog Anda lebih nyaman bagi mereka. Menurut penelitian Pew Internet Project, lebih dari sepertiga pemilik ponsel menggunakan ponsel mereka lebih dari desktop atau laptop untuk mengakses internet. Jadi, jika Anda ingin blog Anda mudah dilihat di ponsel cerdas apa pun serta meningkatkan jumlah pembaca blog Anda, keramahan seluler adalah sesuatu yang perlu Anda pikirkan. Dan itu sebenarnya lebih mudah dicapai daripada yang mungkin dipikirkan.

Menguji Kesesuaian Seluler

Saat Google datang dengan algoritme ramah seluler ini, mereka juga memungkinkan semua orang menguji blog dan situs web mereka untuk metrik ini menggunakan alat pengujian ramah seluler mereka. Cukup masukkan URL blog Anda ke dalam kotak " Masukkan URL untuk diuji ", klik " Jalankan pengujian " dan alat akan memberi tahu Anda apakah blog Anda ramah seluler atau tidak.

Jika situs web Anda ramah seluler, Anda dapat sedikit bersantai, karena Anda tidak perlu melakukan apa pun. Namun, jika alat Google ini menentukan bahwa blog Anda bukan yang paling mudah dibaca di perangkat seluler, maka Anda perlu melakukan beberapa perbaikan di bagian ini secepatnya.

Bagi mereka yang menggunakan perangkat lunak manajemen konten (CMS) untuk menjalankan blog mereka, seperti WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix dll., penyesuaian seharusnya tidak menjadi masalah, karena sebagian besar sistem perangkat lunak ini menawarkan alat, yang secara otomatis akan membuat situs web Anda ramah seluler. Namun, jika Anda menggunakan cara lama untuk tidak menggunakan perangkat lunak CMS apa pun untuk membuat situs web Anda, atau jika Anda memang menggunakan CMS, tetapi situs web Anda masih belum memenuhi standar seluler, berikut adalah beberapa kiat tentang cara meningkatkan keramahan seluler situs Anda.

1. Perbarui CMS ke versi terbaru dan gunakan tema seluler

Jika Anda menggunakan CMS, yang mungkin perlu Anda lakukan hanyalah memperbarui perangkat lunak Anda atau mengubah tema yang Anda gunakan untuk blog Anda. Sebagian besar CMS sudah menyediakan semua alat untuk membuat situs Anda mobile-friendly, tetapi Anda harus memastikan bahwa CMS Anda diperbarui ke versi terbaru. Misalnya, Joomla hadir dengan dukungan seluler, hanya jika perangkat lunak tersebut diperbarui ke versi terbaru. Namun, perangkat lunak lain mungkin mengharuskan Anda untuk mengubah tema situs web Anda agar ramah seluler, karena beberapa tema lama tidak terlihat bagus di perangkat seluler oleh karena itu juga tidak cocok untuk mereka. Untuk melakukannya, buka panel administratif CMS Anda, temukan tab tema di dasbor Anda dan ubah tema blog Anda menjadi yang responsif dan ramah seluler. Misalnya, WordPress menawarkan ratusan tema berbeda, dan sebagian besar gratis serta responsif. Sayangnya, jika Anda menggunakan CMS, yang tidak menawarkan dukungan seluler, peningkatan lebih lanjut akan diperlukan dan mungkin lebih pintar untuk hanya mengganti perangkat lunak manajemen konten Anda.

2. Gunakan subjudul

Aturan praktis dalam hal konten blog yang nyaman bagi pengguna seluler adalah membiarkan mereka menyerap teks dalam paragraf yang lebih kecil daripada memiliki artikel Anda dalam satu teks panjang. Jadi teks posting blog Anda harus terstruktur dengan baik, sehingga pembaca dapat mengorientasikan teks dengan mudah. Itu dapat dengan mudah dilakukan dengan menggunakan subpos. Saat Anda menggunakan subjudul, teks secara otomatis dibagi menjadi banyak sub-bab dan ada kemungkinan lebih kecil bagi pembaca untuk kehilangan tempat, saat membaca artikel. Dan karena kehilangan tempat saat membaca sesuatu di ponsel cerdas Anda adalah masalah yang cukup umum bagi banyak pengguna perangkat seluler, karena pengguliran seluler membuat membaca teks yang panjang dan monoton menjadi sulit, selesaikan dengan menggunakan judul.

Judul dapat dengan mudah disisipkan dengan menggunakan tag heading. Tag untuk heading terbesar dan terpenting adalah <h1>. Tag ini paling sering digunakan untuk judul teks. Judul lainnya memiliki hierarki atas-bawah dari <h1> hingga <h6>, yang merupakan judul yang hampir tidak terlihat, namun tetap akan membantu Anda membagi konten dan membuatnya lebih mudah dibaca.

3. Pilih ukuran yang sesuai untuk gambar

Blogger biasanya memilih ukuran gambar yang akan mereka gunakan di posting blog mereka sesuai dengan ukuran layar komputer normal, tetapi ketika posting blog dilihat di layar yang lebih kecil, seperti layar ponsel, gambar umumnya berakhir semua. sampai dengan ukuran yang sama. Ini berarti bahwa pengguna perangkat seluler tidak melihat gambar dalam proporsi yang sesuai. Jadi buat gambar Anda tidak hanya berukuran lebih kecil, biasanya gambar di bawah 1500 x 2500 piksel adalah yang terbaik, tetapi juga berukuran lebih kecil – disarankan di bawah 500 KB. Selain memiliki foto yang ramah perangkat seluler, mengecilkan ukuran file gambar Anda juga akan memungkinkan pengguna memuat halaman lebih cepat, karena gambar yang lebih kecil menggunakan lebih sedikit data untuk dimuat.

Untuk memperkecil ukuran dan dimensi file, gunakan editor foto apa pun yang Anda miliki, karena Anda tidak perlu Photoshop untuk melakukan ini. Kami menyarankan untuk menggunakan JPEGmini atau Pixlr , karena dengan editor foto ini Anda dapat mengurangi ukuran gambar tanpa mengurangi kualitasnya.

4. Gunakan desain responsif

Desain responsif untuk blog atau situs web memberikan kesempatan untuk melihatnya dari berbagai platform dan perangkat dengan ukuran layar yang berbeda lebih nyaman, karena secara otomatis menyesuaikan situs web Anda dengan lebar jendela browser. Dan, untuk memastikan kenyamanan membaca bagi pengunjung blog, selama adaptasi ini biasanya desain blog berubah, misalnya gambar menyusut, kolom berbaris vertikal, dan menu juga berubah. Tetapi jika perubahan ini tidak terjadi dengan sendirinya, ada alat yang dapat Anda gunakan untuk melakukannya sendiri.

Misalnya, Foundation 3 , Skeleton dan Bootstrap . Kerangka kerja ini akan secara otomatis menyesuaikan blog Anda, sehingga mudah dibaca di perangkat apa pun. Untuk menggunakan ini jauh lebih mudah daripada mengkodekan setiap kemungkinan kombinasi sendiri. Tentu saja Anda dapat melakukan ini juga dengan menggunakan unit panjang relatif baru CSS3 seperti lebar viewport (vw), tinggi viewport (vh), tinggi dan lebar minimum viewport (vmin) dan tinggi dan lebar maksimum viewport (vmax). Namun, pengkodean membutuhkan keterampilan serta waktu, dan jika Anda bukan programmer berpengalaman, saya sarankan untuk menggunakan opsi sebelumnya.

5. Gunakan desain sederhana

Pengguna seluler lebih menyukai desain situs yang sederhana, karena situs web desain yang besar dan rumit menjadi lambat di perangkat seluler. Desain yang sederhana juga memudahkan untuk menjaga perhatian pembaca pada konten daripada mengalihkan perhatian mereka dengan desain yang mewah, karena secara statistik sebagian besar pengguna ponsel memiliki rentang perhatian yang cukup pendek.

Itu berarti membuat tata letak situs Anda sederhana dan mudah dimengerti. Jika Anda menggunakan tema yang ditawarkan oleh penyedia layanan Anda, Anda cukup mengubahnya menjadi tema yang lebih sederhana. Misalnya, WordPress menawarkan banyak desain elegan dan sederhana yang tidak akan membebani perangkat seluler, tetapi juga akan tetap terlihat bagus di desktop. Tetapi jika Anda telah membuat situs web Anda menggunakan HTML, Anda dapat mengunduh template sederhana, yang akan membuat situs Anda terlihat bagus dan juga ramah seluler. Misalnya, Envato Market menawarkan banyak desain sederhana yang berbeda untuk Anda pilih dan gunakan di situs Anda.

6. Gunakan font standar

Font yang menarik dapat membuat blog terlihat lebih kreatif, tetapi font ini juga dapat mengganggu pembaca mobile blog, karena tidak semua perangkat seluler mendukung font desktop yang mewah. Jadi untuk melihat kontennya, pengguna perangkat seluler harus mengunduh font baru ke ponsel mereka, yang merupakan kerumitan yang tidak sepadan bagi banyak orang. Selain itu, bahkan jika semua font sudah diinstal sebelumnya, beberapa font yang lebih kreatif mungkin sulit dibaca di smartphone, karena ukurannya yang lebih kecil.

Jadi pilihlah font tradisional seperti Times New Roman, Verdana, Comic Sans MS, WildWest atau Bedrock. Dan juga periksa keterbacaan font yang Anda putuskan untuk digunakan, untuk memastikan teks tidak terbaca setelah dilihat di layar smartphone yang lebih kecil. Aturan umum adalah bahwa teks apa pun di situs web harus berukuran setidaknya 14 px, karena dengan cara ini teks akan cukup besar agar mudah dibaca bahkan jika Anda menggunakan perangkat seluler dengan layar yang sangat kecil.

7. Minimalkan konten per halaman

Saat halaman dimuat di perangkat apa pun baik itu komputer, tablet, atau ponsel cerdas, perangkat tersebut mengunduh semua konten halaman. Biasanya tidak menimbulkan masalah jika Anda menggunakan komputer, tetapi data dalam jumlah besar dapat membebani perangkat seluler. Untuk menghindarinya, Anda harus meminimalkan jumlah konten di setiap halaman, karena ini akan memastikan blog Anda berfungsi di setiap perangkat seluler.

Disarankan untuk mengurangi konten di halaman Anda di bawah 5 MB per halaman. Anda dapat dengan mudah memeriksa ukuran konten halaman Anda di browser apa pun. Cukup gunakan salah satu dari banyak alat pemeriksa ukuran halaman web, yang tersedia secara online. Jika di atas 5 MB, kurangi ukuran dan jumlah teks, gambar, dan komponen halaman lainnya secara manual atau gunakan kutipan blog untuk memudahkan pengunjung melihat blog Anda.

8. Gunakan video YouTube

Jika Anda cenderung memposting banyak video di artikel di blog Anda, Anda harus ingat, bahwa video tersebut akan terlihat jauh berbeda di perangkat seluler daripada di komputer. Terlebih lagi, beberapa perangkat seluler bahkan tidak mendukung format video tertentu, jadi untuk menghindari kemungkinan pengguna tidak dapat memutar video di situs Anda, gunakan YouTube tersemat. Kode sematan yang disediakan YouTube untuk setiap video mereka sudah responsif, yang berarti Anda akan dapat melihat video di hampir semua perangkat dan Anda tidak perlu khawatir tentang ukuran dan format video lagi.

Anda bisa mendapatkan kode embed untuk video YouTube dengan mengklik tombol “Bagikan”, yang terletak di bawah tombol “ Berlangganan ”, lalu klik tab “ Sematkan ” dan salin kode yang disediakan ke situs Anda. Dan Anda memiliki video berukuran sempurna di pos Anda tanpa harus mengonversi atau menyesuaikannya.

9. Ganti tautan dengan tombol dan menu yang dapat diketuk

Sering kali tautan di situs web terlalu kecil bagi pengguna seluler untuk mengetuk dengan mudah dan akurat dengan jari mereka. Dan itu bisa sangat menjengkelkan bagi pembaca blog, ketika mereka tidak dapat secara akurat mengetuk konten, mereka ingin melihatnya. Itulah mengapa Anda harus mengganti semua tautan di situs web Anda dengan tombol yang berukuran minimal 44 piksel kali 44 piksel.

Jika Anda menggunakan CMS seperti WordPress, Anda bisa menggunakan plugin untuk membuat tombol-tombol ini. Buka panel kontrol CMS Anda, temukan plugin yang sesuai, instal, dan ikuti petunjuk untuk menggunakannya dengan benar. Tetapi jika Anda telah mengkodekan situs web sendiri, Anda dapat menggunakan salah satu dari generator tombol tautan gratis tersebut, yang akan menghemat waktu yang akan Anda gunakan saat mengkodekan tombol sendiri.

10. Terus menguji

Terakhir, ketika Anda telah melakukan semua peningkatan dan menurut Anda blog Anda sudah seramah mungkin, uji blog Anda lagi dengan alat pengujian Google atau alat pengujian keramahan seluler lainnya, yang dapat Anda temukan di internet. Jika sekarang semuanya baik-baik saja dan alat ini meyakinkan Anda bahwa blog Anda tidak akan terkena penalti, karena tidak ramah seluler, maka Anda dapat bersantai dan terus mengembangkan situs web Anda dengan membuat konten yang hebat. Tetapi untuk memastikannya, saya menyarankan Anda untuk menguji situs web Anda dari beberapa perangkat yang berbeda.

Minta teman atau anggota keluarga untuk melihat blog Anda dari ponsel dan tablet mereka. Uji situs Anda dari dan perangkat Android dan iOS, serta perangkat yang mungkin memiliki sistem operasi yang sama sekali berbeda. Dan buka semua halaman utama Anda di blog Anda di perangkat tersebut. Hanya dengan menguji keramahan seluler blog Anda dalam kehidupan nyata, Anda dapat yakin, bahwa situs Anda sebenarnya mudah dilihat dan dibaca dari semua gadget.

Keramahan seluler bukan hanya tentang memiliki desain situs yang bagus, tetapi juga tentang meningkatkan pengalaman pengguna di situs web Anda. Itulah sebabnya, ketika Anda membuat blog Anda lebih ramah seluler, lebih banyak orang akan bersedia kembali ke situs web Anda, karena akan mudah dilihat dan dipahami. Dan karena jumlah orang yang menggunakan ponsel mereka sebagai perangkat utama untuk menjelajahi web hanya meningkat setiap tahun, Anda sebaiknya memastikan bahwa situs web Anda ramah bagi pengguna ponsel cerdas ini dan menampilkan konten ke mereka dengan cara yang nyaman dan mudah dibaca.