10 Praktik Terbaik Tata Letak Blog untuk 2022 — Jangan Biarkan Tata Letak Canggung Merusak UX Anda

Seorang desainer pengalaman pengguna yang bijak berkata, “desain yang bagus tidak terlihat.” Dengan kata lain, jika Anda atau pengguna Anda memperhatikan tata letak blog atau pengalaman pengguna Anda, kemungkinan besar desainnya buruk.

Pikirkan tentang semua situs web, aplikasi, dan platform yang kita gunakan setiap hari. Apakah kita secara sadar memikirkan antarmuka dan pengalaman pengguna?

Antarmuka pengguna (UI) dan pengalaman pengguna (UX) terbaik adalah yang tidak menghalangi kami mencapai tujuan kami, apakah itu mengomentari kiriman Instagram, menavigasi kiriman blog bentuk panjang , atau memasukkan data ke sebuah aplikasi web.

Blog yang dirancang dengan baik sangat penting bagi pemilik bisnis eCommerce dalam banyak hal. Misalnya, mereka mengarahkan lalu lintas ke situs dan membantu membangun kepercayaan dengan calon pelanggan. Mereka juga membantu mempromosikan produk dan layanan, yang mengarah ke peluang pertumbuhan di kemudian hari.

Sayangnya, jika Anda memiliki desain yang canggung, Anda akan segera menemukan bahwa orang-orang cenderung tidak akan bertahan dan membaca konten Anda. Itu berarti bahwa tidak ada hal baik yang disebutkan di atas yang mungkin terjadi.

“Medianya adalah pesannya.” Itu berarti bagaimana Anda menyampaikan konten Anda sama pentingnya dengan kualitas konten itu sendiri.

Karena blog Anda adalah bagian penting dari saluran pemasaran Anda, UI/UX yang baik pasti akan memengaruhi pengunjung dan pendapatan yang kembali.

Posting blog ini akan menjalankan beberapa praktik tata letak terbaik untuk tahun 2022 yang akan membuat pengguna tetap terlibat, kembali lagi dan merekomendasikan blog Anda kepada orang lain.

10 Praktik Terbaik Tata Letak Blog untuk UX pada tahun 2022

Teknologi — termasuk praktik terbaik web — tampaknya berubah setiap minggu. Dan dengan teknologi baru, muncul cara baru yang menarik untuk mengonsumsi konten.

Pengguna kini terbiasa mengonsumsi konten dalam waktu singkat, baik melalui media sosial atau membaca blog di ponsel mereka.

Tata letak blog Anda harus beradaptasi dengan perubahan ini dan mudah dibaca, di mana pun atau bagaimana seseorang mengonsumsinya.

Berikut adalah beberapa tip yang perlu diingat saat mendesain tata letak blog Anda untuk UX yang optimal.

Tip #1: Gunakan Pendekatan “Pusat Pembelajaran” Terpusat

Menulis secara ekstensif tentang topik tertentu adalah cara yang bagus untuk membangun otoritas topikal di Google dan kepercayaan dengan audiens Anda.

Namun, bagaimana Anda mengatur konten ini di blog Anda sama pentingnya dengan konten itu sendiri.

Katakanlah Anda telah menulis semua yang perlu diketahui tentang penggalangan dana untuk organisasi nirlaba. Itu luar biasa. Tapi apa gunanya bagi prospek nirlaba jika konten yang relevan tidak ditandai, tidak dikategorikan, dan diselingi di antara banyak topik lainnya?

Ini tidak ideal untuk pengguna yang ingin menggunakan semua konten Anda tentang topik tertentu sekaligus. Jauh lebih baik untuk memiliki pendekatan kumulatif di mana segala sesuatu tentang topik itu diatur di satu tempat—kami menyebutnya pendekatan "pusat pembelajaran".

Pendekatan ini adalah cara terbaik untuk meningkatkan keterlibatan. Hal ini memungkinkan pengguna untuk dengan mudah menemukan dan mengkonsumsi semua konten yang Anda miliki tentang topik tertentu tanpa melakukan perburuan di seluruh situs web Anda untuk itu. Ini juga memungkinkan Anda untuk mempromosikan lintas konten lain dan meningkatkan waktu yang dihabiskan di situs Anda.

Selain itu, pendekatan pusat pembelajaran kemungkinan akan meningkatkan halaman Anda per sesi.

