En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'te Canlı Otomatik Tamamlama Araması Nasıl Oluşturulur

Ziyaretçiler aradıklarını bulamadıklarında, etrafta kalmazlar - uzaklaşırlar, genellikle de kalıcı olarak.

Varsayılan WordPress araması bunu kolaylaştırmaz. Yavaş, hantal ve eskidir: bir anahtar kelime yazın, Enter'a basın, tam sayfa yeniden yüklenmesini bekleyin… yalnızca alakalı olmayabilecek sonuçlar almak için.

Şimdi tam tersini hayal edin... ziyaretçi yazmaya başladığı anda anında görünen arama sonuçları. İşte bu, canlı otomatik tamamlama aramasının (Ajax araması olarak da bilinir) büyüsüdür. Modern, zahmetsiz hissettirir ve insanları sitenizde meşgul tutar.

Bu kılavuzda, WordPress'e canlı otomatik tamamlama araması eklemeyi tam olarak öğrenecek, böylece ışık hızında sonuçlar sunabilir, kullanıcı deneyimini iyileştirebilir ve ziyaretçileri daha uzun süre göz atmaya devam ettirebilirsiniz.

WordPress'te Canlı Otomatik Tamamlama Araması Nasıl Oluşturulur

WordPress'e Canlı Otomatik Tamamlama Araması Neden Eklenir?

Canlı otomatik tamamlama araması, ziyaretçilerin sayfayı yeniden yüklemeden web sitenizde aradıklarını daha hızlı bulmalarına yardımcı olur. Kullanıcılar arama çubuğuna yazdıkça, sonuçlar anında bir açılır menüde görünür, böylece tıklayıp ihtiyaç duydukları içeriğe doğrudan gidebilirler.

Bu tür hızlı, yardımcı deneyim, insanları WordPress web sitenizde daha uzun süre tutar. Doğru anahtar kelimeyi tahmin etmek veya yavaş bir sonuç sayfasını beklemek zorunda kalmazlar. Ve bir çıkmaza girme olasılıkları daha düşüktür.

Ne yazık ki, WordPress araması varsayılan olarak oldukça sınırlıdır. Ürün ayrıntıları veya özel gönderi türleri gibi şeyleri her zaman aramaz ve tam eşleşmelerle mücadele eder.

Bazen içerik orada olsa bile "sonuç bulunamadı" sayfasını gösterir.

WordPress'te bir arama terimi için sonuç bulunamadı

Canlı aramanın gerçekten yardımcı olabileceği yer burasıdır. Özellikle bloglar, haber siteleri ve ziyaretçilerin hızlı bir şekilde belirli bir şey bulmak istediği çevrimiçi mağazalar için kullanışlıdır.

İnsanların en iyi içeriğinizi keşfetmesini kolaylaştırmak istiyorsanız, canlı arama eklemek bunu yapmanın basit ve etkili bir yoludur.

WordPress'e Canlı Otomatik Tamamlama Arama Nasıl Eklenir

Sitenize canlı otomatik tamamlama (Ajax) araması eklemenin en kolay yolu bir eklenti kullanmaktır. Bu eğitimde, SearchWP Live Ajax Search adlı ücretsiz eklentiyi kullanacağım. Bu eklenti, en iyi WordPress arama eklentilerinden biridir.

Sitenizdeki temanızın üstbilgisindeki veya kenar çubuğundaki gibi mevcut arama formlarını otomatik olarak yükselterek kutudan çıktığı gibi çalışır. Bu, kodlama veya herhangi bir ayarı değiştirme ihtiyacı duymadan anında canlı arama önerileri alabileceğiniz anlamına gelir.

SearchWP Live Ajax WordPress eklentisi

💡 Not: Aramanızı daha da ince ayar yapmak istiyorsanız, SearchWP Pro'ya yükseltmenizi öneririm. Özel alanlar, taksonomiler, WooCommerce ürünleri, PDF içeriği ve daha fazlası dahil olmak üzere tam olarak hangi içeriğin aranacağına dahil edileceğini seçmenize olanak tanır.

Bu eklenti hakkında detaylı SearchWP incelememizde daha fazla bilgi edinebilirsiniz.

Şimdi, WordPress'te canlı otomatik tamamlama araması oluşturma adımlarını size anlatacağım.

Anlatacağım tüm konuların hızlı bir özetini aşağıda bulabilirsiniz:

