Ekmek kırıntılarını uygulamak için önerilen yaklaşım

13

Bir web sitesinde ekmek kırıntıları uygulamak istiyorum, şimdi onları en iyi nasıl uygulayacağım konusunda mücadele ediyorum.

Kullanıcılar ürünleri arayabilir ancak bir ürün bulmak için bir ürün kategorisine gidebilir. Bir ürün sayfasında kullanıcı benzer ürünleri bulmak için bir ürün kategorisine tıklayabilir. Dolayısıyla, kullanıcıların belirli bir ürüne / sayfaya ulaşmak için farklı yolları vardır.

Sanırım ekmek kırıntılarını uygulamak için iki seçeneğim var

Seçenek 1: Ziyaret ettiğiniz her sayfayı ekmek kırıntısına ekleyin. Örneğin: Ana Sayfa> Arama Sonuçları> ürün 1> Kategori 2> ürün 2 Dezavantajı: breadcrum çok uzun olabilir

Seçenek 2: Her sayfa için belirli bir sabit kırıntıyı belirtin örneğin: Ana sayfa> kategori 1> ürün 1 Sorun: birden fazla kategorideki ürünlerle ne yapmalı?

Ne düşünüyorsun? Göz ardı ettiğim 3. seçenek var mı?

web-development breadcrumbs

— vdrmrt
kaynak

9

Masalda olduğu gibi "ekmek kırıntıları" olarak adlandırılsa da, ekmek kırıntılarının amacı tarayıcı geçmişinin yerini almak değildir. Dolayısıyla Seçenek 1 bir seçenek değildir.

Daha ziyade kullanıcıya ürünü nasıl bulduğunu ve her şeyden önce bulunan ürünün mantıksal olarak "yanına" yerleştirilen diğer ürünleri nasıl bulabileceğini gösteren bir araçtır.

Temelde Seçenek 2.

Birden fazla kategoride bulunan ürünleriniz varsa, üç seçeneğiniz vardır:

Ürüne giden tüm olası yolları göster.
Kullanıcının ürüne geldiği yolu gösterin. (Bu, ürün kimlikleri yerine ürün kategorisi tablonuzun birincil anahtarını kullanmanızı gerektirir.) Kullanıcının arama yaparken neredeyse hiç "Arama> Ürün" kırıntıları elde edemeyeceği anlamına gelir.
Gösterilen ekmek kırıntılarını belirleyen her ürün için bir "ana kategori" belirtin (ve başka yerlerde, örneğin bir alışveriş sepeti olduğunda ve kullanıcı sepet görünümünde bir ürünü tıkladığında) kullanılır.

Tamam, seçenek 1'i dökelim, ancak bir kullanıcının aramada bile ürüne nasıl geldiğini göstermek için iyi bir fikir olduğunu düşünüyor musunuz? Sınav için: Ana Sayfa> Arama Sonuçları> product_1, Ana Sayfa> category_1> product_1 veya Ana Sayfa> category_2> product_1

Verdiğim üç olasılıktan favorim yok. Uygulamaya bağlıdır. Kullanıcının ürüne nasıl geldiğini göstermek, "ana kategorileriniz" yoksa ve kırıntılarda yalnızca bir yol istiyorsanız muhtemelen tek seçeneğinizdir .

1

Ekmek kırıntılarının, kullanıcının sitenize nasıl eriştiğini değil, site düzeninizi temsil etmesi gerekiyordu, bu da seçenek # 1'i hariç tutar. Bunu Amazon'da görmek istemiyorum:

Home>Products>Home>PS3 Games>Call of Duty>PS3 Games>Funky Boxer Shorts->Add To Cart

Tarama geçmişimi ve OKB tıklamamı belirtirken, siteyi temsil etmiyor :)

Ürün kategorilerinden bahsettiğiniz gibi, bir veritabanı arka ucuna sahip olduğunuzu varsayıyorum. Üst kategorileriniz varsa, kullanabileceğiniz bir yapıya sahipsiniz. Bir ön sayfanız olduğunu varsayarsak, sadece kırıntı izi üzerinde "Ev" diyebiliriz. Ardından, veritabanınızda aşağıdaki gibi düzenlenmiş şeyleri varsayarsak:

