Diagram pohon situs web menggambarkan bagaimana halaman di situs web diatur. Halaman induk ditampilkan di atas atau di sebelah kiri halaman anak, yang menunjukkan hubungan antara halaman web dan cara mengaksesnya. Tim pengembangan web menggunakan diagram saat membuat atau mendesain ulang situs web. Diagram pohon situs web bisa sederhana atau rumit, tergantung pada ukuran situs web dan kebutuhan tim pengembangan.
Langkah 1
Buat daftar halaman web yang berisi atau akan berisi situs web. Pastikan bahwa setiap item yang terdaftar akan menjadi halaman di situs web Anda. Bergantung pada ukuran situs web Anda, tetapkan referensi numerik ke setiap halaman untuk membantu Anda membangun diagram situs dan melacak kemajuan saat Anda mengembangkan situs web.
Langkah 2
Dengan menggunakan daftar berpoin, atur kerangka untuk menunjukkan hubungan induk-anak antara setiap halaman di situs web Anda. Misalnya, situs web toko pakaian online mungkin memiliki halaman induk tingkat atas yang mengarah ke pakaian pria, wanita, dan anak-anak. Setiap halaman tersebut akan memiliki jenis pakaian seperti kemeja dan celana yang tercantum di bawahnya dalam garis besar, yang akhirnya mengarah ke halaman untuk produk individual.
Langkah 3
Mulailah membuat diagram Anda dengan menggambar satu persegi panjang untuk setiap kategori di bagian atas dokumen. Masukkan judul pendek untuk setiap halaman web tingkat atas ke dalam diagram Anda. Sertakan nomor referensi halaman sehingga Anda dapat mencari detail tambahan tentang halaman tersebut di dokumen perencanaan situs web Anda yang lain.
Langkah 4
Gambar persegi panjang untuk setiap subkategori di bawah salah satu kategori tingkat atas Anda. Misalnya, gambar empat persegi panjang di bawah kategori tingkat atas pakaian pria untuk kemeja, celana, celana pendek, dan mantel. Sejajarkan persegi panjang ini berdampingan untuk menggambarkan bahwa halaman yang diwakilinya berada pada tingkat yang sama dalam struktur situs web Anda.
Langkah 5
Hubungkan halaman subkategori ke kategori tingkat teratas tempat mereka berada seolah-olah Anda sedang membuat bagan hierarki organisasi. Misalnya, tarik garis dari halaman baju, celana, celana pendek, dan jas ke kategori induk pakaian pria. Buat garis lurus mirip dengan yang ada di bagan organisasi untuk meningkatkan keterbacaan diagram situs Anda.
Langkah 6
Lanjutkan percabangan diagram Anda ke dalam subkategori sampai diagram pohon berisi jumlah detail yang Anda butuhkan untuk mengembangkan situs web Anda secara efektif. Misalnya, gambar kotak kemeja dan kemeja kasual di bawah bagian kemeja kategori pakaian pria. Namun, mungkin tidak perlu menyertakan halaman untuk setiap kemeja kasual pria dalam diagram situs Anda.
Langkah 7
Lengkapi bagian diagram untuk semua kategori tingkat atas situs web Anda dengan cara yang sama. Misalnya, lengkapi bagian wanita dan anak-anak di situs web pakaian.
Ubah simbol yang digunakan dalam diagram pohon Anda untuk menunjukkan informasi yang perlu Anda sampaikan kepada tim Anda. Misalnya, gunakan persegi panjang bulat untuk halaman web dinamis dan ilustrasi beberapa halaman web yang ditumpuk menjadi satu untuk menampilkan sekelompok halaman web serupa yang tidak dicantumkan satu per satu. Sertakan legenda pada diagram Anda untuk menjelaskan konvensi Anda.
