Saat ini penggunaan perangkat seluler kian marak, dan bisa dibilang sudah menjadi perangkat utama para penggunanya untuk terhubung ke internet. Bercermin dari diri sendiri saja, pastinya kita juga mengalaminya, hampir setiap hari mulai dari membuka surel, menonton video, komunikasi pesan teks, melakukan pencarian serta aktifitas-aktifitas lainnya. Ditinjau dari durasi pemakaiannya juga pengguna perangkat seluler jauh lebih lama jika dibandingkan dengan perangkat-perangkat lainnya.
Melihat sedikit fenomena di atas, sebagai pengembang dan pengguna Joomla! CMS, pastinya kita juga ingin website yang kita buat mendapat predikat “Mobile Friendly Website”. Di Joomla! bukanlah hal yang cukup sulit untuk mewujudkan sebuah Mobile Friendly Website, karena secara mendasar Joomla! versi 3 sudah mendukung untuk perangkat-perangkat dengan beragam ukuran, istilah yang kita sering dengar untuk hal ini adalah “Responsive Web Design“.
Google saat ini juga sudah memberikan label khusus untuk website yang siap mendukung perangkat mobile, label “Mobile Friendly” diberikan oleh google pada hasil pencarian jika dilakukan melalui perangkat mobile.
Kita lihat gambar di bawah ini, hasil pencarian dilakukan menggunakan perangkat seluler, dan dari hasil pencarian tersebut jelas dan tampak label “Mobile-friendly” diberikan oleh Google di hasil pencariannya.
Bahkan lebih jauh lagi Google menyediakan peralatan khusus untuk mengecek apakah suatu website sudah “Mobile Friendly” atau belum melalui halaman yang disebut oleh Google “Mobile Friendly Test” yang bisa diakses pada url berikut https://www.google.com/webmasters/tools/mobile-friendly Google ingin menyampaikan kepada seluruh pengguna internet, khususnya para pengembang website untuk membuat website yang ramah terhadap para pengguna perangkat mobile/seluler.
Sebagai contoh saya berikan tampilan gambar Website Kelana Solution setelah dilakukan pengecekan pada halaman Google Mobile Friendly Test, sebagai berikut :
Berikut ini adalah daftar template dan ekstensi Joomla! yang bisa anda gunakan agar website Joomla! anda mendapatkan label “Mobile Friendly” oleh Google.
1. Template Framework Helix
Helix merupakan template framework buatan pengembang template Joomla! bernama JoomShaper, untuk meramaikan barisan framework template di Joomla!, JoomShaper menawarkan beragam fitur yang membuat para penggunanya mudah dalam mengembangkan template yang kaya fitur, salah satunya adalah sudah mendukung responsive web design. Helix ini juga merupakan salah satu template framework Joomla! yang saya sukai, dan hasilnya adalah website Kelana Solution dibangun diatas platform Helix Framework. Info lebih lengkap mengenai Helix Framework
2. Template Framework Joomla! lainnya
Ada cukup banyak barisan template framework Joomla!, saya tidak ingin membahasnya satu persatu, karena sebelumnya saya juga pernah menulis artikel berjudul Panduan Memilih Template Framework di Joomla! CMS, silahkan anda buka artikel tersebut untuk mengetahui template framework mana yang cocok untuk anda.
3. Ekstensi Mobilize
Ekstensi bernama JSN Mobilize merupakan komponen Joomla! buatan pengembang template dan ekstensi Joomla! bernama Joomla Shine. Ekstensi ini menawarkan cara yang berbeda untuk mewujudkan sebuah website yang Mobile Friendly. Bagi anda yang serius mengembangkan sebuah website Joomla! tidak ada salahnya mencoba ekstensi berikut ini, saya sendiri telah mencoba ekstensi JSN Mobilize di beberapa website yang saya bangun, dan alhasil website-website tersebut memiliki tampilan yang sedikit berbeda dengan template-template Joomla! pada umumnya. JSN Mobilize menyediakan versi gratis dengan berbagai macam batasan, saya merekomendasikan versi standardnya seharga 49 USD untuk sekali bayar selamanya. Jika anda serius, membeli ekstensi tersebut akan sangat membantu pekerjaan anda untuk berada di tahapan yang bisa dibilang bukan “biasa”. Info lebih lengkap mengenai JSN Mobilize.
4. Ekstensi Responsivizer
Sesuai dengan namanya ekstensi Responsivizer mirip dengan ekstensi JSN Mobilize, namun dengan sistem pengelolaan yang cukup berbeda diantara keduanya. Dari pengalaman saya menggunakan ekstensi Responsivizer, ekstensi ini bisa dibilang lebih cepat jika dibandingkan dengan menggunakan beberapa template framework Joomla!. Sayangnya ekstensi ini tidak tersedia versi gratisnya, dengan biaya 49 USD untuk 1 tahun keanggotaan, ekstensi ini juga layak anda gunakan untuk keperluan pengembangan website Joomla! yang anda lakukan. Info lebih lengkap mengenai Mobile Joomla.
5. Mobile Joomla
Ekstensi Mobile Joomla merupakan ekstensi yang bisa dibilang senior, karena jauh sebelum era Responsive Web Design lahir, ekstensi ini telah lebih dulu ada dan menjadi ekstensi andalan yang banyak digunakan oleh para pengguna Joomla!. Beberapa kelemahan Mobile Joomla! menurut pendapat saya adalah, ukuran file dan database yang tergolong lebih besar dibandingkan ekstensi-ekstensi lainnya. Kelemahan berikutnya adalah, di versi gratisnya terdapat iklan yang disisipkan oleh pengembangnya, dan untuk menghilangkan iklan tersebut anda dapat membayar versi Pronya dengan biaya mulai dari 29 USD. Dibalik beberapa kelemahannya Mobile Joomla! satu-satunya ekstensi yang memiliki fasilias kompresi gambar dan merubah ukuran gambar pada versi website mobile, sehingga jika anda memiliki website dengan banyak gambar, penggunaan ekstensi ini dapat menjadi salah satu alternatif untuk mempercepat akses ke website anda. Info lebih lengkap mengenai Mobile Joomla.
6. Joomla Simple Mobile Detection
Ekstensi terakhir ini bukan merupakan ekstensi maupun template yang jika dipasang akan memberikan tampilan template yang Mobile Friendly ataupun masuk ke dalam kategori Responsive Web Design. Ekstensi bernama Joomla Simple Mobile Detection ini berfungsi untuk mengenalkan kepada perangkat pembukanya bahwa website anda memiliki versi mobile. Lebih lanjut ekstensi ini memiliki pengaturan yang berbeda-beda untuk beragam ukuran perangkat pembukanya. Satu hal yang saya sukai dari ekstensi ini adalah, anda dapat menciptakan url khusus dan mengarahkannya pada versi mobile. Info lebih lanjut mengenai ekstensi Joomla Simple Mobile Detection.
Sebagai contoh, website Kelana Solution jika diakses melalui perangkat mobile akan memiliki url http://m.kelanasolution.com, seperti pada gambar hasil pencarian Google di atas. Memang ketika tren Responsive Web Design, penggunaan alamat domain khusus perangkat mobile sudah banyak ditinggalkan. Akan tetapi beberapa website besar masih menggunakannya.
Saya sendiri memilih untuk menggunakan sub domain khusus perangkat mobile agar dapat memiliki tampilan pencarian Google yang lebih baik dan optimal serta menjadi pembelajaran untuk uji coba lebih lanjut.
Di lain kesempatan saya akan membagikan cara menggunakan plugin ini lebih lanjut agar website Joomla! anda juga dapat memiliki url khusus tanpa mengganggu versi yang saat ini sudah berjalan.