Başlayalım!

Öncelikle, SearchWP Live Ajax Search eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

Bu eklentiyi, Eklentiler » Yeni Ekle bölümüne gidip “SearchWP Live Ajax Search” araması yaparak doğrudan WordPress kontrol panelinizde bulabilirsiniz.

Eklentiyi arama sonuçlarında bulduktan sonra, ‘Şimdi Yükle’ düğmesine tıklayın. Yükleme tamamlandıktan sonra, eklentiyi sitenizde etkinleştirmek için ‘Etkinleştir’e tıklayın.

SearchWP Live Ajax Search eklentisini etkinleştirme

Ayrıntılı kurulum talimatları için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Eklenti tamamen ücretsizdir ve premium SearchWP eklentisinin arkasındaki aynı ekip tarafından geliştirilmiştir. Bağımsız çalışır, bu nedenle canlı arama işlevselliğiyle başlamak için herhangi bir şey satın almanıza gerek yoktur.

Etkinleştirildiğinde, WordPress yönetici alanınızda yeni bir ‘SearchWP’ menü öğesi görünecektir. Bunu bir sonraki adımda ayarlarınızı yapılandırmak için kullanacaksınız.

Adım 2: Temel Arama Ayarlarını Yapılandırma

Eklenti yüklendiğine göre, canlı arama işlevini etkinleştirmeniz gerekir.

WordPress kontrol panelinizde SearchWP » Ayarlar bölümüne gidin.

SearchWP'deki Ayarlar menüsü

Ayarlar sayfasında, aramanızı yapılandırmak için birkaç farklı seçenek göreceksiniz.

'Canlı Arama' sekmesinde olduğunuzdan emin olun ve sayfanın üst kısmına yakın 'Canlı Aramayı Etkinleştir' geçişini arayın.

Açmak için geçiş düğmesine tıklamanız ve ardından ayarlarınızı kaydetmek için 'Kaydet' düğmesine tıklamanız yeterlidir.

SearchWP'nin canlı aramasını etkinleştirme

Etkinleştirildikten sonra, canlı Ajax araması WordPress sitenizdeki mevcut arama formlarınızla otomatik olarak çalışmaya başlayacaktır.

Eklenti, farklı web sitesi türleri için kutudan çıktığı gibi iyi çalışan akıllı varsayılanlar kullanır. Varsayılan olarak, ilgili sonuçları sağlamak için gönderi başlıklarınızı ve içeriğinizi arayacaktır.

Adım 3: Canlı Arama Çubuğunu Sitenize Ekleyin (İsteğe Bağlı)

SearchWP Live Ajax Search eklentisi, WordPress temanızdaki mevcut arama formlarında canlı aramayı otomatik olarak etkinleştirir.

Ancak, kenar çubuğu, altbilgi veya özel bir açılış sayfası gibi yeni bir konuma bir arama çubuğu eklemek isteyebilirsiniz. Bu adım size bunu nasıl yapacağınızı gösterecektir.

Widget Hazır Alanlara Canlı Otomatik Tamamlama Araması Ekleyin

Kenar çubuğu veya alt bilgi gibi widget alanlarına bir arama kutusu eklemek için WordPress kontrol panelinizde Görünüm » Widget'lar bölümüne gitmeniz gerekir.

Widget alanındaki, örneğin kenar çubuğu veya altbilgi gibi, ‘+’ düğmesine tıklayın. Ardından, Arama widget'ını arayın.

Arama widget'ı ekleme

Eklendikten sonra yer tutucu metni özelleştirebilirsiniz.

Örneğin, bir haber sitesi çalıştırıyorsanız, widget başlığını "En Son Haberleri Ara" veya "Haber Makalelerini Bul" gibi bir şeyle özelleştirebilirsiniz.

Veya "Arama" olarak bırakabilirsiniz.

Arama yer tutucu metnini özelleştirme

Değişikliklerinizi kaydetmek için 'Güncelle' düğmesine tıklamayı unutmayın. Canlı arama kutusu artık widget alanınızda görünecektir.

Demo sitemde görünümü şu şekilde:

Canlı otomatik tamamlama ile arama çubuğunu önizleme
Tam Site Düzenleyici (FSE) Kullanarak Canlı Otomatik Tamamlama Araması Ekleme