Seperti apa ini dalam praktiknya? Anda dapat melihat blog MatterApp untuk contoh yang bagus. Perusahaan, yang menampilkan aplikasi yang memberikan pujian dan umpan balik kepada tim di tempat kerja, telah mengelompokkan konten pilar dan mengelompokkannya di bawah enam kategori dalam satu halaman. Halaman tersebut berisi semua yang perlu diteliti pengguna untuk mengetahui lebih banyak tentang produk mereka.

Tip #2: Manfaatkan Elemen “Lengket”

Manusia malas. Oleh karena itu, salah satu prinsip utama desain adalah menambahkan nilai sebanyak mungkin sambil membuat pengguna bekerja sesedikit mungkin.

Menggunakan elemen pada halaman yang “lengket” adalah salah satu cara terbaik untuk memfasilitasi ini dan meningkatkan keterlibatan di blog Anda.

Elemen lengket tetap terlihat di layar saat pengguna menggulir ke bawah. Ini berarti bahwa mereka selalu dapat diakses tanpa pengguna harus menggulir kembali ke atas halaman.

Misalnya, jika Anda memiliki ajakan bertindak untuk mendaftar ke daftar email Anda, menggunakan elemen tempel akan memastikan bahwa itu selalu terlihat dan mudah dijangkau.

Anda dapat melihat contohnya di blog HubSpot . Perusahaan menggunakan ajakan bertindak yang melekat di sudut kanan bawah layar yang mendorong pengguna untuk mendaftar ke daftar email mereka.

Anda dapat menggunakan elemen lengket untuk berbagai tujuan lain, seperti:

• Tombol media sosial
• Menu navigasi
• Cari bar
• Widget obrolan langsung

Moderasi adalah kuncinya di sini. Terlalu banyak elemen lengket dapat membuat halaman menjadi berlebihan dan berantakan, yang pada akhirnya akan mengurangi pengalaman pengguna.

Tip #3: Potong ke Pengejaran

Memiliki konten panjang sangat penting untuk mengarahkan lalu lintas ke blog Anda dan peringkat yang baik di Google. Namun, sebagian besar pembaca menginginkan jawaban cepat dan tidak ingin mendengar Anda terus mengoceh tentang keunggulan produk atau layanan Anda.

Misalnya, jika pengguna Anda hanya menginginkan jawaban atas pertanyaan "apa itu menulis blog", sebagian besar hasil pencarian untuk kuerinya melibatkan membaca panduan yang panjang dan komprehensif. Meskipun panduan menjawab pertanyaan, pengguna Anda harus membaca sekilas konten yang panjang untuk menemukan definisinya.

Contoh lain adalah mengarungi posting blog yang panjang di Pinterest untuk mendapatkan bahan-bahan dan langkah-langkah resep. Syukurlah para pakar kuliner menggunakan link yang langsung membawa Anda ke resepnya, bukan?

Contoh-contoh ini tidak dapat disangkal memakan waktu dan membuat frustrasi bagi sebagian besar pengguna, yang merupakan contoh dari pengalaman pengguna yang buruk. Jadi alih-alih, gunakan kotak ringkasan artikel untuk memotong pengejaran.

Memiliki kotak-kotak kecil yang berisi ringkasan seluruh artikel sangat berguna dan merupakan cara yang bagus untuk menghemat waktu pengguna atau pembaca Anda. Meskipun kotak ringkasan dapat disesuaikan agar sesuai dengan konten di mana saja, menempatkannya di awal artikel adalah cara terbaik untuk menguraikan jawaban atau konten bagi pembaca.

Sebagai bonus, menjawab pertanyaan pengguna dengan jelas dan jelas akan meningkatkan kemungkinan Google menempatkan Anda dalam hasil "cuplikan unggulan" yang mereka dambakan, yang merupakan hasil teratas dalam SERP Google yang menyoroti jawaban atas pertanyaan pengguna.

Tip #4: Gunakan Desain Kartu Blog

Agar blog Anda tetap segar, Anda mungkin membuat banyak artikel — bagus! Teruskan.

Namun, ini dapat dengan cepat menyebabkan kekacauan visual, terutama ketika Anda mencoba menyorot semua posting baru Anda sekaligus di halaman blog utama Anda.

Jadi apa keseimbangan terbaik dari menampilkan posting di halaman blog utama Anda tanpa membebani pengguna? Seberapa besar atau kecil thumbnail blog dan tautan artikel seharusnya?

