Kategori yolu: ziyaretçi sitenizin neresinde olduğunu nasıl anlar?

Yolu ziyaret geçmişinden ayırın

“Ana sayfa → Katalog → Aydınlatma → Masa lambaları” bir içerik hiyerarşisini anlatır. Tarayıcının geri düğmesi ise kişinin önceki ziyaretine döner; bu ziyaret başka bir site olabilir. Kullanıcının aramadan mı, sosyal medyadan mı geldiğine göre değişmeyen bir kategori ilişkisi tanımlayın.

İlk işiniz bir çizgi tasarlamak olmasın. İçerik ekibiyle ürünün hangi üst başlığa ait olduğunu kararlaştırın. Kategori adları yalnız şirket içindeki kodları değil müşterinin kullandığı dili yansıtmalı. Çok küçük ve tek seviyeli bir sitede fazladan yol göstermek gereksiz olabilir.

Birden fazla kategori için tutarlı bir kural seçin

Aynı lamba “Çalışma odası” ve “Aydınlatma” içinde bulunabilir. Her ürünü gelişigüzel farklı bir yola bağlamak yerine bir ana kategori belirleyebilir veya ziyaretçinin seçtiği kategori bağlamını açık biçimde koruyabilirsiniz. Hangisini seçerseniz seçin, doğrudan bağlantıyla gelen kişi için anlamlı bir varsayılan yol bulunmalı.

Kategori değiştiğinde ilgili yolları aynı içerik kaynağından güncelleyin. Menüde “Masa lambaları”, sayfada “Ofis ışıkları” gibi iki ayrı isim kullanmak ziyaretçinin farklı bir yere geçtiğini düşündürebilir. Ürün isminin uzunluğu ile kategori ismini birlikte kontrol edin.

Bağlantı, ayraç ve mevcut sayfayı ayırt edin

Üst kategorileri bağlantı yapın; mevcut sayfanın adını tıklanabilir göstermek şart değildir. Ayracı bir eylem gibi sunmayın. W3C’nin breadcrumb örüntüsü, yolu adı tanımlanmış bir gezinme alanında tutar ve mevcut sayfa bağlantısının durumunu yardımcı teknolojilere aktarır.

Bu yapı ana menünün görevini devralmaz. Kategori yolu yakın bağlamı, ana menü sitenin temel bölümlerini sunar. Aynı sayfada ikisi de bulunabilir. Teknik uygulamayı geliştiriciye bırakırken teslim kontrolünü basit tutun: üst kategori bağlantısı gerçekten o kategoriye gidiyor mu?

Yayınlanan içerikler üzerinde örneği deneyin

Dar ekranda anlamı koruyun

Uzun yolu tek satıra zorlayıp yazıyı aşırı küçültmeyin. Satıra bölme, ara seviyeleri kontrollü daraltma veya en yakın üst kategoriyi öne çıkarma seçeneklerini içerik uzunluğuna göre deneyin. Kısalttığınız etiketi belirsiz bir üç noktayla bırakıyorsanız tam yolun nasıl bulunacağını da tasarlayın.

Telefon ve klavyeyle üst kategoriye gidip başka ürüne geçin. Sayfa başlığıyla son yol öğesi farklı şeyler söylüyorsa metni düzeltin. Gerhman proje sayfamız kapsamlı ürün sunumuna ilişkin portföy bağlamı sağlar; bu lamba örneği o projeye ait değildir. Web tasarım teslimine kategori isimleri, bağlantı hedefleri ve mobil kontrolü birlikte ekleyin.