Tam Site Düzenleyicisini destekleyen blok tabanlı bir tema kullanıyorsanız, arama kutularını sitenizin farklı bölümlerine, örneğin üst bilgiye, kenar çubuğuna ve daha fazlasına ekleyebilirsiniz.

Öncelikle, WordPress kontrol panelinizden Görünüm » Düzenleyici'ye gidin.

Tam site düzenleyicisine git

Bu, Tam Site Düzenleyicisini başlatacaktır.

Ardından, ‘Şablonlar’ sekmesini açmanız gerekir.

Şablonlar sekmesine geçiş

Buradan, Üstbilgi veya Sayfa şablonu gibi düzenlemek istediğiniz şablona tıklayın.

Tam seçenekler kullandığınız temaya bağlı olacaktır, ancak arama çubuğunun web sitenizde görünmesi için bir Üstbilgi şablonu veya navigasyon menüsü seçmenizi öneririm.

Canlı otomatik tamamlama ile arama işlevi eklemek için bir şablon seçme

Şablona tıkladığınızda, bloklarla görsel bir düzenleyici göreceksiniz.

Yeni bir blok eklemek için '+' düğmesine tıklayın, ardından blok ekleyicide 'Arama'yı arayın.

FSE'de Arama bloğunu ekleme

Arama bloğunu şablondaki istediğiniz konuma yukarı ve aşağı taşıyabilirsiniz.

Buradan, blok ayarları panelini kullanarak arama bloğunun görünümünü özelleştirebilirsiniz.

Örneğin, yer tutucu metni ayarlayabilirsiniz.

Eğer bir WordPress blogu yönetiyorsanız, o zaman “Blogu ara” veya “Yardımcı makaleler bul” gibi bir şey kullanmak isteyebilirsiniz. Ya da sadece “Ara” olarak bırakabilirsiniz.

Arama bloğunu özelleştirme

Arama çubuğu stilini ve düzen seçeneklerini sitenizin tasarımına uyacak şekilde de özelleştirebilirsiniz.

Görünümünden memnun kaldığınızda, değişikliklerinizi kaydetmek için 'Güncelle' düğmesine tıklayın.

Canlı otomatik tamamlama ile arama çubuğunu önizleme

Adım 4: Canlı Aramanızı Test Edin ve Sorun Giderin

Yeni canlı arama özelliğinizin doğru çalıştığından emin olmak için test etme zamanı geldi.

Web sitenizi gizli bir pencerede açıp arama kutusuna birkaç karakter yazmanızı öneririm.

Her şey yolundaysa, sonuçların anında bir açılır menüde göründüğünü göreceksiniz. Bu, Ajax'ın doğru çalıştığı anlamına gelir.

Canlı arama önizlemesi

Canlı aramanızı telefon ve tablet dahil farklı cihazlarda test etmek, mobil uyumlu olduğundan emin olmak için iyi bir fikirdir. Canlı sonuçların tutarlı bir şekilde göründüğünden emin olmak için Chrome, Firefox ve Safari gibi birden fazla tarayıcıda da deneyin.

Canlı arama görünmüyorsa veya beklendiği gibi çalışmıyorsa, en yaygın nedenler önbellek sorunları ve eklenti çakışmalarıdır.

Tarayıcınız veya önbellekleme eklentiniz, yükleme sürelerini hızlandırmak için sitenizin dosyalarının eski bir sürümünü ('önbelleğe alınmış' bir sürüm) saklıyor olabilir. Bazen bu, yeni canlı arama betiğinin doğru çalışmasını engelleyebilir.

WordPress önbelleğinizi ve tarayıcı önbelleğinizi temizlemek, sitenizin dosyalarının en son sürümünü yüklemesini sağlar ve bu da genellikle sorunu çözer.

Bunun için iyi bir eklenti WP Rocket'tir. Yeni başlayanlar için uygundur ve daha iyi performans için önbelleği temizlemenize, betikleri optimize etmenize ve dosyaların nasıl yükleneceğini kontrol etmenize olanak tanır.

WP Rocket önbelleğini temizle

Ayrıntılar için, WordPress önbelleğini nasıl temizleyeceğinize dair rehberimize bakabilirsiniz.

Sorunu çözmezse, başka bir eklentinin canlı aramanızla çakışıp çakışmadığını kontrol etmek için diğer eklentileri tek tek devre dışı bırakmayı deneyin. Bu, başka bir eklentinin canlı aramanızla etkileşime girip girmediğini belirlemenize yardımcı olabilir.

