Mengatur Tampilan Blog Versi Mobile, Responsive atau Mobile Friendly, Mana yang Anda Pilih?

Share:
Dengan semakin banyaknya pengguna smartphone, semakin banyak pula blogger yang mulai memerhatikan kualitas websitenya pada tampilan mobile. Tampilan versi mobile adalah tampilan yang muncul ketika website di buka lewat smartphone dan sejenisnya.

Berbeda dengan desktop, tampilan mobile pastilah lebih kecil layarnya. Apabila tampilan mobile tidak diatur dengan sedemikian rupa, maka layout atau tata letak blog tersebut menjadi berantakan.

Efeknya, tentu berpengaruh kepada pengunjung, dengan tampilan yang acak-acakan akan membuat pengunjung kabur sebelum membaca keunikan artikel yang kita tulis. Maka dari itu penting untuk setiap blogger mengetahui tampilan blognya dalam versi mobile.

Namun hampir semua blogger lebih memilih desktop (laptop dan komputer) untuk melakukan aktifitas blogging. Sehingga terkadang tampilan versi mobile sering luput ketika blogger tersebut mengedit template atau layout blog. Alhasil, ketika selesai melakukan edit pada template blog dan puas dengan tampilan desktopnya, tampilan blog dalam versi mobile menjadi berantakan. Untuk itu, dalam melakukan edit template, kita harus selalu mengecek keadaan layout dalam versi mobile.

Baca Juga: 5 Sumber Traffic Berkualitas yang Bisa Anda Dapatkan dengan Mudah

Istilah dalam dunia blogging untuk menyebut tampilan mobile yang ramah adalah "Mobile Friendly". Pengunjung blog pasti akan senang apabila tampilan blog kita mobile friendly. Ini dikarenakan blog menjadi sangat ringan dalam melakukan loading. Dengan begitu, pengunjung sangat mudah mengakses banyak artikel dalam versi mobile.

Selain tampilan mobile friendly, kita juga bisa mengecek apakah blog kita responsive atau tidak. Untuk yang belum tau, perbedaan antara mobile friendly dan responsive terletak pada tampilannya. Mobile friendly tampilannya selalu sama pada setiap handphone, sedangkan responsive tampilannya mengikuti ukuran handphone yang membuka blog tersebut.

Jika disuruh memilih antara mobile friendly atau responsive, saran saya tentukan berdasarkan apa yang anda targetkan dalam blog. Misalnya anda menginginkan blog ringan dan mudah diakses, pilih mobile friendly. Tetapi jika anda ingin tampilan yang disukai dan membuat pengunjung betah berlama-lama di blog kita, pilihlah responsive. Jika masih bingung perbedaan antara keduanya, anda bisa lihat gambar berikut ini.
responsive atau mobile friendly

Sekarang masuk ke topik pembahasan, dalam artikel ini saya akan membaginya menjadi 3 topik bahasan, berikut adalah ulasannya.

1. Melihat Tampilan Responsive Blog dalam Versi Mobile

Jika anda ingin melihat tampilan blog anda versi mobile dalam bentuk responsive, hal pertama yang harus anda lakukan adalah membuka link berikut ini http://mobiletest.me/

Setelah itu pilihlah jenis smartphone atau handphone yang ingin anda gunakan sebagai alat untuk melihat tampilan blog responsive milik anda.
melihat tampilan blog versi mobile

Masukan link blog anda, lalu tekan tombol Go. Maka akan muncul tampilan blog anda dalam versi mobile yang responsive.
melihat versi mobile dari desktop

2. Melihat dan Mengecek Blog yang Mobile Friendly

Untuk mengetahui apakah blog anda mobile friendly atau tidak anda bisa membuka link berikut ini https://search.google.com/search-console/mobile-friendly

Masukkan URL blog anda dan tekan Run Test, apabila ada gambar seperti dibawah ini, berarti blog anda sudah mobile friendly.
mobile friendly

3. Mengatur dan Memilih Tampilan Blog Antara Mobile Friendly dan Responsive

Setelah anda menentukan pilihan tampilan blog anda dalam versi mobile. Sekarang aturlah agar tampilan blog anda, sesuai dengan yang anda inginkan.

Caranya, silakan anda login ke blogger.

Kemudian pilih menu Template/Tema dan pilih pengaturan ponsel
mengatur tampilan website

Selanjutnya tentukan tampilan mobile blog anda
memilih template versi seluler

Mobile Friendly: Jika anda ingin tampilan yang ramah ponsel, pilihlah Ya. Tampilkan tema seluler di perangkat seluler.

Responsive: Jika anda ingin tampilan yang responsive, pilihlah Tidak. Tampilkan tema desktop di perangkat seluler.

Baca Juga: 5 Hal yang Sering Orang Kaya Lakukan, Tapi Anda Tidak

Itulah tutorial tentang mengatur tampilan versi mobile. Pilihan tentu ditangan anda, saya hanya memberikan ulasan sedikit tentang keduanya.

Apabila anda punya tambahan tentang kelebihan atau kekurangan tampilan blog responsive dan mobile friendly dalam versi mobile, silakan anda tulis di kolom komentar dibawah.

17 comments:

  1. lumayan nih bermanfaat buat ane ngatur ngatur tampilan blog. masih pemula soalnya, jadinya gatau mana yang mobile friendly dan responsive

    ReplyDelete
  2. bingung jadinya, tapi bermanfaat gan buat referensi....

    ReplyDelete
  3. Ane sih pilih yanh responsive gan 😁

    ReplyDelete
  4. biar bisa kedua-duanya gimana gan ?

    ReplyDelete
    Replies
    1. biasanya template blog sudah tersedia gan untuk keduanya, jika kita membuka blog lewat smartphone, pasti kita menemukan link yang bertuliskan "lihat versi desktop" atau "lihat versi mobile" poin ketiga diatas hanya menentukan pilihan pertama saat membuka blog menggunakan mobile

      Delete
  5. ane lebih suka responsive gan, tapi juga pengen kedua-duanya hehe

    ReplyDelete
  6. Wah jadi ngerti deh pantesan blog saya rapih di laptop tp pas buka di hp berantakan. Makasih infonya

    ReplyDelete
  7. Mobile Friendly itu template mobile bawaan google , kalo saya sih lagi nyari biar responsive , btw thanks infonya gan

    ReplyDelete
    Replies
    1. sama-sama gan, terima kasih juga tambahannya

      Delete
  8. sebagai pemilik blog, saya rasa memilih tampilan blog yang responsive adalah kewajiban. dengan tampilan responsive tentu pengunjung akan lebih nyaman membaca artikel di blog

    ReplyDelete
    Replies
    1. setuju saya gan, pembaca lebih senang melihat blog dalam tampilan yang responsive

      Delete
  9. Sekarang sdh zamannya android,jadi kita harus mempersiapkan blog kita untuk memanjakan para pengguna android salah satunya tampilan atau template

    ReplyDelete
    Replies
    1. memanjakan pengguna android dengan tampilan blog dan kualitas konten gan, itu yang harus kita terapkan

      Delete
  10. Artikelnya yahut..! Khususnya 'MobileTest.me'nya enak tenan.
    Makasih infonya.

    ReplyDelete
    Replies
    1. sama-sama gan senang bisa membantu, terima kasih juga sudah berkunjung

      Delete