Yah, tidak ada jawaban singkat untuk pertanyaan itu, tapi setidaknya kita tahu pendekatan yang paling efektif adalah tata letak "kartu blog". Sejauh spesifik, kami merekomendasikan mempelajari dan mereplikasi praktik situs penerbitan terkemuka.

Medium.com memberikan contoh yang sangat baik dari format ini.

Ada banyak keuntungan menggunakan desain kartu blog, antara lain sebagai berikut:

• Mereka mudah dipindai dan dicerna.
• Mereka memungkinkan kita untuk dengan mudah mengenali, mengingat, dan membaca informasi penting.
• Mereka memungkinkan Anda untuk memasukkan banyak informasi tanpa membebani pengguna.
• Mereka dapat dengan mudah diatur ulang dan disusun ulang, yang sangat bagus untuk desain responsif.
• Mereka menyediakan ruang kosong yang cukup, membuatnya menarik secara visual dan mudah dinavigasi.

Namun, tata letak harus memiliki ukuran font dan gambar yang berbeda untuk membedakan dengan jelas antara elemen yang paling tidak penting dan yang paling penting. Taktik ini membuat desain lebih mudah dibaca oleh pembaca.

Selain itu, Anda dapat memasukkan elemen berikut dalam desain kartu.

• Gambar unggulan
• Penulis blog (gambar)
• Kategori
• Judul blog
• Tautan berbagi sosial
• Tanggal Posting
• kutipan blog
• Tombol Baca Selengkapnya

Dengan mengingat daftar ini, mari kita lihat Halaman Beranda Medium:

Perhatikan setiap "kartu" dan semua informasi terkait. Hampir semua posting blog setidaknya memiliki yang berikut ini:

• Judul blog
• Gambar unggulan
• Penulis blog
• gambar penulis blog
• Tanggal terbit
• Waktu membaca
• Kemampuan untuk menandai posting untuk nanti

Anda mungkin belum pernah memperhatikan semua elemen itu sebelumnya, bukan? Padahal, Anda mungkin menghargai keberadaan mereka. Itu adalah contoh sempurna dari desain hebat yang tidak terlihat.

Juga, salah satu praktik terbaik yang direkomendasikan oleh pakar pemasaran masuk di Impact untuk mengatur artikel dalam tata letak kartu blog melibatkan menempatkannya di kolom dua atau tiga.

Ini tergantung pada informasi yang Anda sajikan, tetapi secara keseluruhan, ini memaksimalkan berapa banyak posting yang terlihat secara bersamaan.

Tip # 5: Sertakan Waktu Baca

Saat membuat konten, Anda ingin orang-orang tetap tinggal dan membacanya. Tetapi jika pembaca Anda merasa tidak punya waktu, kemungkinan besar mereka akan pindah. Itulah mengapa salah satu hal terbaik yang dapat Anda lakukan adalah memberi tahu mereka dengan tepat berapa lama artikel Anda akan dibaca.

Taktik ini sangat penting jika audiens target Anda terdiri dari orang-orang sibuk yang selalu bepergian. Dengan memberi mereka perkiraan waktu membaca, Anda telah menerapkan strategi yang memberikan komitmen waktu kepada pembaca yang juga lebih mungkin untuk membawa mereka kembali ke konten yang mudah dicerna dalam waktu singkat.

Jadi, jika Anda ingin orang tetap tinggal dan membaca konten Anda, beri tahu mereka berapa lama waktu yang dibutuhkan. Tindakan sederhana ini akan meningkatkan keterlibatan dan membuat orang di situs Anda lebih lama.

Tip #6: Gunakan Spasi untuk Keuntungan Anda

Spasi putih, juga dikenal sebagai ruang negatif, adalah ruang di sekitar elemen pada halaman. Penting untuk menggunakan spasi putih dalam tata letak Anda untuk menarik minat visual pembaca dan menarik perhatian ke konten tertentu.

Menemukan keseimbangan ruang putih yang tepat sangat penting untuk menciptakan tata letak yang dirancang dengan baik. Terlalu sedikit spasi dapat membuat halaman terasa sempit dan sibuk, yang bisa membuat pengguna kewalahan. Di sisi lain, terlalu banyak spasi dapat membuat halaman terasa belum selesai atau tidak profesional.

Misalnya, TikTok menggunakan banyak ruang putih. Jumlah yang mereka gunakan mungkin terlihat konyol di situs web bisnis, tetapi ini sempurna untuk mengarahkan semua perhatian ke video di halaman.

