{"id":2648,"date":"2023-04-12T08:52:34","date_gmt":"2023-04-12T01:52:34","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=2648"},"modified":"2023-04-12T08:52:34","modified_gmt":"2023-04-12T01:52:34","slug":"cara-membuat-website-mobile-friendly","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/","title":{"rendered":"Cara Membuat Website Mobile Friendly yang Gampang"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Sebagai pemilik webite, Anda mungkin sudah sering mendengar nih kalau membuat website itu harus <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">. Tapi, kenapa sih ini jadi penting?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, ini nih yang harus Anda ketahui karena faktanya <\/span><a href=\"https:\/\/review42.com\/resources\/mobile-marketing-statistics\/#:~:text=80%25%20of%20the%20top%2Dranked,phones%20lead%20to%20online%20action.\"><span style=\"font-weight: 400;\">70% <\/span><i><span style=\"font-weight: 400;\">traffic<\/span><\/i><span style=\"font-weight: 400;\"> website<\/span><\/a><span style=\"font-weight: 400;\"> itu datangnya dari <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\"> atau <\/span><i><span style=\"font-weight: 400;\">smartphone<\/span><\/i><span style=\"font-weight: 400;\">, lho.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fakta ini kemudian membuat Google juga merasa kalau membuat website menjadi <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> itu sangatlah penting. Sehingga, Google pun jadi lebih menyukai website yang <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> dibandingkan yang tidak.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, ini menunjukkan bahwa <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> itu ternyata bukan hanya supaya pengunjung nyaman. Namun, membuat website jadi <\/span><i><span style=\"font-weight: 400;\">mobile friendly <\/span><\/i><span style=\"font-weight: 400;\">jadi salah satu cara untuk meraih <\/span><i><span style=\"font-weight: 400;\">ranking<\/span><\/i><span style=\"font-weight: 400;\"> yang baik di hasil pencarian.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lantas, bagaimana cara membuat website agar menjadi <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">? Yuk, simak cara membuat website <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> berikut ini!<\/span><\/p>\n<h2><b>Cara Membuat Website Mobile Friendly<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Sebelum kita masuk ke cara membuat website yang <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">, Anda harus mengetahui satu hal lebih dulu nih. <\/span><span style=\"font-weight: 400;\">Membuat website yang <\/span><i><span style=\"font-weight: 400;\">mobile friendly <\/span><\/i><span style=\"font-weight: 400;\">itu bukan hanya soal tampilan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Karena faktanya, membuat website jadi\u00a0<em>mobile friendly<\/em> itu proses yang sangat kompleks. Tidak selesai hanya dengan mengganti tema dengan yang\u00a0<em>responsive<\/em>.\u00a0<\/span><\/p>\n<p>Membuat website yang\u00a0<em>mobile friendly<\/em> artinya Anda harus memastikan website bisa bekerja dengan optimal di\u00a0<em>smartphone<\/em>, terutama mengenai kecepatan.<\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk itu ada komponen website lainnya yang harus Anda sesuaikan dengan kapasitas <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">. <\/span><span style=\"font-weight: 400;\">Kalau begitu, langsung simak cara membuat website <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> berikut ini, yuk!<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Ganti dengan Tema yang Responsive<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>Salah satu pengetahuan umum yang harus Anda ketahui soal website adalah <a href=\"https:\/\/firstsiteguide.com\/mobile-friendly\/#how-to-optimize-site-for-mobile\">tidak semua tema itu\u00a0<em>responsive<\/em><\/a> dengan semua\u00a0<em>device<\/em>, lho.<\/p>\n<p>Oleh karena itu, cara pertama yang wajib dilakukan untuk membuat website yang\u00a0<em>mobile friendly<\/em> ya dengan mengganti tema dengan yang lebih\u00a0<em>responsive<\/em>.<\/p>\n<p>Tenang saja, ada banyak tema yang\u00a0<em>responsive<\/em> di semua\u00a0<em>device<\/em>, kok. Misalnya saja seperti tema Hello Elementor atau Astra di WordPress.<\/p>\n<p>Selain itu, cara lain untuk membuat tema website Anda lebih <em>mobile friendly<\/em> adalah dengan menggunakan fitur Responsive di website\u00a0<em>builder<\/em> seperti <a href=\"https:\/\/bikin.website\/blog\/sitepad-adalah\/\">SitePad<\/a>.<\/p>\n<blockquote><p><strong>Baca Juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/jenis-website-yang-bisa-dibuat-dengan-wordpress\/\">6+ Jenis Website yang Bisa Dibuat dengan WordPress<\/a><\/strong><\/p><\/blockquote>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Menyesuaikan Tampilan Konten Website<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Saat Anda mengganti tema dengan yang <\/span><i><span style=\"font-weight: 400;\">responsive<\/span><\/i><span style=\"font-weight: 400;\">, artinya tampilan setiap konten yang ada di dalam website ikut menyesuaikan dengan semua <\/span><i><span style=\"font-weight: 400;\">device<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Meski demikian, akan tetap ada konten yang tampilannya belum sesuai, baik itu dengan <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\"> maupun keinginan Anda sendiri.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Oleh karena itu, cara selanjutnya yang harus Anda lakukan untuk membuat website <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> ada <\/span><a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#section-2\"><span style=\"font-weight: 400;\">menyesuaikan tampilan tiap konten<\/span><\/a><span style=\"font-weight: 400;\">. Tentunya dengan memperhatikan tiga poin berikut ini:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Letakkan konten di posisi yang tepat. <\/b><span style=\"font-weight: 400;\">Misalnya bagian rekomendasi artikel yang diletakkan di bawah alih-alih di samping.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hindari konten yang terlalu panjang. <\/b><span style=\"font-weight: 400;\">Ini penting karena <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\"> memiliki ukuran layar yang lebih ramping. Sehingga, kalau konten yang panjang akan jadi lebih panjang lagi di layar <\/span><i><span style=\"font-weight: 400;\">smartphone<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Buat form yang pendek. <\/b><span style=\"font-weight: 400;\">Sama seperti konten, <\/span><i><span style=\"font-weight: 400;\">form <\/span><\/i><span style=\"font-weight: 400;\">pun harus singkat, padat dan jelas. Jadi, buatlah <\/span><i><span style=\"font-weight: 400;\">form <\/span><\/i><span style=\"font-weight: 400;\">dengan informasi yang penting saja.<\/span><\/li>\n<\/ul>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Gunakan Font yang Jelas dan Besar<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ketika Anda membuat website melalui PC, <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> yang digunakan cenderung dalam ukuran yang normal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, saat <\/span><i><span style=\"font-weight: 400;\">device<\/span><\/i><span style=\"font-weight: 400;\"> yang digunakan adalah <\/span><i><span style=\"font-weight: 400;\">smartphone<\/span><\/i><span style=\"font-weight: 400;\">, ukuran ini akan terlihat lebih kecil atau mungkin malah lebih besar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, supaya pengunjung lebih nyaman, setidaknya atur <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> di ukuran 14px. Selain itu pastikan pula <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda gunakan mudah dibaca.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hindari penggunaan <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> yang terlampau unik seperti kaligrafi dan sebagainya. Sebaiknya, gunakanlah <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> standar seperti Calibri, Arial dan sebagainya.<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Berikan Ruang yang Cukup untuk Link<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Pernahkah Anda kesulitan saat ingin mengklik <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> di suatu website melalui <\/span><i><span style=\"font-weight: 400;\">smartphone<\/span><\/i><span style=\"font-weight: 400;\">? Apalagi kalau ada <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> yang berdempetan, bukannya masuk ke <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> yang dituju malah masuk ke <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> yang ada di sebelahnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalau ini terjadi juga pada website Anda, pengunjung tidak akan berpikir dua kali untuk meninggalkan website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Inilah sebabnya Anda harus memastikan bahwa ada ruang yang cukup untuk <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> di website. Anda bisa mengatur spasi antar baris supaya tidak terlalu berdempetan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, pastikan pula tidak ada <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> dalam satu baris atau yang berdempetan, ya. Karena ini jelas akan mengganggu pengunjung yang ingin mengakses <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> tersebut.<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Optimasi Gambar dan Video di Website<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Dalam membuat website maupun blog, Anda tentu akan memasukkan gambar atau mungkin malah video.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, setiap gambar dan video ini jelas memiliki ukuran yang lebih besar daripada teks. Yang mana, ini akan sangat mempengaruhi kecepatan dari website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika ukuran terlalu besar, tentu ini akan terlalu berat untuk diakses melalui <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">. Sehingga, ujung-ujungnya pengunjung jadi malas berlama-lama dan Google pun bisa menggeser website Anda dari halaman pertama hasil pencarian.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Itulah mengapa penting untuk Anda mengoptimasi setiap gambar dan media yang digunakan. Alih-alih menggunakan format PNG, Anda bisa <\/span><i><span style=\"font-weight: 400;\">convert <\/span><\/i><span style=\"font-weight: 400;\">menjadi format JPEG atau WEBP yang ukurannya lebih ringan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalaupun ingin tetap menggunakan PNG, pastikan Anda sudah <\/span><i><span style=\"font-weight: 400;\">compress<\/span><\/i><span style=\"font-weight: 400;\"> ukurannya lebih dulu, ya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan, untuk video, gunakanlah fitur <\/span><i><span style=\"font-weight: 400;\">embed <\/span><\/i><span style=\"font-weight: 400;\">supaya <\/span><i><span style=\"font-weight: 400;\">loading<\/span><\/i><span style=\"font-weight: 400;\"> website menjadi lebih ringan karena tidak harus memproses video tersebut.<\/span><\/p>\n<blockquote><p><strong>Baca Juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/cara-mempercepat-loading-website\/\">Website Anda Lelet? Ini 7 Cara Mempercepat Loading Website!<\/a><\/strong><\/p><\/blockquote>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Ganti Flash dengan HTML5<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Membuat website yang interaktif memang akan menarik mata para pengunjung. Apalagi kalau ada animasi menarik dengan <\/span><i><span style=\"font-weight: 400;\">script<\/span><\/i><span style=\"font-weight: 400;\"> Flash.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, <\/span><i><span style=\"font-weight: 400;\">script<\/span><\/i><span style=\"font-weight: 400;\"> seperti Flash bukan pilihan yang tepat jika Anda ingin membuat website yang <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flash adalah salah satu <\/span><i><span style=\"font-weight: 400;\">script <\/span><\/i><span style=\"font-weight: 400;\">yang tidak <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> alias tidak <\/span><i><span style=\"font-weight: 400;\">support<\/span><\/i><span style=\"font-weight: 400;\"> untuk <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tapi, bila Anda memang sangat ingin menggunakan animasi atau fitur interaktif lainnya, sebaiknya gunakanlah <\/span><i><span style=\"font-weight: 400;\">script<\/span><\/i><span style=\"font-weight: 400;\"> HTML5 yang bisa menggantikan Flash.<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Hindari Pop-up yang Terlalu Banyak<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bagi banyak website bisnis, <\/span><i><span style=\"font-weight: 400;\">pop-up<\/span><\/i><span style=\"font-weight: 400;\"> jadi salah satu cara yang ampuh untuk meningkatkan konversi, entah itu berupa <\/span><i><span style=\"font-weight: 400;\">leads<\/span><\/i><span style=\"font-weight: 400;\"> maupun <\/span><i><span style=\"font-weight: 400;\">sales.<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Tapi, <\/span><i><span style=\"font-weight: 400;\">pop-up<\/span><\/i><span style=\"font-weight: 400;\"> juga bisa sangat mengganggu kalau jumlahnya terlalu banyak, lho. Bukannya langsung melihat konten, pengunjung malah disuruh melihat berbagai <\/span><i><span style=\"font-weight: 400;\">pop-up<\/span><\/i><span style=\"font-weight: 400;\"> yang terus bermunculan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Buat para pengunjung dari PC saja, hal ini sudah sangat mengganggu. Apalagi kalau mereka menggunakan <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sudah layar kecil, harus pula dihadapkan dengan berbagai <\/span><i><span style=\"font-weight: 400;\">pop-up<\/span><\/i><span style=\"font-weight: 400;\"> yang susah untuk di-<\/span><i><span style=\"font-weight: 400;\">close<\/span><\/i><span style=\"font-weight: 400;\">. Sangat tidak <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda pasti sudah bisa menebak apa yang akan dilakukan oleh para pengunjung. Selain itu, desain seperti ini malah akan <a href=\"https:\/\/bikin.website\/blog\/kesalahan-desain-website\/\">merusak SEO website<\/a> Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk itu, jangan menggunakan <\/span><i><span style=\"font-weight: 400;\">pop-up<\/span><\/i><span style=\"font-weight: 400;\"> jika Anda ingin website jadi lebih <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">, ya<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Sesuaikan Tombol CTA<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Tombol CTA (<\/span><i><span style=\"font-weight: 400;\">Call to Action<\/span><\/i><span style=\"font-weight: 400;\">) jadi salah satu komponen penentu konversi di website. Kalau diklik, akan terjadi konversi dan sebaliknya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Itulah mengapa tombol CTA ini harus diberikan perhatian khusus. Banyak ahli dan praktisi yang menyarankan tombol CTA haruslah jelas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bukan hanya dari segi bentuk, namun juga soal warna, posisi bahkan sampai ke teks <\/span><i><span style=\"font-weight: 400;\">copywriting<\/span><\/i><span style=\"font-weight: 400;\">-nya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tidak selesai sampai di situ, tombol CTA pun harus Anda sesuaikan dengan setiap <\/span><i><span style=\"font-weight: 400;\">device<\/span><\/i><span style=\"font-weight: 400;\"> yang ada, mulai dari PC, tablet hingga <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadi, jika ingin membuat website jadi lebih <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> pastikan ukuran, warna, teks sampai posisinya sudah nyaman untuk pengguna <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hindari ukuran tombol yang terlalu kecil, ini akan membuat pengunjung kesulitan mengklik dengan jari mereka.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hindari pula posisi yang terlalu sulit ditemukan atau yang sampai membuat pengunjung susah mengklik tombol CTA.<\/span><\/p>\n<h2><b>Buat Website Mobile Friendly Sekarang, Yuk!<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Membuat website yang menarik memang mudah, kalau Anda hanya berpatok pada satu <\/span><i><span style=\"font-weight: 400;\">device<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun kembali lagi, Anda harus ingat bahwa pengunjung Anda tidak hanya datang dari PC atau tablet. Ada pengunjung dari <\/span><i><span style=\"font-weight: 400;\">mobile device<\/span><\/i><span style=\"font-weight: 400;\"> yang jumlahnya bahkan mengalahkan jumlah pengunjung dari PC <\/span><i><span style=\"font-weight: 400;\">plus<\/span><\/i><span style=\"font-weight: 400;\"> tablet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sehingga, membuat website yang <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> jadi hukum wajib jika Anda menginginkan pengunjung nyaman dan Google menyukai website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cara membuat website menjadi <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> tidaklah sulit jika Anda mengikuti tips yang kami bagikan di atas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Akan tetapi, jika Anda menginginkan cara membuat website <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> yang lebih gampang, Bikin.Website bisa membantu Anda untuk mewujudkannya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalau masih ragu dengan tampilan website atau harga paketnya, Anda tidak perlu khawatir. Tinggal konsultasikan saja ke tim Bikin.Website secara GRATIS di bawah ini!<\/span><\/p>\n<p style=\"text-align: center;\"><a class=\"wp-block-button__link has-white-color has-text-color has-background\" style=\"background-color: #181585;\" href=\"https:\/\/bikin.website?utm_source=website&amp;utm_medium=blog&amp;utm_campaign=website-blog-bikinwebsite-cara+membuat+website+mobile+friendly\" target=\"_blank\" rel=\"nofollow noopener\">Konsultasikan Sekarang!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebagai pemilik webite, Anda mungkin sudah sering mendengar nih kalau membuat website itu harus mobile friendly. Tapi, kenapa sih ini jadi penting? Nah, ini nih yang harus Anda ketahui karena faktanya 70% traffic website itu datangnya dari mobile device atau smartphone, lho. Fakta ini kemudian membuat Google juga merasa kalau membuat website menjadi mobile friendly [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":2649,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[981,3,409,835],"tags":[995],"class_list":["post-2648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimasi-website","category-tips","category-dev-website","category-website","tag-membuat-website-mobile-friendly"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website<\/title>\n<meta name=\"description\" content=\"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website\" \/>\n<meta property=\"og:description\" content=\"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-12T01:52:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Cara Membuat Website Mobile Friendly yang Gampang\",\"datePublished\":\"2023-04-12T01:52:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/\"},\"wordCount\":1250,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cara-membuat-website-mobile-friendly.jpg\",\"keywords\":[\"membuat website mobile friendly\"],\"articleSection\":[\"Optimasi Website\",\"Tips\",\"Web Dev\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/\",\"name\":\"Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cara-membuat-website-mobile-friendly.jpg\",\"datePublished\":\"2023-04-12T01:52:34+00:00\",\"description\":\"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cara-membuat-website-mobile-friendly.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cara-membuat-website-mobile-friendly.jpg\",\"width\":1333,\"height\":992,\"caption\":\"cara membuat website mobile friendly\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-mobile-friendly\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Website Mobile Friendly yang Gampang\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website","description":"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website","og_description":"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!","og_url":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/","og_site_name":"Bikin.Website","article_published_time":"2023-04-12T01:52:34+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Cara Membuat Website Mobile Friendly yang Gampang","datePublished":"2023-04-12T01:52:34+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/"},"wordCount":1250,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg","keywords":["membuat website mobile friendly"],"articleSection":["Optimasi Website","Tips","Web Dev","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/","url":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/","name":"Cara Membuat Website Mobile Friendly yang Gampang - Bikin.Website","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg","datePublished":"2023-04-12T01:52:34+00:00","description":"Membuat website yang mobile-friendly itu penting sekali untuk SEO. Yuk, cari tahu cara membuat website mobile-friendly di bawah ini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/04\/cara-membuat-website-mobile-friendly.jpg","width":1333,"height":992,"caption":"cara membuat website mobile friendly"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-mobile-friendly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Website Mobile Friendly yang Gampang"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=2648"}],"version-history":[{"count":1,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2648\/revisions"}],"predecessor-version":[{"id":2650,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2648\/revisions\/2650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/2649"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=2648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=2648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=2648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}