Cara menyusun struktur website: hierarki halaman, struktur URL, tautan internal, dan situs datar vs dalam, dengan lima diagram peta situs untuk kontraktor atap, restoran, klinik, firma hukum, dan toko online, masing-masing dikembangkan dari desain template We.Inc.
Struktur website adalah cara halaman-halaman Anda diorganisir dan dihubungkan: halaman mana yang berada di bawah halaman mana, seperti apa alamat (URL)-nya, dan bagaimana pengunjung serta mesin pencari berpindah di antara halaman-halaman tersebut. Struktur yang baik berarti siapa pun dapat mencapai halaman mana pun dalam dua atau tiga klik, dan setiap halaman memiliki satu tugas yang jelas. Berikut adalah aturan-aturannya, kemudian lima contoh peta situs, masing-masing dikembangkan dari bagian-bagian desain template We.Inc (bukan situs pelanggan).
| Bagian | Artinya | Aturan praktis |
|---|---|---|
| Hierarki | Halaman mana yang berada di tingkat atas dan mana yang berada di bawahnya. | Lima hingga tujuh halaman tingkat atas di menu utama. |
| Struktur URL | Alamat setiap halaman. | Singkat, huruf kecil, tanda hubung, dan mencerminkan hierarki: /services/roof-repair. |
| Tautan internal | Tautan dari satu halaman Anda ke halaman lain. | Setiap halaman menautkan ke halaman induknya dan ke halaman terkait. Tidak ada halaman yang tidak memiliki tautan yang mengarah padanya. |
| Kedalaman | Berapa banyak klik dari beranda ke suatu halaman. | Halaman penting dalam tiga klik. |
Situs datar menjaga hampir setiap halaman hanya satu klik dari beranda. Situs dalam menyarangkan halaman dalam beberapa tingkat (beranda, kategori, subkategori, item).
Setiap template di bawah ini dikirimkan sebagai satu halaman panjang yang tautan menunya melompat ke bagian-bagian. Itu adalah awal yang baik. Ketika suatu bagian berkembang (lebih banyak layanan, lebih banyak item menu, lebih banyak pengacara) atau Anda ingin bagian tersebut menempati peringkat untuk pencariannya sendiri, jadikan itu halaman tersendiri. Diagram menunjukkan versi yang telah dipromosikan tersebut. Item dalam [tanda kurung] adalah placeholder.
Dikembangkan dari bagian-bagian template Ironpeak Roofing: layanan, material, klaim badai, ulasan, inspeksi gratis.
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspectionMengapa bentuk ini: setiap layanan mendapatkan halamannya sendiri sehingga dapat mencocokkan pencariannya sendiri ("perbaikan atap [kota]"). Halaman area layanan hanya layak mendapat tempatnya dengan detail lokal yang nyata (pekerjaan yang dilakukan di sana, waktu tempuh); salinan dengan nama kota yang ditukar adalah konten tipis. Halaman inspeksi gratis ditautkan dari header setiap halaman. Selengkapnya di SEO atap.
Dikembangkan dari template Azafran: ruangan, menu, reservasi, kunjungan.
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visitMengapa bentuk ini: datar. Pengunjung menginginkan menu, jam buka, dan pemesanan, biasanya dari ponsel. Letakkan menu dalam teks HTML, bukan hanya PDF, agar dapat dibaca dan ditemukan. Lihat SEO untuk restoran dan cara membangun website restoran.
Dikembangkan dari template Verdant Family Health: perawatan kami, kenali tim, kunjungi kami, daftar.
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/bookMengapa bentuk ini: halaman "Pasien baru" yang terpisah menjawab pertanyaan yang dimiliki pendatang baru (formulir, asuransi, apa yang perlu dibawa) tanpa mengacaukan beranda. Setiap halaman dokter menautkan ke layanan yang mereka berikan, dan setiap halaman layanan menautkan kembali ke siapa yang menyediakannya. Lihat SEO untuk dokter gigi.
Dikembangkan dari template Sterling & Vance LLP: bidang praktik, pengacara, hasil, kontak.
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contactMengapa bentuk ini: salah satu contoh yang lebih dalam. Orang mencari berdasarkan masalah hukum, sehingga setiap bidang praktik adalah halamannya sendiri, dan setiap profil pengacara menautkan ke bidang mereka. Bagian wawasan (blog) bersifat opsional; hanya tambahkan jika Anda akan menerbitkan secara rutin. Lihat SEO untuk pengacara.
Dikembangkan dari template Cellar & Rowan: toko, kerajinan kami, material, stokis, keranjang.
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cartMengapa bentuk ini: yang paling dalam dari kelima contoh: beranda, kategori, produk. Halaman kategori adalah tempat penelusuran dan pencarian terjadi. Pertahankan setiap produk pada satu URL meskipun muncul di dua kategori, dan tautkan halaman kebijakan dari footer dan checkout. Lihat cara memulai toko online.
Kemudian pilih tata letak halaman untuk setiap jenis halaman dari contoh tata letak website, dan periksa menu terhadap contoh navigasi.
Mulailah dari template yang mendekati bisnis Anda. Paket gratis memberikan hingga 3 situs template di alamat we.inc (tanpa kredit AI, tanpa domain kustom). Pada paket Starter ($20/bulan) Anda dapat meminta pembangun AI untuk menambahkan halaman, seperti "tambahkan halaman untuk setiap layanan dengan alamatnya sendiri", dan menghubungkan domain Anda sendiri; Pro adalah $50 dan Max $99 per bulan (harga). Panduan desain website ramah SEO membahas sisi on-page.
Cara halaman-halaman situs diorganisir dan dihubungkan: hierarki halaman, URL setiap halaman, dan tautan internal di antara halaman-halaman tersebut.
Biasanya datar: beranda, lima hingga tujuh halaman tingkat atas, dan halaman terpisah untuk setiap layanan utama, semua dalam dua atau tiga klik.
Datar untuk situs kecil; sedikit lebih dalam (beranda, kategori, item) untuk toko, listing, atau firma dengan banyak layanan. Pertahankan halaman penting dalam tiga klik.
Kata-kata singkat dan huruf kecil yang dipisahkan oleh tanda hubung yang mencerminkan hierarki, seperti /services/roof-repair. Jangan ubah URL yang sudah mendapatkan kunjungan tanpa pengalihan 301.
Ya. Hierarki yang jelas dan tautan internal membantu mesin pencari menemukan dan memahami setiap halaman, serta memungkinkan setiap halaman menargetkan pencariannya sendiri.
Tidak. Peta situs ini dikembangkan dari bagian-bagian desain template We.Inc, sebagai contoh struktur.
Mulai gratis · Tanpa kartu kredit