Secara umum, yang terbaik adalah menggunakan terlalu banyak spasi daripada terlalu sedikit spasi. Ini akan membantu menciptakan tampilan bersih dan lapang yang nyaman dipandang mata.

Jadi, dalam hal tata letak blog, spasi adalah teman Anda. Ini dapat membantu menarik perhatian ke konten tertentu dan membuat tata letak Anda lebih menarik secara visual.

Tip # 7: Jangan Memiliki Bilah Sisi yang Berantakan

Ini adalah kesalahan umum yang dilakukan banyak blogger. Mereka mengisi bilah sisi mereka dengan ikon media sosial, keikutsertaan, iklan, dan sampah acak lainnya.

Praktik ini tidak hanya membuat segalanya terlihat buruk, tetapi juga dapat membingungkan dan membebani pengunjung.

Ini juga memberi kesan bahwa Anda lebih peduli tentang menjual sesuatu daripada menambahkan nilai kepada pelanggan Anda, mengalahkan seluruh tujuan konten informasional yang membangun kepercayaan.

Jangan perlakukan sidebar Anda seperti laci sampah. Sebaliknya, tetap berpegang pada hal-hal penting, seperti ikon media sosial dan keikutsertaan. Ini akan membantu menciptakan tampilan yang lebih ramping yang mudah dinavigasi dan meningkatkan pengalaman pengguna.

Tip #8: Gunakan Tipografi dengan Bijak

Tipografi adalah bagaimana teks terlihat pada halaman fisik atau digital untuk yang penasaran. Ini juga melibatkan manipulasi jenis huruf untuk membuat bentuk tertulis dapat dibaca dan menarik saat ditampilkan.

Pengaturan ini biasanya melibatkan pengambilan elemen desain seperti panjang garis dan kata, spasi, dll., atau ukuran titik dan menambahkan atau memanipulasinya untuk membuatnya enak dipandang dan lebih mudah dicerna.

Untuk dampak yang lebih baik, penting untuk menggunakan tipografi dengan bijak dalam tata letak Anda. Anda menciptakan minat visual dan menarik perhatian ke konten tertentu saat Anda melakukannya.

Misalnya, Anda selalu ingin menggunakan font yang lebih besar untuk judul dan yang lebih kecil untuk teks isi. Atau Anda mungkin ingin menggunakan font yang berbeda sama sekali untuk judul.

Idealnya, ukuran font antara 17px hingga 21px dianggap tepat untuk pembaca digital. Beberapa ukuran font secara alami lebih besar dibandingkan dengan yang lain.

Selain itu, ada baiknya membatasi jumlah font yang Anda gunakan pada halaman hingga tiga. Misalnya:

1. Gunakan gaya font pertama untuk judul pada posting.
2. Gunakan gaya font kedua untuk judul bilah sisi.
3. Gunakan gaya font ketiga untuk badan postingan.

Dan satu tip terakhir, pastikan font Anda aman untuk web. Jika tidak, mereka mungkin tidak memuat pada beberapa perangkat. Google Fonts adalah gudang font web gratis, dan selalu merupakan taruhan yang aman.

Tip #9: Memasukkan Artikel Terkait

Cara lain untuk membuat orang tetap tinggal dan membaca konten Anda adalah dengan memasukkan artikel terkait ke dalam tata letak Anda.

Artikel terkait adalah tautan ke posting blog lain (internal dan eksternal) yang serupa dalam topik atau materi pelajaran. Dengan menyertakan tautan ini, Anda dapat membuat orang tetap terlibat dan membaca konten Anda untuk jangka waktu yang lebih lama.

Untuk menemukan artikel terkait, Anda dapat menggunakan plugin seperti Yoast SEO. Plugin ini akan menganalisis posting blog Anda dan menyarankan artikel terkait untuk Anda sertakan.

Atau Anda dapat melakukan pencarian manual dengan membuka Google dan mencari “[kata kunci topik] situs:[situsanda.com].” Selama Google mengindeks situs Anda, ini akan mengungkapkan semua halaman dan posting di situs Anda yang mengandung kata kunci itu.

Misalnya, jika kita ingin melihat semua halaman yang telah kita tulis tentang topik blogging, saya akan memasukkan pencarian berikut di Google: “situs blog:skuvault.com.”

Halaman yang dihasilkan kemungkinan besar merupakan kandidat untuk interlinking.

