<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwcks41kWCcsa3d_M__Fj7xmZikshDQ4PeagbpixNsMzkFIY_MU0WqQ0xdxYBatzvKw0AbhHQd4NGat15Uw0i6e3FK0e0kYBn2EBUnl5b4T92ehtjhf6lziX3MyhOcJeP9q66EoV7sDfY/s1600/Mengapa+situs+web+mesti+dijadikan+mobile+friendly.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara membuat blog mobile friendly" border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwcks41kWCcsa3d_M__Fj7xmZikshDQ4PeagbpixNsMzkFIY_MU0WqQ0xdxYBatzvKw0AbhHQd4NGat15Uw0i6e3FK0e0kYBn2EBUnl5b4T92ehtjhf6lziX3MyhOcJeP9q66EoV7sDfY/s1600/Mengapa+situs+web+mesti+dijadikan+mobile+friendly.png" title="Cara membuat blog mobile friendly" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><h2 class="editorial-header__subtitle" itemprop="name">
<span style="font-size: xx-small;">Mengapa situs web mesti dijadikan mobile-friendly?</span></h2>
</td></tr>
</tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif;">Pengguna internet di Dunia mayoritas menggunakan perangkat selular baik ponsel maupun smartphone untuk berselancar di dunia maya guna memperoleh informasi yang ia perlukan. Apakah pengunjung bisa menemukan informasi yang diperlukan dengan mudah, nyaman atau justru  sulit untuk digunakan?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Situs Versi desktop akan sulit untuk dilihat dan digunakan di perangkat selulaer. Versi yang tidak mobile-friendly mengharuskan pengguna untuk memperkecil atau memperbesar situs agar dapat membaca konten suatu blog atau website. Hal ini lah yang membuat pengunjung menjadi jengkel dan cenderung meninggalkan situs. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Akibatnya orang enggan mengunjungi situs kita. Untuk menghindari hal itu maka tampilan website atau blog harus dibuat menjadi mobile-friendly. Sehingga tampilan website dan blog menjadi sesuai dengan perangkat selulaer anda.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk mengetahui sebuah blog atau website sudah mobile-friendly apa belum, harus dilakukan tes Pengujian Situs Mobile-Friendly. Tes ini akan menganalisa URL dan melaporkan apakah website atau blog sudah memiliki desain yang mobile-friendly atau belum.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h2 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Pengujian Situs Mobile Friendly</span></h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk tes blog atau website mobile friendly silahkan ikuti langkah berikut: </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">1. Kunjungi <a href="https://www.google.com/webmasters/tools/mobile-friendly/" target="_blank">https://www.google.com/webmasters/tools/mobile-friendly/</a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Masukan URL </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Lantas klik tombol Analisa. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Tunggu proses analisa selesai</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Jika blog atau website belum mobile friendly, maka ada notifikasi: Tidak mobile-friendly</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nS9DzEFzuKsWjBH6mYjk_kg-RnwCWXja00aCEUVEMT7Q5fUePn20szJHFKycreMXFgJ5MQfkrkGRtdmiEKtQpjeEZnNYzIv_CD2yp3ipDuWaZZqH5_f6fOIoVdSTQ-EoabGLB4RTxFx4/s1600/membuat+blog+mobile+friendly++(3).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nS9DzEFzuKsWjBH6mYjk_kg-RnwCWXja00aCEUVEMT7Q5fUePn20szJHFKycreMXFgJ5MQfkrkGRtdmiEKtQpjeEZnNYzIv_CD2yp3ipDuWaZZqH5_f6fOIoVdSTQ-EoabGLB4RTxFx4/s1600/membuat+blog+mobile+friendly++(3).png" width="320" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">Tidak mobile-friendly</span></span></td></tr>
</tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif;">Bila blog atau website sudah mobile friendly, maka ada notifikasi: Mengagumkan! Laman ini mobile-friendly</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMmNaMVVdsx4_zCmzoUjstVpdL7Den3iga3AFMeOly8b0MWuYP1oKHAPdILuiT9ubeCPx3wdL_tq542mKHy2x6DNlHwAWEtkKiyHK0x3zfsxaee1W_wnL8vb8y2k_euFoPVfTQGB5Z1l8/s1600/membuat+blog+mobile+friendly++(2).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMmNaMVVdsx4_zCmzoUjstVpdL7Den3iga3AFMeOly8b0MWuYP1oKHAPdILuiT9ubeCPx3wdL_tq542mKHy2x6DNlHwAWEtkKiyHK0x3zfsxaee1W_wnL8vb8y2k_euFoPVfTQGB5Z1l8/s1600/membuat+blog+mobile+friendly++(2).png" width="320" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">Sudah mobile-friendly</span></span></td></tr>
</tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h2 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cara membuat blog mobile friendly</span></h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Jika blog atau pun website kamu belum mobile-friendly dan ingin membuat blog mobile-friendly silahkan ikuti langkah berikut ini.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">1. Masuk Dashboard Blog kamu</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Klik: Template</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLsPbWaJWowPCbN1aWtyXb2vVPrIX2u2DsvgOKD4xjOOp-mv_GdlKquSUUFs2ff9J5orusKARHvz9SLLG6L4Ncx1SW-78gDoOK6yhDycsnqw51kJk33QshpZU6T5gt6aPHhsgr8PrZMN8/s1600/membuat+blog+mobile+friendly++(6).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLsPbWaJWowPCbN1aWtyXb2vVPrIX2u2DsvgOKD4xjOOp-mv_GdlKquSUUFs2ff9J5orusKARHvz9SLLG6L4Ncx1SW-78gDoOK6yhDycsnqw51kJk33QshpZU6T5gt6aPHhsgr8PrZMN8/s1600/membuat+blog+mobile+friendly++(6).png" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">3. Klik: Ikon roda gigi</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Klik: Ya</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">5. Pilih tampilan, Tampilan mana yang inginkan, apakah default, dinamis atalu lainya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrspOuD0wj6jKjTL9YjQeeL8vfM-03MwKJy8jmdv8G93AEnOjt-8-x45baBzmDU-0eoX3oPGbhKenHBhIfWg87KWX22vt-ubcNyzm09zTNLWBATxKX6-E5q8VTo-DpONTvQxfKJ60zldw/s1600/membuat+blog+mobile+friendly++(7).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrspOuD0wj6jKjTL9YjQeeL8vfM-03MwKJy8jmdv8G93AEnOjt-8-x45baBzmDU-0eoX3oPGbhKenHBhIfWg87KWX22vt-ubcNyzm09zTNLWBATxKX6-E5q8VTo-DpONTvQxfKJ60zldw/s1600/membuat+blog+mobile+friendly++(7).png" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Jika kamu <a href="http://cara-design.blogspot.com/2012/10/cara-mengganti-template-blog-dari-hasil-download.html" target="_blank">menggunakan template hasil download</a>, pilih tampilan: Khusus. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU3j_yvDJpd1U13l3ulKm8NYhLyPV_Vt2mkT5MckkfRTNMFFkH4iB7yoObN_RxnBw_njlnT5oFVvgiM2ir8mBX5Hh46LoIwJ2F7h7mxgW8XxdeWx3mLfWzYl8UuSX819HgasyfeV0Dl-H7/s1600/membuat+blog+mobile+friendly++(4).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU3j_yvDJpd1U13l3ulKm8NYhLyPV_Vt2mkT5MckkfRTNMFFkH4iB7yoObN_RxnBw_njlnT5oFVvgiM2ir8mBX5Hh46LoIwJ2F7h7mxgW8XxdeWx3mLfWzYl8UuSX819HgasyfeV0Dl-H7/s1600/membuat+blog+mobile+friendly++(4).png" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">7. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">8. Pengujian mobile friendly kunjungi <a href="https://www.google.com/webmasters/tools/mobile-friendly/" target="_blank">https://www.google.com/webmasters/tools/mobile-friendly/</a>. Caranya ikuti langkah Pengujian mobile friendly diatas.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Demikian artikel tentang <a href="http://cara-design.blogspot.com/" target="_blank">Pengujian mobile friendly</a> dan <a href="http://cara-design.blogspot.com/" target="_blank">Cara membuat blog mobile friendly</a>. Semoga bermanfaat.</span><br />
<br /></div>

Mengapa situs web mesti dijadikan mobile-friendly? Pengguna internet di Dunia mayoritas menggunakan perangkat selular baik ponsel maupun smartphone untuk berselancar di dunia maya guna memperoleh informasi yang ia perlukan. Apakah pengunjung bisa me…