{"id":11743,"date":"2021-06-22T09:06:11","date_gmt":"2021-06-22T09:06:11","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=11743"},"modified":"2021-06-22T09:06:11","modified_gmt":"2021-06-22T09:06:11","slug":"kesalahan-desain-web-yang-harus-dihindari","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari","title":{"rendered":"Kesalahan Desain Web Yang Harus Dihindari"},"content":{"rendered":"<h2><strong>Alasan Pentingnya Desain Web<\/strong><\/h2>\n<p>Berikut beberapa alasan pentingnya web design bagi pengunjung ataupun pemilik situs :<\/p>\n<ul>\n<li><strong>Menyajikan visual yang oke dan menjawab kebutuhan.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Design web menarik dan fungsional, sehingga menjawab kebutuhan pengunjung. Misal, menggunakan icon keranjang untuk berbelanja, icon social media untuk link sharing, dsb.<\/p>\n<ul>\n<li><strong>Memanjakan User Experience.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Memberikan user journey yang ringan, to the point dan mudah diakses. Misalnya navigasi menu sederhana.<\/p>\n<ul>\n<li><strong>Meningkatkan konversi.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Desain web mempermudah alur konversi dan menggiring pengunjung melakukan action yang diharapkan. Contohnya, pembelian, berlangganan newsletter, dll.<\/p>\n<ul>\n<li><strong>Meroketkan kecepatan website.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Design cukup berdampak terhadap page speed. Karena tiap dekorasi harus dirancang setepat dan seefisien mungkin sehingga tidak menghambat page speed.<\/p>\n<h2 id=\"h-10-kesalahan-terbesar-desain-web-yang-menghancurkan-website\"><strong><span id=\"10_Kesalahan_Terbesar_Desain_Web_yang_Menghancurkan_Website\">Kesalahan Terbesar Desain Web yang Menghancurkan Website<\/span><\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11752 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.gif\" alt=\"\" width=\"1440\" height=\"810\" \/><\/p>\n<p>Berikut adalah kesalahan desain web yang bisa menghancurkan website, yaitu :<\/p>\n<h3 id=\"h-1-tidak-punya-target-pasar-dan-niche\"><strong><span id=\"1_Tidak_Punya_Target_Pasar_dan_Niche\">1. Tidak punya target pasar dan niche<\/span><\/strong><\/h3>\n<p>Mendesain web tanpa tahu target pasar dan niche memungkinkan seluruh design gagal dari awal. Sebab, seluruh komponen dibuat tanpa tujuan dan pertimbangan yang jelas.<\/p>\n<blockquote><p>&#8220;Target pasar adalah sekelompok orang yang menjadi target penjualan produk. Sedangkan niche yaitu segmentasi pasar yang lebih mengerucut.&#8221;<\/p><\/blockquote>\n<p>Web tanpa target pasar dan niche membuat desain seperti tidak punya arah. Produk yang dijual juga kesannya campur aduk. Sehingga susah mengundang pelanggan potensial.<\/p>\n<p>Berikut ini beberapa hal agar tidak salah target :<\/p>\n<ul>\n<li><strong>Ketahui tujuan membuat website (konversi, engagement, papan informasi, dll). <\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Mengetahui tujuan memudahkan memikirkan elemen yang website perlukan.<\/p>\n<ul>\n<li><strong>Pahami kriteria target pasar.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Target pasar membantu mengetahui karakter web yang pas.<\/p>\n<ul>\n<li><strong>Pasang goals yang terukur (conversion rate, traffic, bounce rate, dll).<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Goal yang bisa diukur akan memudahkan proses evaluasi web.<\/p>\n<ul>\n<li><strong>Manfaatkan tools seperti Google Analytic, Traffic Checker, dll.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tools tersebut membantu menarik data performa web.<\/p>\n<ul>\n<li><strong>Lakukan A\/B Testing <\/strong><strong>untuk mengetahui desain web yang paling ideal bagi kebutuhan target audiens<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">A\/B Testing adalah eksperimen untuk melihat variabel mana yang memberi hasil terbaik.<\/p>\n<h3 id=\"h-2-salah-pilih-tipografi\"><strong><span id=\"2_Salah_Pilih_Tipografi\">2. Salah pilih tipografi<\/span><\/strong><\/h3>\n<p>Tipografi adalah seni memilih dan menata font pada suatu ruang sehingga menciptakan kesan tertentu. Masih berhubungan dengan poin sebelumnya, target pasar menentukan karakter tipografi.<\/p>\n<blockquote><p>&#8220;Font menyesuaikan brand dan target audiens yang dituju. Banyak web designer yang belum paham penempatan target audiens atau karakter.&#8221;<\/p><\/blockquote>\n<p>Untuk membantu memilih tipografi yang efektif, perhatikan beberapa kunci sukses tipografi ini :<\/p>\n<ul>\n<li><strong>Demografi target audiens<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Kenali target audiens (usia, minat, profesi, dll) sehingga memudahkan memahami karakter font yang tepat. Childish, modern, edgy, atau bentuk lainnya.<\/p>\n<ul>\n<li><strong>Keterbacaan<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Teks mudah dibaca, tidak hanya sebagai estetika.<\/p>\n<ul>\n<li><strong>Panjang teks dan ukuran font<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ketahui konten apa yang muncul pada web. Apakah itu artikel berita, informasi produk, atau teks lainnya? Tentunya, tiap komponen butuh ruang dan ukuran font yang sesuai.<\/p>\n<ul>\n<li><strong>Hierarki tipografi<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Hierarki tipografi merupakan cara menonjolkan teks sesuai urutan kepentingannya, seperti heading. Sehingga, poin penting teks lebih mudah ditangkap mata.<\/p>\n<ul>\n<li><strong>Alignment<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Mengatur posisi dan margin sehingga text berada di garis yang tepat.<\/p>\n<ul>\n<li><strong>Whitespace<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ruang kosong atau jarak di sekitar teks. Membuat teks terlihat lebih lega dan memudahkan user membaca secara scanning.<\/p>\n<ul>\n<li><strong>Warna dan kontras teks<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Warna dan kontras mampu membangun kesan tertentu sekaligus memberi highlight pada poin-poin penting dalam teks.<\/p>\n<ul>\n<li><strong>Konsistensi font<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Gunakan font yang seragam dan konsisten dalam web. Jika jenis font terlalu beragam, user akan bingung dan melihat web sebagai situs yang kacau.<\/p>\n<h3 id=\"h-3-asal-memakai-warna\"><strong><span id=\"3_Asal_Memakai_Warna\">3. Asal memakai warna<\/span><\/strong><\/h3>\n<p>Salah memilih warna adalah akibat lagi yang terjadi jika tidak punya target pasar. Jadi memoles website dengan warna yang tanpa arti. Mendesain web harus paham target pasar dan memadukannya dengan\u00a0Psikologi Warna. Bangun nuansa situs dengan pilihan warna berikut :<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Warna<\/strong><\/td>\n<td><strong>Kesan<\/strong><\/td>\n<td><strong>Cocok Bagi Industri\u2026<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Biru<\/td>\n<td>Membangun kepercayaan dan ketulusan.<\/td>\n<td>Perusahaan tech hingga financial.<\/td>\n<\/tr>\n<tr>\n<td>Kuning<\/td>\n<td>Membangkitkan semangat dan optimisme. Cocok untuk Call-to Action Button atau mengarahkan user ke konversi.<\/td>\n<td>Industri pendidikan, organisasi, dll.<\/td>\n<\/tr>\n<tr>\n<td>Hijau<\/td>\n<td>Menciptakan kesan tenang.<\/td>\n<td>Industri kesehatan dan makanan.<\/td>\n<\/tr>\n<tr>\n<td>Oranye<\/td>\n<td>Mencerminkan persahabatan dan kreativitas. Daripada sebagai warna dominan, lebih cocok untuk pelengkap.<\/td>\n<td>Restoran, perusahaan kartu kredit, dll.<\/td>\n<\/tr>\n<tr>\n<td>Pink<\/td>\n<td>Romansa, feminim, manis.<\/td>\n<td>Perusahaan fesyen atau industri yang menargetkan wanita dan anak-anak.<\/td>\n<\/tr>\n<tr>\n<td>Merah<\/td>\n<td>Membangkitkan energi dan hal-hal darurat.<\/td>\n<td>Sering dipakai untuk situs restoran.<\/td>\n<\/tr>\n<tr>\n<td>Ungu<\/td>\n<td>Memberi kesan mewah dan kebijaksanaan.<\/td>\n<td>Agen konsultan, bisnis parfum, dll.<\/td>\n<\/tr>\n<tr>\n<td>Putih<\/td>\n<td>Minimalis, bersih, hingga ketulusan.<\/td>\n<td>Situs berita, e-commerce, dll.<\/td>\n<\/tr>\n<tr>\n<td>Abu-abu<\/td>\n<td>Melambangkan ketenangan, minimalis dan modern.<\/td>\n<td>Perusahaan tech, arsitek, fesyen, dll.<\/td>\n<\/tr>\n<tr>\n<td>Hitam<\/td>\n<td>Menunjukkan kekuatan, elegan, hingga kemewahan.<\/td>\n<td>Website IT, transportasi, fashion, dll.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"h-4-media-visual-sembarangan\"><strong><span id=\"4_Media_Visual_Sembarangan\">4. Media visual sembarangan<\/span><\/strong><\/h3>\n<p>Media visual (gambar, video, foto, dll) menjadi hal yang wajib ada di website. Sebab, media visual mudah memikat perhatian pengunjung situs. Bahkan, otak manusia memproses visual 60.000 kali lebih cepat dibandingkan teks.<\/p>\n<p>Namun, ada kalanya saat mendesain web mungkin lebih fokus pada keindahan gambar dan melupakan akibatnya bagi performa website.<\/p>\n<p>Lakukan antisipasi berikut supaya media visual tidak mengganggu performa website :<\/p>\n<ul>\n<li><strong>Gunakan format media visual yang sesuai.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Seperti JPEG untuk berbagai gambar fotografi atau yang lebih ringan lagi dengan Google WebP.<\/p>\n<ul>\n<li><strong>Pastikan ukuran gambar tepat.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ketahui ukuran panjang dan lebar device yang akan menampilkan web dan konten. Agar, bisa menentukan rasio gambar yang cocok untuk berbagai jenis device.<\/p>\n<ul>\n<li><strong>Compress.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Susutkan besar file gambar dan hapus meta data yang tidak perlu dengan berbagai tools compressor (TinyJPG, Image Optimizer, plugin Imsanity, dll) agar tidak banyak menyita ruang penyimpanan.<\/p>\n<ul>\n<li><strong>Embed.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Embed adalah kode untuk menarik video dari situs tertentu (seperti YouTube). Sehingga, video dapat tampil di web tanpa memakan ruang simpan.<\/p>\n<ul>\n<li><strong>Optimasi gambar.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Supaya gambar mampu membantu web agar mudah tampil di mesin pencarian, terapkan SEO Image.<\/p>\n<h3 id=\"h-5-navigasi-rumit\"><strong><span id=\"5_Navigasi_Rumit\">5. Navigasi rumit<\/span><\/strong><\/h3>\n<p class=\"posttitle\">Bounce rate tinggi masalahnya adalah karena navigasi yang rumit. Faktanya, 61,5% pengunjung meninggalkan web yang punya navigasi buruk.<\/p>\n<blockquote><p>&#8220;Navigasi website adalah fungsi yang memungkinkan user menjelajahi isi\u00a0 situs. Baik untuk menemukan informasi, melakukan pembelian, ataupun mengarah ke halaman lain.&#8221;<\/p><\/blockquote>\n<p>Tanpa navigasi yang oke, user akan kesulitan menjelajahi website. Misalnya, pilihan menu terlalu banyak, tidak tertata, teks terlalu panjang, dll.<\/p>\n<p>Berikut ini tips desain\u00a0 navigasi yang simple dan berguna :<\/p>\n<ul>\n<li><strong>Posisikan navigasi di tempat yang mudah ditemukan.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Bisa di bagian atas (header), kaki website (footer), sisi samping (sidebar), atau kombinasi.<\/p>\n<ul>\n<li><strong>Pastikan navigasi responsive.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Navigasi berfungsi dengan baik saat user mengaksesnya lewat berbagai device (desktop, mobile, tablet).<\/p>\n<ul>\n<li><strong>Atur sticky navigation yang bisa sembunyi otomatis.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Sticky navigation memungkinkan user bisa mengakses menu tanpa repot scroll. Tapi sebaiknya navigasi sembunyi otomatis saat tidak dipakai, sehingga tampilan web tetap luas.<\/p>\n<ul>\n<li><strong>Pasang menu yang prioritas.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Pastikan menu hanya berisi hal penting yang user butuhkan. Seperti profil, kontak, hingga layanan.<\/p>\n<ul>\n<li><strong>Sajikan item menu secukupnya.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Terlalu banyak pilihan hanya akan membingungkan user.<\/p>\n<ul>\n<li><strong>Gunakan teks\/icon deskriptif.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tidak perlu menggunakan copy writing yang terlalu puitis. Pakai saja istilah atau icon yang mudah user pahami. Seperti Sign Up, Cart, Search, dll.<\/p>\n<ul>\n<li><strong>Pertegas teks\/icon navigasi.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Buat perbedaan jelas antara teks navigasi dengan isi website. Sehingga, user mudah mengidentifikasi navigasi.<\/p>\n<h3 id=\"h-6-call-to-action-button-tidak-menarik-dan-salah-posisi\"><strong><span id=\"6_Call-to_Action_Button_Tidak_Menarik_dan_Salah_Posisi\">6. Call-to action button tidak menarik dan salah posisi<\/span><\/strong><\/h3>\n<p>Call-to-Action atau CTA punya fungsi yang berbeda dari tombol navigasi. Meskipun sama-sama bisa diklik, CTA punya pengaruh langsung ke konversi. Sedangkan navigasi sebatas membantu user membuka halaman website.<\/p>\n<blockquote><p>&#8220;CTA Button adalah teks (bisa berupa teks dengan link ataupun tombol pada website) yang bisa diklik untuk mengajak pengunjung melakukan sesuatu. Contohnya: Beli Sekarang, Download, Baca Selengkapnya, dll.&#8221;<\/p><\/blockquote>\n<p>Berikut ini cara membuat CTA Button yang efektif :<\/p>\n<ul>\n<li><strong>Sediakan pilihan jawaban dan tonjolkan mana yang lebih penting.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Agar terkesan tidak memaksa user, sediakan pilihan jawaban seperti Ya dan Tidak. Namun, highlight opsi tombol yang diharapkan user pilih.<\/p>\n<ul>\n<li><strong>Desain CTA agar tampil menawan.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Mulai dari ukuran tombol, border, jenis font, hingga hal-hal mendetail lainnya.<\/p>\n<ul>\n<li><strong>Berikan efek Hover States.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Hover States adalah ketika elemen tampak berubah saat disentuh cursor. Ini akan memberitahu user bahwa elemen bisa diklik.<\/p>\n<ul>\n<li><strong>Gunakan kalimat perintah.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Buat instruksi yang jelas agar audiens mau mengikuti petunjuk.<\/p>\n<ul>\n<li><strong>Bermain dengan kreativitas.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Gunakan copy writing yang ringkas namun menggoda. Seperti &#8220;Hidup sehat dimulai sekarang!&#8221;.<\/p>\n<ul>\n<li><strong>Tonjolkan manfaat.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Fokus dengan apa yang akan user dapatkan setelah mengklik tombol.<\/p>\n<ul>\n<li><strong>Batasi penawaran.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Terapkan strategi FOMO (Fear of Missing Out) untuk menciptakan kesan darurat sehingga audiens segera melakukan action.<\/p>\n<ul>\n<li><strong>Posisikan CTA Button pada lokasi yang strategis.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tombol CTA harus tampil mencolok, mudah ditemukan, dan ada pada setiap halaman web yang penting.<\/p>\n<h3 id=\"h-7-website-layout-berantakan\"><strong><span id=\"7_Website_Layout_Berantakan\">7. Website layout berantakan<\/span><\/strong><\/h3>\n<p>Tahukah bahwa hanya butuh 0.05 detik bagi visitor untuk memutuskan akan pergi atau bertahan pada website.<\/p>\n<blockquote><p>&#8220;Website layout adalah kerangka yang mengatur tata letak navigasi, tombol CTA, dan elemen lainnya pada website.&#8221;<\/p><\/blockquote>\n<p>Tanpa layout yang baik, user akan kesulitan menjelajahi website. Mereka juga susah menangkap info yang ingin disampaikan.<\/p>\n<p>Supaya tidak jatuh dalam kesalahan dalam mendesain web ini bisa mengupayakan hal berikut :<\/p>\n<ul>\n<li><strong>Pelajari dan buat hirarki visual. <\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Hirarki visual adalah konsep untuk menyetir perhatian audiens. Tujuannya untuk menunjukkan hal penting terlebih dahulu.<\/p>\n<ul>\n<li><strong>Gunakan struktur dasar website.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Buat halaman yang biasanya ada pada website, seperti Beranda, Kontak, Layanan, dll. Sehingga, user akan merasa familiar dengan fungsi web.<\/p>\n<ul>\n<li><strong>Pilih jenis website layout yang sesuai.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tentukan tujuan situs. Jika konversi, taruh landing page pada bagian depan. Namun berbeda jika tujuan web sebagai papan informasi, di mana barisan konten sebaiknya tampil pada halaman utama.<\/p>\n<ul>\n<li><strong>Buat navigasi yang simple.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Navigasi harus sederhana dan mudah user gunakan.<\/p>\n<ul>\n<li><strong>Posisikan setiap komponen web secara terorganisir.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Atur letak navigasi, konten, tombol, dll sehingga terlihat rapi dan mudah user ikuti.<\/p>\n<ul>\n<li><strong>Ikuti perkembangan trend web design.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Website layout seringkali berkembang, mengikuti kebutuhan dan tingkah laku user yang berubah.<\/p>\n<ul>\n<li><strong>Pelajari berbagai teori design.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Teori design seperti Hukum Gestalt, Rule of Thirds, Hukum Hick, dll akan membantu memahami psikologi manusia saat menggunakan website.<\/p>\n<h3 id=\"h-8-kurang-memahami-html-css\"><strong><span id=\"8_Kurang_Memahami_HTMLCSS\">8. Kurang memahami HTML\/CSS<\/span><\/strong><\/h3>\n<p>Saat mendesain web, ada kalanya tidak sendiri. Terkadang, butuh berkolaborasi dengan web developer. Bedanya web designer bertugas membuat tampilan website dengan pendekatan UX. Layout, visual, grafis, dll.<\/p>\n<p>Sedangkan\u00a0web developer bertanggung jawab terhadap semua hal di belakang layar. Termasuk performa situs, serta\u00a0 logika dan bagaimana tiap komponen web bekerja.<\/p>\n<p>Sayangnya, dalam membangun tampilan website terkadang desain dirancang suka-suka tanpa memikirkan apakah mungkin dieksekusikan. Alhasil,\u00a0web yang rilis beda jauh dari desain.<\/p>\n<blockquote><p>\u201cProblem yang sering dihadapi, ketika design sudah di hand-over, web developer mengalami kesusahan dalam proses development. Penting untuk memikirkan sejauh apa teknologi yang akan dipakai dan bagaimana kemampuan dari web developer.\u201d<\/p><\/blockquote>\n<p>Untuk memudahkan kolaborasi dengan web developer, web designer perlu memahami basic coding front-end. Seperti HTML\/CSS. HTML dan CSS adalah bahasa markup untuk membuat tampilan yang bisa diakses melalui browser.<\/p>\n<p>Berikut cara belajar HTML dan CSS :<\/p>\n<ul>\n<li><strong>Pelajari kerangka inti HTML.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Bisa memulai belajar dengan memahami struktur dasar halaman website dalam HTML.<\/p>\n<ul>\n<li><strong>Ketahui basic coding HTML dan CSS.\u00a0<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Mengetahui basic coding HTML dan CSS akan memudahkan memahami code yang lebih rumit.<\/p>\n<ul>\n<li><strong>Buat atau modifikasi template HTML\/CSS sesuai kebutuhan.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Coba praktik dengan membuat ataupun memodifikasi template HTML\/CSS.<\/p>\n<ul>\n<li><strong>Kembangkan kemampuan dengan coding yang lebih ringkas.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ikuti perkembangan web development agar bisa merancang web dengan code yang lebih bersih, seperti HTML5.<\/p>\n<h3 id=\"h-9-web-tidak-responsive\"><strong><span id=\"9_Web_Tidak_Responsive\">9. Web tidak responsive<\/span><\/strong><\/h3>\n<p>73,1% pengunjung meninggalkan web dengan desain non-responsif. Sebelum mengetahui alasannya, sebaiknya memahami dulu apa itu website responsive.<\/p>\n<blockquote><p>&#8220;Website responsive adalah website yang mampu menyesuaikan layout saat tampil di berbagai jenis device (desktop, mobile, tablet) dengan ukuran layar berbeda.&#8221;<\/p><\/blockquote>\n<p>Tanpa desain responsive, website akan tampil dalam versi yang tidak seharusnya. Jadi sebelum kehilangan pengunjung, pastikan buat web design yang responsive. Caranya :<\/p>\n<ul>\n<li><strong>Pakai atau buat template yang responsive.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Bisa menggunakan template responsive siap pakai atau membuat tema responsive dengan HTML dan CSS.<\/p>\n<ul>\n<li><strong>Pelajari bagaimana user menggunakan web di berbagai device.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ketahui fungsi apa saja yang paling user butuhkan baik pada desktop, mobile, ataupun tablet.<\/p>\n<ul>\n<li><strong>Optimasi gambar.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Ukuran gambar harus mampu fleksibel mengikuti tipe device.<\/p>\n<ul>\n<li><strong>Pastikan navigasi tampil oke di setiap jenis device.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tampilan pada mobile tentu lebih kecil daripada desktop ataupun tablet. Jadi, sesuaikan navigasinya. Memakai hamburger navigation, misalnya.<\/p>\n<ul>\n<li><strong>Desain tombol agar mudah diklik meski di layar kecil.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Tombol harus mencolok dan mudah diklik. Bisa dengan mendesainnya dalam bentuk kotak atau oval.<\/p>\n<ul>\n<li><strong>Gunakan tools cek website responsive.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Periksa apakah situs sudah responsive dengan berbagai tools cek website responsive.<\/p>\n<h3 id=\"h-10-cuek-dengan-seo-web\"><strong><span id=\"10_Cuek_dengan_SEO_Web\">10. Cuek dengan SEO web<\/span><\/strong><\/h3>\n<p>SEO (Search Engine Optimization) adalah upaya optimasi yang memungkinkan website mendapat ranking teratas di hasil pencarian. Salah satu yang bisa dioptimasi yaitu desain web itu sendiri.<\/p>\n<blockquote class=\"wp-block-quote\"><p>&#8220;SEO website design adalah pembuatan design website yang mengikuti kaidah SEO sehingga mudah ditemukan di mesin pencari.&#8221;<\/p><\/blockquote>\n<p>Lakukan beberapa trik ini untuk membangun SEO website design :<\/p>\n<ul>\n<li><strong>Lakukan page slicing.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Page slicing adalah membagi komponen website menjadi bagian kecil. Sehingga, proses optimasi lebih maksimal. Misalnya, mengiris background yang punya motif sama dan dipakai berulang. Alhasil, page loadnya lebih cepat daripada menggunakan gambar versi utuhnya.<\/p>\n<ul>\n<li><strong>Atur layout website.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Seluruh navigasi hingga konten harus terorganisir agar mudah dipahami user.<\/p>\n<ul>\n<li><strong>Buat sitemap website.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Sitemap adalah daftar halaman website yang bisa user akses dan akan ditampilkan search engine. Ini mempermudah Google mengindeks situs.<\/p>\n<ul>\n<li><strong>Hanya gunakan satu H1 pada setiap halaman web.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Heading 1 berfungsi sebagai judul utama halaman website. Supaya Google tidak bingung dengan inti website cukup pasang satu H1 saja di tiap halaman web.<\/p>\n<ul>\n<li><strong>Pastikan tema website mobile-friendly. <\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Website mobile-friendly adalah website yang dioptimasi untuk perangkat mobile. Faktanya, Google lebih suka mengindeks situs yang mobile-friendly.<\/p>\n<ul>\n<li><strong>Kecepatan website harus oke<\/strong>.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Faktanya, Google memberikan halaman pertamanya bagi website yang page speed-nya mendekati 1,65 detik.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;11743&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Kesalahan Desain Web Yang Harus Dihindari&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Alasan Pentingnya Desain Web Berikut beberapa alasan pentingnya web design bagi pengunjung ataupun pemilik situs : Menyajikan visual yang oke dan menjawab kebutuhan. Design web menarik dan fungsional, sehingga menjawab kebutuhan pengunjung. Misal, menggunakan icon keranjang untuk berbelanja, icon social media untuk link sharing, dsb. Memanjakan User Experience. Memberikan user journey yang ringan, to the [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":11753,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[4215,4216,4217,4218],"class_list":["post-11743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-alasan-pentingnya-web-design","tag-kesalahan-dalam-mendesain-web","tag-kesalahan-web-design","tag-kesalahan-web-design-yang-menghancurkan-website"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png",1920,1080,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Alasan Pentingnya Desain Web Berikut beberapa alasan pentingnya web design bagi pengunjung ataupun pemilik situs : Menyajikan visual yang oke dan menjawab kebutuhan. Design web menarik dan fungsional, sehingga menjawab kebutuhan pengunjung. Misal, menggunakan icon keranjang untuk berbelanja, icon social media untuk link sharing, dsb. Memanjakan User Experience. Memberikan user journey yang ringan, to the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T09:06:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Kesalahan Desain Web Yang Harus Dihindari\",\"datePublished\":\"2021-06-22T09:06:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\"},\"wordCount\":2084,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png\",\"keywords\":[\"alasan pentingnya web design\",\"kesalahan dalam mendesain web\",\"kesalahan web design\",\"kesalahan web design yang menghancurkan website\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\",\"url\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\",\"name\":\"Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png\",\"datePublished\":\"2021-06-22T09:06:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kesalahan Desain Web Yang Harus Dihindari\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog","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:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari","og_locale":"en_US","og_type":"article","og_title":"Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog","og_description":"Alasan Pentingnya Desain Web Berikut beberapa alasan pentingnya web design bagi pengunjung ataupun pemilik situs : Menyajikan visual yang oke dan menjawab kebutuhan. Design web menarik dan fungsional, sehingga menjawab kebutuhan pengunjung. Misal, menggunakan icon keranjang untuk berbelanja, icon social media untuk link sharing, dsb. Memanjakan User Experience. Memberikan user journey yang ringan, to the [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari","og_site_name":"Hosteko Blog","article_published_time":"2021-06-22T09:06:11+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Kesalahan Desain Web Yang Harus Dihindari","datePublished":"2021-06-22T09:06:11+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari"},"wordCount":2084,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","keywords":["alasan pentingnya web design","kesalahan dalam mendesain web","kesalahan web design","kesalahan web design yang menghancurkan website"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari","url":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari","name":"Kesalahan Desain Web Yang Harus Dihindari - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","datePublished":"2021-06-22T09:06:11+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/kesalahan-desain-web-yang-harus-dihindari#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Kesalahan Desain Web Yang Harus Dihindari"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/06\/Kesalahan-Desain-Web-Yang-Harus-Dihindari.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/11743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=11743"}],"version-history":[{"count":3,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/11743\/revisions"}],"predecessor-version":[{"id":11756,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/11743\/revisions\/11756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/11753"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=11743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=11743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=11743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}