Tip # 10: Gunakan Gambar Berkualitas Tinggi

Sangat penting untuk menggunakan gambar berkualitas tinggi dan tidak murahan dalam tata letak blog Anda. Itu karena orang adalah makhluk visual yang cenderung lebih terlibat dengan gambar daripada teks.

Faktanya, penelitian telah menunjukkan bahwa orang lebih cenderung mengingat informasi jika disajikan bersama gambar.

Jadi, saat memilih gambar untuk posting blog Anda, pastikan gambar tersebut berkualitas tinggi dan relevan dengan topik yang ada.

Lakukan yang terbaik untuk menghindari stok foto umum. Terkadang itu sesederhana melakukan beberapa pengeditan pada foto yang ada agar terlihat lebih disesuaikan.

Tempat yang bagus untuk menemukan stok foto berkelas dan gratis adalah Pexels .

Cara Lain untuk Meningkatkan UX Blog Anda

Selain sepuluh tips yang telah kami cantumkan, berikut adalah beberapa cara lain untuk meningkatkan UX/UI blog Anda:

• Pilih desain yang dapat dipindai : Blogging sangat berbeda dengan menulis buku atau makalah akademis. Anda dapat membuat tata letak blog dapat dipindai dengan menulis bagian yang pendek dan tepat, menghindari paragraf yang panjang, memecah teks dengan header dan gambar yang relevan, dan mengatur bagian menggunakan sub-header dan header.
• Beri merek pada tata letak Anda : Pencitraan merek adalah kunci untuk memasarkan bisnis yang sukses, dan cara kerjanya sama untuk tata letak blog Anda. Blog yang Anda buat harus mencerminkan nuansa dan tampilan merek Anda. Itu berarti jika beranda Anda memiliki tema atau desain yang sederhana, ada baiknya untuk tetap sama untuk tata letak blog Anda.
• Gunakan perataan vertikal : Elemen yang dirancang dengan buruk menonjol seperti ibu jari yang sakit. Misalnya, ketika gambar dan teks terlihat tidak pada tempatnya dari kolom lainnya, itu menjadi gangguan dan terlihat tidak profesional. Juga, paragraf dan foto harus memiliki lebar yang sama untuk kontinuitas visual.
• Sertakan bilah pencarian : Jika Anda memiliki banyak konten di situs Anda, mungkin sulit bagi orang untuk menemukan apa yang mereka cari. Sangat penting untuk menyertakan bilah pencarian di tata letak blog Anda. Dengan begitu, orang dapat dengan cepat dan mudah menemukan informasi yang mereka cari.
• Soroti penulis konten Anda : Jika Anda memiliki banyak penulis di blog Anda, penting untuk menyorot nama mereka dan menyertakan foto berkualitas tinggi di samping postingan mereka. Pendekatan ini memanusiakan segalanya dan membantu membangun kepercayaan dengan pembaca Anda. Ini juga memudahkan mereka untuk menemukan konten lain dari penulis yang sama dan membantu Google menentukan EAT Anda (keahlian, otoritas, kepercayaan).
• Jadikan situs Anda mobile-friendly: Ini tahun 2022. Tidak dapat dinegosiasikan untuk memastikan tata letak blog Anda mobile-friendly. Untungnya, semua tata letak blog modern dari penyedia terkemuka (WordPress, Squarespace, Shopify) menyertakan tata letak ramah seluler langsung dari kotak. Jika Anda tidak memiliki tata letak yang ramah seluler, Anda memiliki masalah di luar cakupan posting ini.

Di sana Anda memilikinya! Manfaatkan kiat-kiat ini untuk membuat tata letak blog pembunuh yang membuat pembaca kembali lagi.

Jangan Lupa Kontrol Inventaris

Jika Anda mengikuti saran kami dan menerapkan kiat UX ini, persiapkan diri Anda untuk lonjakan jumlah pembaca, lalu lintas, dan penjualan (terima kasih kembali!).

Jika Anda adalah toko eCommerce, Anda memerlukan sistem inventaris yang baik untuk mengelola pertumbuhan ini.

SkuVault hadir untuk membantu bisnis dari segala bentuk dan ukuran mengoptimalkan dan merampingkan pekerjaan membosankan yang terkait dengan kontrol inventaris.

Klik di sini untuk informasi lebih lanjut tentang cara spesifik kami bersama pemilik bisnis untuk membantu mereka mengembangkan laba (dan menyelamatkan kewarasan mereka).