Mohon tunggu...
Kimi Raikko
Kimi Raikko Mohon Tunggu... karyawan swasta -

Just Another Days In Paradise \r\n\r\n \r\n\r\n\r\n \r\n\r\n

Selanjutnya

Tutup

Inovasi

Cara Membuat Blog yang Mobile Friendly

8 November 2012   05:43 Diperbarui: 24 Juni 2015   21:46 1539
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik

[caption id="attachment_208120" align="aligncenter" width="545" caption="Ilustrasi, sumber: http://blog.martincollege.edu.au"][/caption] Meningkatnya jumlah pengguna internet mobile membuat pasar baru yang penuh dengan peluang. Kini sebanyak enam miliar orang di dunia memiliki ponsel. Ponsel tersebut bisa basic, bisa juga smartphone. Di sisi smartphone kini  makin banyak perangkat Android yang beredar setiap hari. Google sebagai pemilik Android mengklaim bahwa perangkat Android yang diaktifkan setiap hari di seluruh dunia mencapai 1,3 unit per hari. Perangkat tersebut sebagian besar adalah smartphone dan tablet yang mampu mengakses internet secara mobile. Jumlah tersebut tentu belum ditambahkan dengan perangkat mobile yang dirilis oleh RIM BlackBerry, Apple, dan Nokia. Hal ini menjadikan internet mobile sebagai salah satu primadona pengguna smartphone dan tablet. Sebagian besar pengguna smartphone dan tablet pasti mengakses internet sehingga mereka perlu dilayani dengan sangat baik. Google mengatakan bahwa pada tahun 2013 nanti orang yang menggunakan ponsel lebih banyak daripada pengguna komputer desktop (mungkin saja hal ini sduah tercapai di tahun 2012 ini). Fakta lain, pencarian secara mobile meningkat sebanyak 4 kali dibandingkan tahun 2010. Pada tahun 2015 nanti, setiap orang di bumi akan memiliki paling tidak satu ponsel. Dengan fakta-fakta tersebut merupakan alasan betapa pentingnya bagi mereka yang memiliki blog atau situs agar membuat blog mereka mobile friendly. Pertanyaannya bagaimana membuat blog mobile friendly? Google memberikan tuntunan yang sangat bagus untuk membangun sebuah blog atau situs untuk keperluan bisnis menjadi blog atau situs mobile friendly. Tuntunan tersebut tidak sulit untuk diikuti, yaitu sebagai berikut. 1. Situs atau blog yang cepat. Cepat dalam artian bahwa waktu loading-nya sangat rendah, jika bisa di bawah lima detik karena setelah lima detik biasanya pengguna mobile tidak mau lebih lama menunggu. Mengapa demikian? Karena terkait dengan biaya internet. Biasanya pengguna memiliki kuota tertentu sehingga kala lama di suatu situs akan mengurangi kuota tersebut, sementara hasil yang diperoleh tidak ada. Untuk mempercepat loading tampilkan yang perlu-perlu saja. Gambar besar dan teks yang besar harus dihindari agar blog terlihat minimalis. 2. Navigasi Mudah. Usahakan perpindahan dari satu sisi ke sisi lain sangat mudah digunakan. Navigasi yang mudah akan membuat pengunjung blog betah dan berlama-lama di blog mobile. 3. Be Thumb Friendly. Kebanyakan smartphone dan tablet berbasis touch screen. Usahakan apa yang akan diketuk oleh pengunjung di layar mudah ditemukan dan meminimalisasi kesalahan. Tentu pertanyaannya adalah bagaimana membuat blog atau situs mobile sebagus yang ada di desktop. Untuk hal ini, Google bekerja sama dengan DudaMobile memberikan paket blog mobile secara gratis satu tahun senilai 108 dollar AS. Ini artinya di tahun kedua nanti anda harus bayar. Ikuti langkah demi langkah berikut ini. 1. Masukkan URL Blog anda di Link ini seperti yang ditampilkan pada gambar berikut. [caption id="attachment_208106" align="aligncenter" width="600" caption="Langkah Pertama, mendaftarkan URL blog "]

13523514421922846456
13523514421922846456
[/caption] 2. Setelah mendaftarkan URL, anda bisa memilih layout blog mobile yang anda inginkan, seperti gambar berikut ini. Jika suka salah satu layout kemudian klik Apply. [caption id="attachment_208108" align="aligncenter" width="600" caption="Langkah kedua, pilih layout yang anda sukai"]
1352351560775160616
1352351560775160616
[/caption] 3. Langkah berikutnya memilih-milih desain blog mobile anda. Ada tersedia berbagai macam warna untuk home page, main page dan lainnya. Perhatikan gambar berikut ini. [caption id="attachment_208109" align="aligncenter" width="600" caption="Langkah ketiga memilih desain dan warna"]
13523518111580758214
13523518111580758214
[/caption] [caption id="attachment_208112" align="aligncenter" width="600" caption="Jika anda ingin menggunakan gambar sendiri juga bisa"]
13523521471280652223
13523521471280652223
[/caption] [caption id="attachment_208113" align="aligncenter" width="600" caption="Anda bisa melakukan kustomisasi tampilan blog"]
1352352201204824927
1352352201204824927
[/caption] [caption id="attachment_208115" align="aligncenter" width="600" caption="Kustomisasi juga bisa dilakukan terhadap header, home page, blog post, dan komentar"]
13523523881418049627
13523523881418049627
[/caption] 4. Setelah menemukan  desain dan warna blog mobile yang anda sukai, anda bisa melihat preview blog anda di perangkat smartphone berbasis Android, iOS iPhone, BlackBerry dan Windows Phone. Perhatikan gambar berikut ini. [caption id="attachment_208110" align="aligncenter" width="600" caption="Langkah keempat melihat preview tampilan blog di berbagai perangkat smartphone"]
1352351969571293226
1352351969571293226
[/caption] [caption id="attachment_208111" align="aligncenter" width="600" caption="Tampilan blog jika dikunjungi dengan iPhone"]
13523520451234491675
13523520451234491675
[/caption] 5. Langkah berikutnya adalah mendaftarkan blog mobile yang baru saja anda buat ke DudaMobile. Form pengisian dapat dilihat sebagai berikut. [caption id="attachment_208114" align="aligncenter" width="600" caption="Langkah kelima mendaftarkan blog mobile"]
1352352341213429227
1352352341213429227
[/caption] 6. Langkah keenam adalah menempatkan script HTML di blog versi desktop anda di head. Guna script HTML ini adalah untuk merefer blog anda ke versi mobile jika pengguna mengakses blog anda tersebut via perangkat bergerak. Perhatikan gambar berikut ini.
13523525731566238958
13523525731566238958
Setelah menempatkan script HTML tersebut, tugas anda membuat blog yang  mobile friendly sudah selesai. Anda bisa menguji apakah langkah yang anda lakukan benar atau salah dengan mengunjungi blog anda secara mobile dengan smartphone. Selamat mencoba, Go Mobile! Untuk Test Case coba kunjungi blog saya http://sociogeeks.blogspot.com/ secara mobile. Semoga bermanfaat.

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H

Mohon tunggu...

Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun