Pentingnya website Mobile Friendly

Website dikalangan sekarang dominan ke via ponsel, Jika kita tidak mempersiapkan secara matang sejak awal, maka website kita sulit dibaca p...

Website dikalangan sekarang dominan ke via ponsel, Jika kita tidak mempersiapkan secara matang sejak awal, maka website kita sulit dibaca pada layar kecil seperti ponsel, Ukuran akan menjadi terlalu kecil dibaca, gambar pun menjadi terpotong, dan lain lain.
penting nya versi wavker blog

Website yang Mobile Friendly atau bisa disebut responsive web design saat ini menjadi sebuah kewajiban, agan juga bisa mengecek template agan didukung Mobile Friendly apa tidak, untuk melihatnya silahkan masukan Url agan ke situs ini :
  • https://search.google.com/search-console/mobile-friendly

Dan beberapa hal kenapa begitu penting membangun situs yang mobile-friendly antara lain :

# Tren pengakses internet via mobile kebanyakan 
pengguna mobile dari waktu ke waktu meningkat
Seiiring dengan majunya pengguna smarthphone, pengakses web via mobile semaking meningkat dari tahun ke tahun, dan ada yang memprediksi akan melampaui pengakses website via komputer atau deskop, Bahkan studi yang dilakukan oleh situs ShareThis.com mengatakan bahwa saat ini orang berbagi konten di jejaring sosial via ponsel jumlah nya bahkan menigkat hingga 3 kali lipat dari pengguna komputer.

# Google Lebih Suka Dengan Web Responsive
mobile tampilan responsife
Tentunya Google menyatakan lebih menyukai pendekatan Responsive Web Desain dibandingkan dengan metode lain, misalnya dengan konten dinamis, yang menggunakan URL sama, Namun menyajikan konten berbeda disesuaikan sang pengakses, ataupun teknik pemisah URL untuk mengakses mobile seperti penggunasub domain http://www.wavker.xyz,.

Intinya terletak pada penggunaan url konten yang sama sehingga Robot Google lebih mudah mengindeks website kita.

Kalau dalam sisi SEO penggunaan URL yang berbeda dengan konten yang sama atau penggunaan URL yang sama dengan konten berbeda bisa mengakibatkan sebuah website mendapatkan penalti dari Google, kadang Google mengangap melakukan praktek Duplicate content.

Dan sebagai Bonus, Google memberikan tambahan poin ranking bagi website yang mmobile Friendly pada URL web yang memenuhi kriteria mobile-friendly.

# Tentu nya Mudah dan Praktis
Sebelum Responsive Wb desain dipopulerkan pengelola website selalu dihadapkan dengan masalah pengembangan aplikasi sendiri untuk menyediakan akses web via piranti mobile, selain mengatur dan mengelola versi web kita akan disibukkan dengan berbagai versi aplikasi dalam model disetiap tampilan mobile, gak kebayang berapa banyak kita membayar jasa development belum lagi update dan perubahan pada aplikasi.
praktis dari mobile friendly
Nah melalu Desain web responsife, kita hanya cukup bekerja sekali dan hasilnya website kita bisa diakses dari versi apa saja.

# Untuk Kenyamanan Visitor kita
Melalui desain web yang responsive maka website kita tetap nyaman diakses pneggunjung ketika melihat di ponselnya, visitor pun tidak akan langsung meninggalkan halama kita hanya karena permasalahan pada tampilan, misalnya ukuran gambar foto dan semacamnya.
mobile friendly membuat nyaman

Rahasia dibalik perubahan tampilan website secara dinamis berbagai ukuran layar smarthphone, adalah karena pemakaian teknik desain responsive dan inti dari desain responsive antara lain :
  • Penggunaan tag meta viewport pada elemen head HTML
  • Penggunaan media Jquery beserta min-widht dan max-widht di CSS.
  • Penggunaan satuan Ukuran relatif dalam bentuk prosentse di CSS
Agan bisa membacanya inti dari desain responsive dan bisa kita terapkan dalam pembuatan template kita kenarin di artike saya sebelum nya :
Dan beberapa hal cara penggunaan Inti responsive website tutorial nya bisa agan baca disini :
  • Menggunakan Meta Viewport
  • Menggunakan Media Query
  • Menggunakan Satuan Ukuran Relatif
Catatan : Untuk mengguji tampilan website kita yang responsive lakuakan dengan pengecilan jendela browser agan.
Atau cara pertama tadi dengan memasukan url ke : https://search.google.com/search-console/mobile-friendly

Postingan Terkait

0 komentar