Web sitesi yapılandırma: sayfa hiyerarşisi, URL yapısı, dahili bağlantılar ve düz ile derin siteler; her biri bir We.Inc şablon tasarımından türetilmiş çatıcı, restoran, klinik, hukuk bürosu ve çevrimiçi mağaza için beş site haritası diyagramı.
Web sitesi yapısı, sayfalarınızın nasıl düzenlendiği ve birbirine bağlandığıdır: hangi sayfanın hangisinin altında yer aldığı, adreslerin (URL'lerin) nasıl göründüğü ve ziyaretçilerle arama motorlarının sayfalar arasında nasıl gezineceği. İyi bir yapı, herkesin herhangi bir sayfaya iki veya üç tıklamayla ulaşabilmesi ve her sayfanın tek bir net işi olması anlamına gelir. Aşağıda kurallar ve ardından beş örnek site haritası yer almaktadır; her biri bir We.Inc şablon tasarımının bölümlerinden türetilmiştir (müşteri sitesi değil).
| Bileşen | Anlamı | Pratik kural |
|---|---|---|
| Hiyerarşi | Hangi sayfalar üst düzeyde ve hangileri bunların altında yer alır. | Ana menüde beş ila yedi üst düzey sayfa. |
| URL yapısı | Her sayfanın adresi. | Kısa, küçük harf, kısa çizgiler ve hiyerarşiyi yansıtır: /services/roof-repair. |
| Dahili bağlantılar | Sayfalarınızdan birinden diğerine bağlantılar. | Her sayfa üst sayfasına ve ilgili sayfalara bağlantı verir. Sıfır bağlantı işaret eden sayfa kalmaz. |
| Derinlik | Ana sayfadan bir sayfaya kaç tıklama. | Önemli sayfalar üç tıklama içinde. |
Bir düz site neredeyse her sayfayı ana sayfadan bir tıklama uzakta tutar. Bir derin site sayfaları birkaç katmana yerleştirir (ana sayfa, kategori, alt kategori, öğe).
Aşağıdaki her şablon, menü bağlantıları bölümlere atlayan tek bir uzun sayfa olarak gelir. Bu güzel bir başlangıçtır. Bir bölüm büyüdüğünde (daha fazla hizmet, menü öğesi, avukat) ya da kendi aramasında yer almak istediğinizde bölümü kendi sayfasına taşıyın. Diyagramlar taşınmış versiyonu göstermektedir. [Köşeli parantez] içindeki öğeler yer tutuculardır.
Ironpeak Roofing şablonunun bölümlerinden türetilmiştir: hizmetler, malzemeler, fırtına talepleri, yorumlar, ücretsiz inceleme.
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspectionBu şeklin nedeni: her hizmet kendi aramasıyla eşleşebilmesi için kendi sayfasını alır ("çatı onarımı [şehir]"). Hizmet bölgesi sayfaları yalnızca gerçek yerel ayrıntılarla (orada yapılan işler, ulaşım süreleri) hak kazanır; yalnızca ilçe adı değiştirilen kopyalar zayıf içeriktir. Ücretsiz inceleme sayfası her sayfanın başlığından bağlantılıdır. Daha fazlası için çatıcı SEO'su.
Azafran şablonundan türetilmiştir: mekan, menü, rezervasyonlar, ziyaret.
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visitBu şeklin nedeni: düz. Ziyaretçiler menüyü, saatleri ve rezervasyonu ister; genellikle telefonda. Menüyü yalnızca PDF yerine HTML metninde sunun, böylece okunabilir ve bulunabilir olur. Bkz. restoran SEO'su ve restoran web sitesi nasıl oluşturulur.
Verdant Family Health şablonundan türetilmiştir: bakımımız, ekibimizle tanışın, bizi ziyaret edin, randevu alın.
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/bookBu şeklin nedeni: ayrı bir "Yeni hastalar" sayfası, ilk kez gelen birinin sorularını (formlar, sigorta, ne getirmeli) ana sayfayı karmaşıklaştırmadan yanıtlar. Her klinisyen sayfası sunduğu hizmetlere bağlanır, her hizmet sayfası da onu sunan klinisyene bağlantı verir. Bkz. diş hekimi SEO'su.
Sterling & Vance LLP şablonundan türetilmiştir: uygulama alanları, avukatlar, sonuçlar, iletişim.
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contactBu şeklin nedeni: beşin en derin örneği. İnsanlar hukuki sorunlarına göre arama yapar; bu nedenle her uygulama alanı kendi sayfasına sahiptir ve her avukat profili kendi alanlarına bağlantı verir. Görüşler bölümü (blog) isteğe bağlıdır; yalnızca düzenli yayın yapacaksanız ekleyin. Bkz. avukat SEO'su.
Cellar & Rowan şablonundan türetilmiştir: mağaza, zanaatımız, malzemeler, bayiler, sepet.
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cartBu şeklin nedeni: beşin en derini: ana sayfa, kategori, ürün. Kategori sayfaları hem göz atmanın hem de aramanın gerçekleştiği yerdir. Her ürünü iki kategoride görünse bile tek bir URL'de tutun ve politika sayfalarını alt bilgiden ve ödeme sayfasından bağlantılayın. Bkz. çevrimiçi mağaza nasıl kurulur.
Ardından web sitesi düzen örneklerinden her sayfa türü için bir sayfa düzeni seçin ve menüleri navigasyon örnekleriyle karşılaştırın.
İşletmenize yakın bir şablondan başlayın. Ücretsiz plan, we.inc adresinde 3 şablon siteye kadar sunar (yapay zeka kredisi yok, özel alan adı yok). Starter'da ($20/ay) yapay zeka oluşturucuya "her hizmet için kendi adresiyle bir sayfa ekle" gibi komutlar vererek sayfa ekleyebilir ve kendi alan adınızı bağlayabilirsiniz; Pro $50 ve Max $99/ay'dır (fiyatlandırma). SEO dostu web sitesi tasarımı rehberi sayfa içi kısmı kapsar.
Bir sitenin sayfalarının nasıl düzenlendiği ve birbirine bağlandığı: sayfa hiyerarşisi, her sayfanın URL'si ve aralarındaki dahili bağlantılar.
Genellikle düz: bir ana sayfa, beş ila yedi üst düzey sayfa ve her ana hizmet için ayrı sayfalar; tümü iki veya üç tıklama içinde.
Küçük siteler için düz; mağazalar, listeler veya pek çok hizmeti olan firmalar için biraz daha derin (ana sayfa, kategori, öğe). Önemli sayfaları üç tıklama içinde tutun.
Hiyerarşiyi yansıtan kısa, küçük harfli, kısa çizgiyle ayrılmış kelimeler; örneğin /services/roof-repair. 301 yönlendirmesi olmadan zaten ziyaret alan URL'leri değiştirmeyin.
Evet. Net hiyerarşi ve dahili bağlantılar, arama motorlarının her sayfayı bulmasına ve anlamasına yardımcı olur; her sayfanın kendi aramasını hedeflemesini sağlar.
Hayır. Bunlar We.Inc şablon tasarımlarının bölümlerinden yapı örneği olarak türetilmiştir.
Ücretsiz başlayın · Kredi kartı gerekmez