Adresin taşıyacağı bilgiyi belirleyin

Kategori, malzeme, ölçü ve sıralama gibi görünümü tanımlayan seçimler adaydır. Müşteri adı, özel fiyat, iletişim bilgisi veya oturum anahtarı adresin içine konmamalıdır. Temsili bir katalog adresinde “malzeme=celik” ve “olcu=20” değerleri aynı seçkinin yeniden kurulmasını anlatır. Bu değerler yalnız örnektir; işletmenin gerçek ürün sözlüğü ve birimleri ayrıca tanımlanmalıdır.

Paylaşım ile tarayıcı geçmişi ayrı kontrollerdir

URLSearchParams, adresin sorgu bölümündeki anahtar ve değerlerle çalışmayı sağlar. History.pushState() ise tarayıcı geçmişine bir kayıt ekleyebilir; sayfayı kendiliğinden yüklemez. Bu araçları kullanmak tek başına yeterli değildir: uygulama adresi okuyup filtreleri gerçekten geri kurmalıdır. Her küçük değişiklikte ayrı geçmiş kaydı oluşturmak yerine hangi seçimlerin anlamlı durak olduğunu belirleyin.

Örnek: teknik satın alma görüşmesi

Temsili bir bağlantı “paslanmaz, 20 mm, artan ürün kodu” seçkisini açar. Alıcı bir ürüne girip geri döndüğünde aynı seçimleri görür. Üç hafta sonra ürünlerden biri kaldırılmışsa sayfa boş beyaz ekran vermek yerine kalan sonuçları ve seçili koşulları açıklar. Hiç sonuç kalmadığında filtreleri temizleme veya ilgili kategoriye dönme seçeneği sunulur. Eski bir bağlantı değişen stoğu dondurmaz; sabit teklif kaydı gerekiyorsa ayrı belge veya yetkili süreç gerekir.

Yeni cihazda deneyin

  • Filtreleyin, sıralamayı değiştirin ve adresi kopyalayın.
  • Adresi ayrı bir tarayıcıda açarak aynı seçimleri kontrol edin.
  • Ürün ayrıntısına girip Geri ile listeye dönün.
  • Birden fazla seçeneği ve Türkçe karakter içeren değerleri sınayın.
  • Kaldırılmış veya tanınmayan filtre değeri içeren eski bir adresi deneyin.
  • Telefonda seçili filtrelerin görünür ve kaldırılabilir olduğunu doğrulayın.

Adresi paylaşabilmek, her filtre birleşimi için arama motoruna ayrı sayfa sunma kararı değildir; indeksleme planını ayrıca değerlendirin.

Kapsamı doğru tarif edin

Ajansa “filtre olsun” yerine “seçili görünüm adresle paylaşılabilsin ve başka cihazda geri kurulsun” deyin. Aradaki fark bir kabul testiyle görünür hale gelir. Hangi filtrelerin gerekli olduğunu katalog filtreleri rehberimizde ele alıyoruz. Web tasarım kapsamına paylaşım, geri dönüş ve geçersiz seçim durumlarını birlikte ekleyin.

Ayrıca paylaşımı yapan kişinin neyi gönderdiğini görebilmesini sağlayın. Kopyalama eyleminin yanında “Paslanmaz · 20 mm” gibi seçili koşulların özeti bulunabilir. Bu, bağlantının sabit bir fiyat teklifi olmadığını anlatan kısa bir cümleyle tamamlanabilir. Satış ekibi görüşme sırasında yanlış malzemeyi seçtiğini fark ederse yeni adresi paylaşır; önceki bağlantının değişen anlamını müşterinin tahmin etmesini beklemeyin.

Sık sorulan sorular

Paylaşılan bağlantı ürün listesini sonsuza kadar sabit tutar mı?

Hayır. Aynı filtre koşullarını taşıyabilir; ürün verisi değiştikçe sonuç da değişebilir.

Her filtre değişikliğinde yeni bir sayfa mı üretilmeli?

Şart değil. Paylaşılabilir durum, gezinme geçmişi ve arama motoru indeksleme kapsamı ayrı kararlardır.

Kaynaklar ve ileri okuma

MDN — URLSearchParams ↗MDN — History.pushState() ↗
Web tasarım & geliştirmeBu hizmeti konuşalım ↗