Daha fazla sorun giderme ipucu için, WordPress aramasının çalışmama sorununu nasıl gidereceğiniz hakkındaki kılavuzumuza bakın.

Bonus İpucu: Daha Akıllı Arama İçin Yükseltin (Bulanık Eşleştirme)

Yeni canlı aramanız ziyaretçilerinize çok daha iyi bir kullanıcı deneyimi sunar. Peki ya biri yazım hatası yaparsa? Varsayılan olarak WordPress, “wordpress” yerine “wordpres” için hiçbir sonuç döndürmeyebilir.

İşte burada bulanık arama devreye giriyor ve bu, premium SearchWP eklentisinde bulunan güçlü bir özelliktir.

Bulanık arama, web sitenizin kullanıcılarınızın neyi bulmaya çalıştığını anlamasına yardımcı olur, hatta yanlış yazsalar veya kısmi kelimeler kullansalar bile.

Örneğin, biri “vntage mobilya” araması yaparsa, bulanık arama yapan bir site yine de “vintage mobilya” için ilgili sonuçları gösterecektir.

Bir WordPress web sitesinde bulanık arama örneği

Bu, kullanıcıların sonuç yok çıkmazına girmesini önler ve içerik bulmalarına yardımcı olarak kullanıcı deneyimini iyileştirir ve sitede kalmalarını sağlar.

Adım adım talimatlar için, WordPress'e bulanık arama ekleme kılavuzumuza bakabilirsiniz.

WordPress'te Canlı Otomatik Tamamlama Araması Ekleme SSS

Okuyucularımızdan WordPress arama işlevselliği hakkında çok soru alıyorum, bu yüzden en yaygın olanlara cevaplar hazırladım.

En iyi WordPress arama eklentisi hangisi?

Canlı arama işlevi için, ücretsiz olduğu ve kutudan çıktığı gibi harika çalıştığı için SearchWP Live Ajax Search eklentisini öneririm.

Özel alan araması veya ayrıntılı analizler gibi daha gelişmiş özelliklere ihtiyacınız varsa, premium SearchWP eklentisi mükemmeldir.

WordPress'te adres alanlarına otomatik tamamlama nasıl eklenir?

Adres otomatik tamamlama, içerik aramasından farklıdır. Kullanıcılar yazarken gerçek adresleri önermek için Google Places API gibi hizmetleri kullanır.

Adres otomatik tamamlama özelliklerine sahip WPForms veya Gravity Forms gibi bir form eklentisine ihtiyacınız olacak. Bu, site içeriğinizde aramaktan ayrı olan sokak adresi önerileri sunmak için haritalama hizmetlerine bağlanır.

Kullanıcıların belirli bir kategori içinde arama yapmalarını sağlayan bir form oluşturabilir miyim?

Kullanıcıların kategoriye göre arama yapabilmesi için bir açılır menü eklemek istiyorsanız, SearchWP Pro eklentisine ihtiyacınız olacaktır.

Ücretsiz SearchWP Live Ajax Search eklentisi (bu kılavuzda ele aldığımız), canlı sonuçlarda kategori adlarını gösterecektir, ancak kategori filtreleriyle tam bir arama formu oluşturmanıza izin vermez.

Bu özelliği elde etmek için tam SearchWP eklentisine yükseltmeniz ve WordPress'te kategoriye göre nasıl arama yapacağınıza dair eğitimimizi izlemeniz gerekir.

WordPress siteme bir arama özelliği nasıl eklerim?

Çoğu WordPress teması, menünüze, kenar çubuğunuza, üstbilginize veya altbilginize ekleyebileceğiniz yerleşik bir arama widget'ı içerir.

Ayrıntılar için, WordPress menünüze bir arama çubuğu ekleme hakkındaki kılavuzumuza bakın.

WordPress Aramasını İyileştirmek İçin Daha Fazla Rehber

Umarım bu rehber, WordPress sitenize canlı otomatik tamamlama araması eklemenize yardımcı olmuştur.

Sitenizin aramasını iyileştirmek için diğer ilgili kılavuzlarımıza da göz atmak isteyebilirsiniz:

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

Yorumlar

  1. Tebrikler, bu makalenin ilk yorumcusu olma fırsatına sahipsiniz.
    Bir sorunuz veya öneriniz mi var? Tartışmayı başlatmak için lütfen bir yorum bırakın.

Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.