Web sitesi sayfa içi arama: Uzun İçerikte Yön Bulmak
Uzun bir kılavuz, kapsamlı bir sözleşme metni ya da yüzlerce satırlık bir tablo içinde aradığını bulmaya çalışan ziyaretçi, tarayıcının kendi arama kutusuna sığınır. Sayfa içi arama bu işi içerik yapısını bilerek ve çok daha iyi yapar.
Bu rehberde sayfa içi aramanın nerelerde gerektiğini, nasıl tasarlanacağını, vurgulama yöntemlerini ve mobil düzeni ele alıyoruz. Yapının sitenize uyarlanması için Weblike web sitesi tasarımı ekibimizden destek alabilirsiniz.
Web sitesi sayfa içi arama nedir?
web sitesi sayfa içi arama, yalnızca bulunulan sayfanın içeriğinde arama yapan bir araçtır. Site geneli aramadan farklıdır.
Araç, uzun belgelerde ve büyük tablolarda kullanılır. Sonuçlar aynı sayfa içinde vurgulanır.
Site Aramasından Farkı
İki araç farklı ihtiyaçlara cevap verir. Karıştırılmamalıdır.
- Kapsam: Sayfa içi ve site geneli.
- Sonuç: Vurgulama ve liste.
- Niyet: Bulunan sayfada gezinme.
- Yer: Sayfa içinde ve üst menüde.
Site geneli aramayı arama fonksiyonu yazısında ele aldık.
Nerelerde Gerekli?
Her sayfa bu araca ihtiyaç duymaz. Kısa sayfalarda gereksizdir.
Uzun kılavuzlar, sözlükler, büyük tablolar ve soru listeleri bu aracın değer ürettiği alanlardır.
Uzun Belgeler
Kullanım kılavuzu ve teknik belgelerde arama zorunlu hale gelir. Kullanıcı belirli bir terimi arar.
İndirme merkezini dosya indirme merkezi yazısında anlattık. Site içinde okunabilen belgeler için arama değerlidir.
Soru Listeleri
Uzun sık sorulan sorular sayfalarında arama kullanıcıyı hızla sonuca götürür. Tek tek okumak zaman alır.
Soru sayfası yapısını sık sorulan sorular sayfası yazısında ele aldık. Akordiyon başlıkları da aranabilmelidir.
Büyük Tablolar
Veri tablolarında arama ve filtre birlikte çalışmalıdır. Yüzlerce satır gözle taranamaz.
Arama sütun bazlı da yapılabilmelidir. Sonuç sayısı gösterilmelidir.
Sözlük ve Terim Listeleri
Terim listelerinde arama en çok kullanılan araçtır. Alfabetik gezinme yeterli değildir.
Terim sayısı arttıkça arama vazgeçilmez hale gelir. Arama ve harf gezinmesi birlikte sunulmalıdır.
Kutu Yerleşimi
Arama kutusu içeriğin başında yer almalıdır. Sayfanın altına konulan kutu fark edilmez.
Uzun sayfalarda kutu yapışkan hale getirilebilir. Kaydırırken erişilebilir kalmalıdır.
Kutu Tasarımı
Kutu arama simgesiyle birlikte gösterilmelidir. Yer tutucu metin ne aranabileceğini söylemelidir.
Kutu genişliği yeterli olmalıdır. Arama kutusu tasarımını arama kutusu tasarımı yazısında ele aldık.
Anlık Arama
Yazdıkça sonuç gösterilmesi beklenen davranıştır. Arama düğmesine basma zorunluluğu yavaşlatır.
Gecikme süresi ayarlanmalıdır. Her harfte arama yapmak performansı düşürür.
Vurgulama
Bulunan terimler sayfa içinde vurgulanmalıdır. Vurgu rengi okunabilir olmalıdır.
Vurgu arka planı metni gizlememelidir. Kontrast kontrol edilmelidir.
Sonuçlar Arası Gezinme
Birden çok eşleşme varsa aralarında gezinme sunulmalıdır. İleri ve geri düğmeleri kullanılır.
Kaçıncı sonuçta olunduğu gösterilmelidir. Bu bilgi yön duygusu verir.
Otomatik Kaydırma
Bulunan sonuç ekrana kaydırılmalıdır. Kullanıcı aramak zorunda kalmamalıdır.
Kaydırma yumuşak olmalıdır. Hedef satır ekranın ortasına getirilmelidir.
Kapalı Bölümler
Akordiyon içindeki metinler de aranabilmelidir. Kapalı bölümde bulunan sonuç açılmalıdır.
Bu davranış test edilmelidir. Aksi halde arama sonuç bulamaz görünür.
Sonuç Sayısı
Kaç eşleşme bulunduğu gösterilmelidir. Bu bilgi aramanın işe yarayıp yaramadığını anlatır.
Sonuç yoksa net bir mesaj verilmelidir. Sessiz kalan arama kutusu hata izlenimi verir.
Sonuçsuz Arama
Sonuç bulunamadığında öneri sunulabilir. Benzer terimler ya da site geneli arama önerilir.
Mesaj kısa ve yardımcı olmalıdır. Suçlayıcı dil kullanılmamalıdır.
Türkçe Karakterler
Arama Türkçe karakterlere duyarsız çalışmalıdır. Noktasız yazılan harfler de eşleşmelidir.
Büyük küçük harf ayrımı yapılmamalıdır. Bu ayarlar sık atlanır.
Yazım Esnekliği
Kısmi eşleşme desteklenmelidir. Tam kelime araması çoğu durumda yetersiz kalır.
Yakın eşleşme de düşünülebilir. Ancak çok esnek arama alakasız sonuç üretir.
Performans
Çok uzun sayfalarda arama işlemi tarayıcıyı zorlayabilir. İşlem optimize edilmelidir.
Hız ölçümünü Google PageSpeed Insights üzerinden yapabilirsiniz. Büyük tablolarda sunucu tarafı arama düşünülmelidir.
Tarayıcı Aramasıyla İlişki
Tarayıcının kendi arama aracı her zaman kullanılabilir. Sayfa içi arama onu engellememelidir.
İki araç birlikte çalışabilmelidir. Kısayol tuşları ele geçirilmemelidir.
Klavye Desteği
Arama kutusuna klavyeyle hızlı erişim sunulabilir. Kısayol görünür biçimde belirtilmelidir.
Sonuçlar arasında ok tuşlarıyla gezinme desteklenmelidir. Klavye navigasyonunu klavye navigasyonu yazısında ele aldık.
Erişilebilirlik
Sonuç sayısı ekran okuyucuya bildirilmelidir. Yalnızca görsel vurgu yetersizdir.
Vurgu rengi tek başına anlam taşımamalıdır. Odak yönetimi doğru kurulmalıdır.
Mobil Düzen
Mobilde arama kutusu yapışkan bir çubukta sunulabilir. Klavye açıldığında kutu görünür kalmalıdır.
Sonuç gezinme düğmeleri parmakla basılabilir olmalıdır. Mobil ilkelerini mobil öncelikli tasarım yazısında anlattık.
Temizleme Düğmesi
Aramayı temizleyen bir düğme bulunmalıdır. Kullanıcı tek tek silmek zorunda kalmamalıdır.
Temizleme sonrası vurgular kaldırılmalıdır. Sayfa ilk haline dönmelidir.
Arama Kaydı
Sayfa içinde aranan terimler kaydedilebilir. Bu veri içerik eksiklerini gösterir.
Analitik kurulumunu analitik takibi yazısında ele aldık. Sonuçsuz aramalar öncelikli incelenmelidir.
İçerik İyileştirme
Sık aranan terimler içerikte eksik olabilir. Bu terimler başlıklara eklenebilir.
Kullanıcının kullandığı kelimeler metne girmelidir. Bu düzeltme aramayı da iyileştirir.
Yazdırma Görünümü
Sayfa yazdırıldığında arama kutusu ve vurgular çıktıda yer almamalıdır. Bu ögeler ekrana özgüdür.
Yazdırma düzeni ayrı tanımlanmalıdır. Test edilmeden yayına alınmamalıdır.
Ölçüm Göstergeleri
Aracın kullanımı birkaç gösterge ile izlenir. Bu veriler geliştirme yönünü gösterir.
- Kullanım: Arama yapan ziyaretçi oranı.
- Terim: En çok aranan kelimeler.
- Sonuçsuz: Eşleşme bulunmayan arama.
- Süre: Sayfada kalma süresi.
Arama Geçmişi
Aynı sayfada yapılan son aramalar kısa süreliğine hatırlanabilir. Bu özellik tekrar aramayı kolaylaştırır.
Geçmiş sayfa yenilendiğinde temizlenebilir. Kalıcı saklama gerekli değildir.
Doğru Yerde Kullanmak
web sitesi sayfa içi arama, uzun ve yoğun içerikte güçlü bir yardımcıdır. Kısa sayfalarda ise gereksiz bir öge olarak kalır.
Bu nedenle araç her sayfaya değil, gerçekten uzun belgelere ve büyük listelere eklenmelidir. Doğru yerde kullanıldığında sayfada kalma süresini belirgin biçimde artırır.
Yalnızca bulunulan sayfanın içeriğinde arama yapan ve sonuçları aynı sayfada vurgulayan araçtır.
Kapsamı tek sayfadır, sonuçları liste yerine vurgulama ile gösterir ve sayfa içinde gezinme sağlar.
Uzun kılavuzlar, sözlükler, büyük tablolar ve uzun soru listelerinde.
İçeriğin başına; uzun sayfalarda yapışkan hale getirilebilir.
Olmalı; ancak gecikme süresi ayarlanarak her harfte arama yapılması önlenmelidir.
Aranabilmeli ve sonuç bulunan akordiyon bölümü otomatik açılmalıdır.
Arama karakterlere duyarsız çalışmalı ve büyük küçük harf ayrımı yapmamalıdır.
Net bir mesaj verilmeli ve benzer terim ya da site geneli arama önerilmelidir.
Arama yapan ziyaretçi oranı, en çok aranan terimler, sonuçsuz aramalar ve sayfada kalma süresi.
Uzun sayfada yön bulmak, içeriğin kendisi kadar önemlidir. web sitesi sayfa içi arama kurulurken kutuyu içeriğin başına koymak, yazdıkça sonuç göstermek, bulunan terimi vurgulamak, kapalı bölümleri de aramak ve sonuçsuz aramaları izlemek gerekir. Site araması tarafını arama fonksiyonu yazımızda ele aldık.
BİZE ULAŞIN
Bizimle iletişime geçerek projeniz için hemen ücretsiz teklif alabilirsiniz.
