{"id":1165,"date":"2019-05-08T07:43:48","date_gmt":"2019-05-08T07:43:48","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=1165"},"modified":"2019-07-01T18:05:33","modified_gmt":"2019-07-01T18:05:33","slug":"7-tips-membuat-website-yang-mobile-friendly","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/7-tips-membuat-website-yang-mobile-friendly\/","title":{"rendered":"7 Tips Membuat Website yang Mobile Friendly"},"content":{"rendered":"

Salah satu indikasi website yang sangat bagus ialah website\u00a0mobile friendly. <\/em>Hal ini dikarenakan jumlah pengguna\u00a0smartphone\u00a0<\/em>di Indonesia semakin bertambah. Sebagaimana kita ketahui bahwa menggunakan\u00a0smartphone\u00a0<\/em>semakin ke sini semakin lebih mudah dan simple<\/em>. Oleh karena itu, membuat website mobile friendly<\/em> sangatlah penting dengan tujuan untuk semakin mengembangkan bisnis yang Anda kelola melalui website tersebut.<\/p>\n

Berikut ini merupakan tips cara membuat website Anda agar mudah diakses di perangkat mobile<\/em>:<\/p>\n

    \n
  1. Tidak Membuat Website Mobile Friendly Secara Terpisah<\/li>\n<\/ol>\n

    Mungkin tidak banyak yang tahu bahwa website yang diakses melalui smartphone terkadang mempunyai halaman dan struktur yang berbeda. Usahakan membuat website yang responsive sehingga mudah diakses pada satu direktori atau folder yang sama. Misalnya jetorbit.com<\/a> jika diakses pada mobile maka tetap jetorbit.com<\/a> bukan m.jetorbit.com.<\/a><\/p>\n

      \n
    1. Gunakan Template Yang Responsive<\/li>\n<\/ol>\n

      Maksud responsive adalah dapat diakses menggunakan perangkat apapun dan dapat diakses oleh pengguna dengan cepat serta mudah. Hal ini dikarenakan tujuan dari mobile-friendly<\/em> adalah memanjakan pengguna dari segi apapun.<\/p>\n

        \n
      1. Selalu Menyertakan Meta Tag Viewport<\/li>\n<\/ol>\n

        Tag Viewport adalah kode atau perintah yang digunakan oleh web browser untuk menentukan bagaimana skala dan ukuran konten pada perangkat tertentu. Apakah Anda pernah membuat website dengan tampilan ciamik di desktop namun menjadi berantakan ketika dibuka di browser mobile? Nah, bagi Anda yang ingin membuat desain website yang fleksibel di semua browser, meta tag viewport ini sangat berguna mengatasi hal tersebut.<\/p>\n

          \n
        1. Perhatikan Ukuran Font dan Ukuran Tombol<\/li>\n<\/ol>\n

          Perlakukan pengunjung website Anda dengan nyaman. Caranya adalah dengan mempermudah dalam mengakses dan mencari informasi-informasi di website Anda. Perhatikan ukuran font dan tombol, apakah bisa dibaca, diklik atau melakukan perintah lainnya sehingga akan mempermudah pengunjung dalam mengakses website.<\/p>\n

            \n
          1. Gunakan Gambar Resolusi Tinggi<\/li>\n<\/ol>\n

            Gambar beresolusi tinggi berfungsi agar saat diakses di browser mobile, gambar tidak pecah atau terlihat blur. Namun hampir seluruh gambar yang memiliki resolusi tinggi memiliki kapasitas memori yang tinggi pula. Hal ini juga sangat berpengaruh pada cepat lambatnya pengaksesan website.<\/p>\n

            Anda dapat memanfaatkan beberapa tools kompresi gambar untuk membuat kapasitas gambar yang dipasang menjadi lebih kecil tanpa mengurangi kualitas gambar yang ingin Anda tampilkan. misalnya menggunakan tools TinyPNG.<\/p>\n

              \n
            1. Gunakan Video untuk Menyampaikan Details Informasi<\/li>\n<\/ol>\n

              Memanfaatkan konten video juga sangat menarik bagi pengunjung website Anda. Apabila informasi yang Anda sampaikan dalam bentuk visual dan membutuhkan penyampaian deskripsi yang panjang maka video dapat dimanfaatkan untuk memanjakan pengunjung.<\/p>\n

                \n
              1. Testing Secara Berkelanjutan<\/li>\n<\/ol>\n

                Teruslah untuk melakukan testing guna memastikan kenyamanan pengguna dalam mengakses website Anda melalui perangkat apapun.\u00a0 Sesuai dengan poin di atas, pastikan pengalaman pengguna dalam mengakses website yang paling diutamakan. Hal ini sangat mempengaruhi seberapa \u201cnyamannya\u201d pengguna dalam mengakses konten website Anda.<\/p>\n

                Anda dapat melakukan cek ke link https:\/\/search.google.com\/test\/mobile-friendly?hl=id<\/a> untuk mengetahui apakah situs Anda mobile friendly atau belum.<\/p>\n

                Bagi yang belum memiliki website, terutama bagi Anda yang mau jualan online, silakan kunjungi https:\/\/www.jetorbit.com\/blog\/7-alasan-anda-harus-memiliki-website\/<\/a> agar menjadi stimulant bagi Anda, terutama perkembangan bisnis Anda.<\/p>\n

                Selamat mencoba dan semoga sukses selalu ? <\/p>\n","protected":false},"excerpt":{"rendered":"

                Salah satu indikasi website yang sangat bagus ialah website\u00a0mobile friendly. Hal ini dikarenakan jumlah pengguna\u00a0smartphone\u00a0di Indonesia semakin bertambah. Sebagaimana kita ketahui bahwa menggunakan\u00a0smartphone\u00a0semakin ke sini semakin lebih mudah dan simple. Oleh karena itu, membuat website mobile friendly sangatlah penting dengan tujuan untuk semakin mengembangkan bisnis yang Anda kelola melalui website tersebut. Berikut ini merupakan tips … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1167,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[127,142,126],"class_list":["post-1165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-alasan-harus-memiliki-website","tag-cara-membuat-website","tag-website-mobile-friendly","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/1165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=1165"}],"version-history":[{"count":2,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/1165\/revisions"}],"predecessor-version":[{"id":1810,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/1165\/revisions\/1810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/1167"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=1165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=1165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}