table_productCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

Bir ürün kategorisi ağacına sahip olmanıza izin verme:

Software
    Windows
        Apps
        Games
        Crash-To-Desktop
    Linux
        Servers
        3-Games
Hardware
    Laptops
    PCs
    Missile-Launchers

... o zaman ürün sayfasına her bastığınızda, ürünün birden fazla kategoride olup olmadığı konusunda endişelenmenize gerek yoktur, kullanıcı oraya gitti ve bir db sorgusu kullanarak bir kırıntı oluşturabiliriz:

Home > Software > Windows > Games > Aunt Dolly and the Scared Sheep

Ayrıca, ürün olmayan sayfalarınız da olacaktır. "Hakkımızda" "Bize Ulaşın", etceteras. Bir CMS'de bu sayfaların içeriği veritabanındadır ve kategorilere ayrılmıştır.

table_contentCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

... kaptın bu işi. Bu, ürünlerden ziyade İçeriğe sahip tüm sayfalarınızın da görüntülenebileceği anlamına gelir:

Home > About > Finding Us in a web of backstreets

İlk ifadeniz gerçekten dar. Bazı kullanıcılar bir sitedeki konumunuzu belirtmek için konum tabanlı kırıntıları kullanır, ancak diğerleri kullanıcının sitedeki konumuna nasıl geldiğini belirtmek için yol tabanlı kırıntıları kullanır. Ben ikincisinin "kırıntı" kavramı için daha doğru olduğunu söyleyebilirim. Sitenizin içeriği hangisinin daha iyi olduğunu belirlemede büyük bir faktördür.

Kabul etti, belki de bu şekilde karşımıza çıkıyor. Esas olarak bir örnek verdiğim çıktıyı üretecek olan "Geçerli sayfayı kırıntıya ekle" önerisine atıfta bulunuyordum.

0

Cevapların çoğunda ekmek kırıntılarının karakterizasyonuna katılmıyorum çünkü kategoriler veya taksonomi (en genelden en spesifik olana kadar kategorilerin iç içe hiyerarşisi arasında bir fark var (örn. Ürün Kategorisi> Ürün Alt Kategorisi>) Ürün> Model veya arabalar> sedanlar> chevy> impala> x5000) ve bir web sitesindeki yol (tarayıcı geçmişinden değil, içeriğe duyarlı bir yoldan bahsediyorum).

Dört kapılı sedanları arayacak ve daha sonra bunlardan bir veya daha fazlasına ayrılan adayların bir listesini bulsaydınız, arama sonucu tarafından döndürülen listeye geri dönmeniz, kategorileri yükseltmekten daha önemli olacaktır. hangi ürünü seçerseniz seçin. (Yani, yukarıdaki örnek "arabalar> sedanlar> chevy> impala> x5000" yerine "ana sayfa> arama> chevy impala x5000" olabilir.

Bulunduğunuz yerin bir göstergesi olarak ekmek kırıntılarını kullanmak, seçimin sonuna benzerdir, ancak sonuna kadar kırıntı eklemeyin çünkü ekmek kırıntıları yolunuzu geriye doğru izlemek için toplanır (ve bir ekmek kırıntısı seçtiğinizde, hepsi bundan sonra cumbs kaldırılır, çünkü yolda belirli bir nokta seçtiniz ve oradan gideceksiniz.

Eğer "ekmek kırıntıları" bazılarının önerdiği gibi bir kategori ağacı ise, neden onlara "ekmek kırıntıları" diyoruz? Ekmek kırıntıları hakkındaki anlayışım, modele özgü değil, yola özgü olmalarıdır.

— Larry Mills-Gahl
kaynak

Kime sorduğunuza bağlı . (Aslında orada bir model daha listeliyorlar .) Bu noktada, terim temel olarak genel "x> y> z" görsel widget'ini temsil eder ve uygulayıcı tarafından hangi gerçek metodolojiyi kullandıkları konusunda ikinci bir karar verilir. .

— Su