Praktik Terbaik Struktur Situs Web
Diterbitkan: 2020-12-17Situs web pada dasarnya adalah sumber informasi yang dipublikasikan untuk digunakan orang. Sama halnya dengan buku, volumenya bisa kecil atau ekstensif. Namun tidak seperti buku, konten situs web dapat disusun dalam berbagai cara, memanfaatkan kebebasan berekspresi dan desain.
Pada saat yang sama, situs web harus mengikuti praktik industri UX terbaik serta kebiasaan dan harapan pengguna, sehingga kebebasan sangat terbatas. Struktur situs web adalah kunci bagaimana informasi diakses dan digunakan oleh audiens target. Oleh karena itu harus dibangun sesuai dengan sejumlah besar aturan.
Mengapa Struktur Situs Web Penting?
Struktur situs web mengacu pada bagaimana situs itu dibangun, bagaimana semua subhalaman tunggal di dalamnya ditautkan satu sama lain, dan hierarki apa yang diikuti. Struktur yang baik akan membuat pencarian informasi menjadi intuitif dan mudah digunakan.
Ketika desainer membuat struktur situs, mereka perlu memikirkan tentang bagaimana pengunjung akan menggunakan situs web dan menavigasi kontennya. Fokusnya bergeser dari apa yang akan dipublikasikan menjadi bagaimana dan mengapa .
Struktur situs web adalah konsep dasar dari tiga sudut pandang utama: tujuan pemilik bisnis, pengalaman pengunjung situs, siapa yang mendapat manfaat darinya, dan mesin telusur yang merayapi, memberi peringkat, dan menyajikan konten kepada pengguna yang tepat.
Bagaimana Struktur Situs Web Yang Baik Bekerja
Ketika informasi di situs web terstruktur dengan baik dan didukung oleh desain yang relevan, semua orang senang - pemilik situs, pengguna, dan mesin pencari.
Inilah cara kerja struktur yang baik:
Mendukung tujuan pemilik bisnis dan meningkatkan hasil yang diharapkan
Saat Anda berinvestasi di situs web, Anda harus menetapkan tujuan yang jelas untuk kinerjanya. Sasaran ini harus diintegrasikan dan diekspresikan oleh struktur situs.
Misalnya, jika Anda ingin fokus pada blog dan sumber daya yang diterbitkan, Anda perlu menyertakan artikel terbaik di beranda dan membuat bagian sumber daya menonjol pada menu. Anda juga dapat memutuskan untuk mengatur beranda agar terbuka pada posting blog terbaru - yang merupakan opsi WordPress khas, digunakan oleh penerbit digital dan blogger.
Panel admin WordPress, pengaturan membaca - pilihan beranda sebagai halaman statis dan halaman blog
Meningkatkan pengalaman pengguna
Struktur situs web sangat memengaruhi pengalaman pengguna situs web. Ketika informasi disusun dengan cara yang logis dan semuanya dapat diakses secara intuitif, pengguna menelusuri konten dengan mulus untuk menemukan dan menggunakan apa yang mereka cari.
Tingkatkan SEO Anda dengan mengoptimalkan penjelajahan robot
Mesin telusur (Google) beroperasi dengan alat yang merayapi konten situs dan menyortirnya untuk pengguna. Situs web yang ramah perayap memiliki struktur yang baik dan oleh karena itu diberi peringkat lebih tinggi oleh mesin.
XX Praktik Terbaik Struktur Situs Web
Tanpa adanya visi yang jelas tentang bagaimana merencanakan sebuah website dan membangun strukturnya, tidak mungkin untuk melakukan desain dan pengembangan web.
Praktik baik berikut ini mencakup perspektif dan manfaat yang dijelaskan di atas saat melakukan perencanaan situs web.
Tips Desain Situs Web: Cara Meningkatkan Game Anda dalam Desain Web
1. Tetapkan Sasaran Bisnis Anda dan Sasaran Pemirsa
Situs web Anda adalah instrumen untuk melayani bisnis Anda. Merencanakan informasi apa yang akan Anda publikasikan di dalamnya dan seberapa sering Anda akan memperbaruinya, sangat penting bagi struktur situs webnya. Anda perlu memutuskan produk atau layanan apa yang akan Anda hadirkan dan jual di situs.
Berdasarkan tujuan dan sasaran komunikasi Anda, Anda dapat memilih di antara dua pendekatan dasar:
- Desain yang berpusat pada pengguna - Di mana semua informasi dikategorikan dan disusun untuk kelompok pengguna sasarannya. Pendekatan ini adalah suatu keharusan bagi perusahaan besar seperti telekomunikasi atau institusi, yang melayani jutaan orang, di mana pengguna perlu menemukan kategori dan informasi mereka sendiri, yang disesuaikan dengan kebutuhan mereka.
ATT.com terbuka langsung di bagian "Pribadi" tetapi juga memiliki satu untuk Bisnis dan Usaha Kecil; di gambar ini - bagian Perusahaan dipilih
Baca selengkapnya: Infografis: Cara Mengembangkan Konsep WordPress yang Berpusat pada Pengguna
- Perusahaan atau desain yang berpusat pada produk - Situs web ini dibuat untuk menampilkan pemilik perusahaan itu sendiri dan / atau produknya. Mereka juga dapat menyertakan bagian dan halaman, menargetkan kelompok pengguna tertentu tetapi merek masih menjadi fokus utama.
Struktur situs web IMDB.com difokuskan pada produksi: film, acara TV, dan selebriti
2. Lakukan Riset Pesaing
Saat mendesain situs web Anda, ada beberapa alasan untuk meneliti pesaing. Salah satunya adalah memeriksa bagaimana situs mereka disusun.
Ketika struktur situs menjadi fokus, Anda mungkin ingin meneliti tata letak halaman beranda pesaing Anda, bagaimana mereka mengelompokkan dan menyajikan layanan mereka, apa hierarki halaman dalam, bagaimana navigasi diatur, dan apa alur perilaku pengguna.
Dari perspektif SEO, penelitian pesaing akan membantu Anda mengetahui kata kunci terkait industri apa yang digunakan untuk nama dan URL halaman utama situs Anda, kategori, bagian, dan navigasi.
Bagaimana Menggunakan Riset Pesaing untuk Memoles Strategi Pemasaran Anda
3. Buat Inventarisasi Semua Konten Anda
Untuk dapat menyusun konten Anda, Anda harus menjelaskan terlebih dahulu apa yang ingin Anda terbitkan di situs. Ketika Anda memiliki semuanya di luar sana, itu hanya masalah mengelompokkannya ke dalam kategori dan memilih label yang tepat.
Jika ini adalah situs web baru, Anda dapat membuat daftar apa yang perlu Anda publikasikan di dalamnya. Jangan lupa untuk menambahkan catatan tentang siapa yang akan bertanggung jawab atas produksi konten dan seberapa sering akan dibuat dan diperbarui.
Saat mendesain ulang situs, mengaudit konten Anda juga merupakan salah satu langkah pertama yang harus dilakukan.
Bagaimana Melakukan Desain Ulang Situs Web dengan Pendekatan Konten-First
4. Tentukan Jenis Posting
Jenis Posting adalah istilah yang digunakan untuk merujuk ke berbagai jenis konten situs WordPress. Setiap jenis posting biasanya dikaitkan dengan desain halaman, bidang khusus, dan fungsi yang berbeda.
DevriX menggunakan jenis posting Portofolio untuk menerbitkan studi kasus untuk klien
Secara default, WordPress memiliki dua jenis posting utama - Halaman dan Posting - yang berasal dari saat CMS hanya sebagai platform blogging, di mana blog perlu memiliki beberapa halaman "statis" untuk konten yang lebih permanen dan posting blog untuk berita dan pembaruan.
Apa pun tujuan situs web Anda, Anda perlu menggunakan dua jenis posting dasar ini. Jadi setelah Anda mengumpulkan dan mendeskripsikan semua konten yang Anda inginkan dan perlu terbitkan di situs Anda, bagi menjadi dua jenis:
- Untuk Halaman - Bagian yang lebih permanen, konservatif, atau selalu menarik, di mana informasi tidak akan berubah secara teratur seperti apa yang Anda lakukan, apa layanan inti Anda dan mengapa Anda berbisnis - sebagian besar tidak peka waktu.
- Untuk Postingan - Bagian dinamis seperti berita, postingan blog, kertas putih, penelitian, dll. Atau konten apa pun yang menyertakan informasi terkini dan akan terus diproduksi di masa mendatang.
Anda mungkin menemukan bahwa Anda membutuhkan lebih banyak jenis posting seperti Portofolio, Testimonial, Proyek . Kabar baiknya adalah ada banyak plugin untuk membuat jenis posting kustom di WordPress dan beberapa tema menyertakan variasi. Selain itu, di versi yang lebih baru, WordPress telah mengaktifkan pendaftaran jenis posting kustom.
Ketika Anda telah menyelesaikan pemilihan jenis posting yang Anda butuhkan, akan lebih mudah untuk menyusun situs Anda untuk memasukkannya.
Halaman WordPress vs Posting WordPress, Akal Sehat, dan SEO
5. Buat Perjalanan Pembeli dan Kasus Penggunaan
Perjalanan pembeli di situs web adalah proses yang dilalui pengguna dari kunjungan pertama mereka hingga saat mereka membeli produk atau layanan di situs. Struktur situs web harus didasarkan pada proses pembelian ini dan dengan demikian memudahkan pengguna untuk menemukan apa yang mereka butuhkan dan melangkah ke tahap berikutnya.
Jalur Konversi: Tentukan Perjalanan Pengguna di Situs Web Anda
Kasus penggunaan adalah konsep dasar dalam Kegunaan. Itu adalah deskripsi tertulis tentang bagaimana pengunjung akan menggunakan situs web Anda. Untuk mendeskripsikan setiap kasus penggunaan, Anda harus membuat daftar urutan langkah-langkah sederhana, berdasarkan maksud pengguna dan berakhir saat tujuan tercapai.
Saat memutuskan struktur situs, Anda perlu menuliskan kasus penggunaan untuk semua grup target Anda. Itu akan memberi Anda gambaran yang jelas tentang perilaku pengguna di situs Anda sehingga strukturnya dapat mendukungnya. Ini adalah cara terbaik untuk merencanakan fungsionalitas situs Anda juga.
Situs MVP: Semua yang Perlu Anda Ketahui + Infografis
6. Lakukan Riset Kata Kunci Primer
Setelah Anda membangun situs web, Anda akan dapat menambahkan konten sebanyak yang Anda inginkan.
Tetapi dalam proses perencanaan situs - atau mendesain ulang - sangat penting bahwa struktur situs web dibuat menggunakan kata kunci paling signifikan dan relevan yang ingin Anda rangking.
Apakah Anda akan menyebut layanan Anda "Produk" atau "Solusi"? Apakah Anda membutuhkan bagian "Merek" di toko online Anda?
Pastikan untuk memasukkan istilah paling populer yang relevan dengan apa yang Anda lakukan. Gunakan kata-kata dan ungkapan yang akan menjadi inti dari strategi pemasaran SEO Anda di tahun-tahun mendatang.
Ada banyak alat, gratis dan berbayar, dan tutorial tentang cara melakukan penelitian kata kunci utama untuk situs web. Gabungkan dengan bijak dan mulailah dengan pilihan yang paling masuk akal.
Riset Kata Kunci untuk SEO Dilakukan dengan Benar
7. Memanfaatkan Taksonomi
Taksonomi adalah sistem yang digunakan untuk mengklasifikasikan konten yang diterbitkan. Ini adalah strategi untuk menambahkan label dan istilah deskriptif pada apa yang Anda publikasikan. Taksonomi digunakan untuk mengelompokkan jenis konten yang serupa dan menentukan hubungan dan kesamaan di antara kelompok-kelompok ini.
Di WordPress, taksonomi ditambahkan ke jenis posting. Ada Kategori , yang bisa bersifat hierarkis, dan Tag , yang merupakan label yang berdiri sendiri. Mereka membuat sistem klasifikasi untuk jenis posting yang memudahkan pengguna untuk menemukan konten yang mereka cari.
Posting Kategori di situs DevriX
Mesin pencari juga menggunakan taksonomi karena membantu mengurutkan dan memberi peringkat konten dengan cara yang relevan. Setelah Anda menyelesaikan kata kunci yang ingin Anda rangking dan jenis posting yang akan menggunakannya, Anda harus menambahkan kata kunci yang dipilih sebagai taksonomi Anda - kategori dan tag.
Dengan WordPress, taksonomi tidak wajib. Tetapi mereka dapat ditambahkan ke menu situs, itulah sebabnya mereka terkait erat dengan struktur situs. Misalnya, blog DevriX memiliki submenu untuk artikel, berdasarkan 3 kategori utama: Bisnis, Pemasaran, dan Pengembangan:
8. Buat Navigasi yang Sederhana dan Logis
Struktur situs web divisualisasikan dalam desainnya terutama oleh menu. Prioritas bisnis Anda harus diterapkan dalam struktur menu dan menampilkan konten terbaik Anda.
Halaman dan kategori yang termasuk dalam menu dapat memiliki bawahan atau dibuat sama, tanpa hierarki. Jumlah link pada setiap level disebut luas menu dan jumlah level disebut kedalaman menu.
Jika berbicara tentang keluasan dan kedalaman menu, ada beberapa aturan sederhana yang harus diikuti.
- Jangan gunakan banyak kategori horizontal - pilih 7-8 maksimum;
- Jangan membuatnya terlalu dalam - subordinasi tidak boleh turun lebih dari 3 level
- Jaga agar tetap simetris dan seimbang - jika ada terlalu banyak subhalaman di satu bagian dan hanya beberapa di bagian lain, seluruh struktur mungkin salah.
Situs web bisnis yang khas harus menggunakan navigasi yang sederhana dan dapat diprediksi, yang terletak di tempat standar. Di situs WordPress, beberapa tema mengizinkan dua atau lebih lokasi menu , dengan opsi untuk memilih halaman dan tautan yang berbeda untuk masing-masing. Direkomendasikan untuk menambahkan menu di footer situs dan menjaga navigasi sidebar tetap terpisah.
Opsi menu pengeditan WordPress dapat mencakup Halaman, Posting, jenis Posting lainnya, Tautan khusus, Kategori
9. Tentukan Struktur URL dan Permalinks Situs Web
Struktur URL dengan WordPress sudah ditentukan sebelumnya di pengaturan.
Bila Anda telah melakukan penelitian kata kunci dengan benar, membuat taksonomi, dan memutuskan hierarki menu, akan mudah untuk menyelesaikan tautan permanen. Kata kunci dan taksonomi terpenting Anda harus masuk ke URL agar lebih kuat untuk SEO.
Berikut beberapa praktik yang baik untuk struktur URL di situs WordPress:
- Gunakan struktur tautan permanen yang menggabungkan nama posting dengan domain seperti ini: https://yourwebsite.com/ post-name
- Secara default, WordPress akan membuat tautan permanen untuk halaman dan posting Anda, termasuk semua kata dari judulnya. Namun, itu mungkin terlalu panjang dan berisi kata-kata yang tidak penting jadi editlah.
- Untuk memberi peringkat halaman Anda terbaik di Google, pertahankan permalink sekitar 60 karakter.
- Jika memungkinkan, buat URL yang lebih pendek dengan menyimpan kata kunci yang paling penting dari judul - yang juga membantu mesin pencari mengindeks halaman Anda.
- Hapus semua kata berhenti seperti konjungsi dan kata ganti.
- Gunakan tanda hubung untuk memisahkan kata-kata di tautan permanen untuk membantu pengguna dan mesin telusur melihat tentang apa halaman itu.
Permalinks / struktur URL di opsi WordPress - tipe post-name biasanya yang paling disukai karena menyertakan kata kunci
10. Tambahkan Peta Situs untuk Situs Web
Peta situs situs Anda adalah file yang mencakup semua halaman situs web Anda dan media yang diterbitkan dan menunjukkan bagaimana keduanya saling terkait. Ini melayani Google dan mesin pencari lainnya sebagai peta jalan melalui konten Anda dan membantu mereka merayapi dan mengkategorikannya dengan lebih cepat dan lebih cerdas.
Sitemap tidak wajib dimiliki, namun sangat direkomendasikan, terutama untuk situs yang kompleks. File juga perlu dibuat dan diperbarui secara otomatis.
Ada banyak alat untuk membantu Anda membuat dan menambahkan peta situs ke situs WordPress Anda, termasuk plugin. Namun dengan rilis terbaru WordPress 5.5. Peta situs XML diaktifkan secara default dan pengguna juga dapat melihatnya.
Jika Anda memiliki keraguan tentang struktur situs Anda dan apa yang dilihat oleh mesin telusur dan orang-orang saat menavigasinya, periksa peta situs Anda.
Peta situs ATT.com - dibuat sebagai halaman internal agar sesuai dengan desain
Merencanakan Hierarki Situs Web Anda
Setelah Anda menyelesaikan semua tugas di atas, menyelesaikan struktur situs akan menjadi mudah dan cepat. Berikut ini beberapa jenis umum struktur situs yang perlu dipertimbangkan saat Anda membuat pilihan akhir:
Situs web hierarkis berarti beberapa halaman berada di bawah halaman lain dan strukturnya menyerupai pohon. Di situs web biasa, beranda ada di bagian atas. Dari sana, Anda menavigasi ke halaman lain di menu utama yang selanjutnya dapat memiliki sub-halaman.
Struktur situs web non-hierarki berarti tidak ada halaman bawahan. Jika tidak ada banyak konten dan hanya beberapa halaman, semuanya dapat dibuat sama dan ditampilkan secara horizontal di menu utama.
Contoh website tanpa hierarki - Nika Agency - walaupun situs ini memiliki bagian portfolio, halaman project bukanlah sub-halaman, misalnya https://nika.agency/ apothe-pure-details .html
Situs web satu halaman adalah contoh bagus lainnya dari struktur tanpa hierarki. Tidak ada halaman induk / anak hanya karena semuanya diterbitkan dalam satu halaman. Desain satu halaman adalah solusi yang baik untuk situs acara dan promosi dengan umur pendek, halaman teaser, atau bisnis yang membutuhkan representasi yang sangat singkat seperti kartu nama.
GlobeKit adalah situs web layanan tunggal yang memungkinkan pengembang menghadirkan bola dunia animasi dan interaktif ke web dengan cepat. Ini terdiri dari 6 bagian, semuanya terletak di beranda dengan navigasi animasi interaktif (gulir).
Ada jenis struktur situs web yang kurang populer seperti Sequential, Matrix dan Database. Seperti yang mungkin sudah Anda duga dari nama mereka
- Model sekuensial melibatkan pengguna dalam urutan langkah
- Matriks memungkinkan pengguna memilih cara mereka sendiri untuk menavigasi konten situs
- Database dibangun di atas database dan menggunakan atributnya untuk mencari dan menghasilkan pengalaman pengguna.
Pikiran Akhir
Struktur umum situs web bisnis harus bersih, sederhana, dan logis. Merancang struktur adalah proses mendasar dalam desain dan pengembangan situs web. Mengikuti praktik baik yang disebutkan di atas akan membantu menjamin bahwa Anda mempertimbangkan semua faktor penting untuk membuat struktur situs Anda relevan dengan sasaran bisnis dan grup target Anda.
Rossie Vicheva
Penulis Tamu