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 Sitenize Canlı Ajax Arama Nasıl Eklenir (Kolay Yol)

Çoğu WordPress site sahibi farkında olmasa da, kötü bir arama deneyimi ziyaretçileri sessizce uzaklaştırabilir. Bu nedenle, arama sonuçları sayfanızın yüksek hemen çıkma oranı varsa, kullanıcıların yavaş ve yararsız sonuçlardan hayal kırıklığına uğrama ihtimali vardır.

İşte burada canlı Ajax araması devreye giriyor.

Canlı Ajax araması, sayfayı yeniden yüklemeden sonuçları kullanıcılar yazdıkça anında göstererek bunu çözer. Google'ın otomatik tamamlama özelliği gibi çalışır ve ziyaretçilerin sayfaları, gönderileri veya ürünleri daha hızlı bulmasını kolaylaştırır.

Bu kılavuzda, WordPress'e canlı Ajax aramasını kolay yoldan nasıl ekleyeceğinizi göstereceğiz. Birkaç aracı test ettikten sonra, en iyi sonuçlar için SearchWP kullanmanızı öneririz. 🙌

WordPress sitenize canlı Ajax araması nasıl eklenir (kolay yol)

Neden WordPress'e Canlı Ajax Araması Eklemelisiniz?

Canlı Ajax arama, anında arama olarak da adlandırılır, yerleşik WordPress aramasını, Google gibi arama motorlarında yaygın olan bir açılır ve otomatik tamamlama özelliği ekleyerek geliştirir.

İşte canlı bir Ajax aramasının örnek bir gösterimi:

Google arama canlı örneği

Canlı arama, kullanıcılar yazarken ne aradıklarını tahmin eder, bu da ilgili içeriği daha hızlı bulmalarına yardımcı olur. Bu genellikle kullanıcı deneyimini iyileştirir, sayfa görüntülemelerini artırır ve hemen çıkma oranını azaltır.

Ajax canlı arama ile, sayfayı yeniden yüklemeden ilgili sonuçları gösterebilirsiniz. Bu, onu e-ticaret mağazaları için harika bir seçenek haline getirir, çünkü alışveriş yapanlar arama sorgularıyla eşleşen ürünleri anında görebilirler.

Bu şekilde, anında arama daha akıllı bir ürün araması oluşturmanıza yardımcı olabilir.

Bununla birlikte, WordPress'e canlı Ajax destekli bir arama işlevi eklemeyi göstereceğiz. İşte sonraki bölümlerde ele alacağımız tüm konular:

Başlayalım!

Adım 1: Bir WordPress Eklentisiyle Ajax Aramayı Etkinleştirin

Ajax canlı arama özelliğini WordPress'e eklemenin en kolay yolu SearchWP Live Ajax Lite Search kullanmaktır. Bu ücretsiz eklenti, web sitenize otomatik olarak anında gerçek zamanlı arama ekler ve herhangi bir WordPress teması ile mükemmel çalışır.

Ayrıca, onu kapsamlı bir şekilde test ettik ve tam SearchWP incelememizde bunun hakkında daha fazla bilgi bulabilirsiniz.

SearchWP Live Ajax WordPress eklentisi

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın: WordPress eklentisi nasıl kurulur.

Etkinleştirdikten sonra SearchWP » Ayarlar bölümüne gidebilirsiniz. Ardından, ‘Canlı Arama Etkinleştir’ geçişine tıklayın.

SearchWP ile canlı Ajax aramayı etkinleştirme

İşlem tamamlandıktan sonra, değişikliklerinizi kaydetmek için ‘Kaydet’e tıklayın.

Artık varsayılan WordPress arama bloğunuzda canlı Ajax arama etkinleştirilmiş olacak.

SearchWP ayarlarını kaydetme

Adım 2: Ajax Canlı Arama Formunu WordPress Sitenize Ekleyin

Eklentiyi etkinleştirdikten sonra, sitenizdeki tüm arama çubukları, oluşturduğunuz özel WordPress arama formu dahil olmak üzere otomatik olarak canlı Ajax araması kullanacaktır.

Çoğu WordPress teması yerleşik bir arama çubuğuna sahiptir. Ancak, canlı Ajax arama özelliğini etkinleştirdikten sonra, WordPress web sitenizin diğer alanlarına bir arama çubuğu eklemek isteyebilirsiniz.

WordPress Sayfalarına Canlı Ajax Arama Ekleme

Web sitenizin belirli sayfalarına canlı bir Ajax arama kutusu eklemek isteyebilirsiniz. Örneğin, ziyaretçilerin arşivlerde kolayca arama yapabilmesi için özel arşiv sayfanıza bir çubuk ekleyebilirsiniz.

Bunu yapmak için, arama çubuğunu eklemek istediğiniz yazıyı veya sayfayı açmanız gerekecektir. Bu örnekte, canlı aramayı bir WordPress sayfasına nasıl ekleyeceğimizi göstereceğiz, ancak adımlar yazılar için de benzer olacaktır.

İlk olarak, Sayfalar » Tüm Sayfalar'a gidin ve ardından düzenlemek istediğiniz sayfayı seçin.

WordPress sayfasını açın

WordPress Gutenberg düzenleyicisinde, '+' simgesine tıklayın.

Bu, bloklar menüsünü açacaktır.

Bir WordPress bloguna veya web sitesine yeni bir blok ekleme

Buraya kutuya 'Arama' yazın ve ardından sayfanıza eklemek için 'Arama' simgesine tıklayın.

WordPress arama çubuğunu sizin için otomatik olarak yerleştirecektir.

Bir WordPress sayfasına veya gönderisine arama bloğu ekleme

Varsayılan olarak kutuda 'Arama' başlığı bulunur. Bunu etiket alanına yazarak değiştirebilir veya başlık metnini tamamen silebilirsiniz.

Ayrıca isteğe bağlı bir yer tutucu da yazabilirsiniz; bu, ziyaretçiler arama sorgularını yazmaya başlamadan önce WordPress'in göstereceği metindir. Örneğin, bir online mağaza çalıştırıyorsanız, o zaman ‘Ürünleri ara’ veya ‘Harika fırsatlar bul’ gibi bir şey kullanmak isteyebilirsiniz.

Arama çubuğunun kurulumundan memnun kaldığınızda 'Güncelle' düğmesine tıklayın.

WordPress arama bloğunu özelleştirme

Artık ziyaretçileriniz aradıklarını hızlıca bulmak için canlı arama çubuğunu kullanabilirler.

Bir arama çubuğunu herhangi bir yazıya veya sayfaya eklemek için aynı işlemi kullanabilirsiniz.

Canlı arama sayfası örneği

WordPress Kenar Çubuğuna Canlı Ajax Araması Ekleme

Birçok web sitesi sahibi, web sitelerinin kenar çubuğuna bir arama çubuğu ekler.

Canlı widget arama örneği

Bu, ziyaretçilerin sitenizde nerede olurlarsa olsunlar arama yapmalarını sağlar.

Arama widget'ını WordPress'e eklemek için, basitçe Görünüm » Widget'lar'a gidin.

Widget bloklarını özelleştirin

Bu sayfa, WordPress temanızın farklı widget'a hazır alanlarının tümünü gösterir. Gördüğünüz seçenekler değişiklik gösterebilir, ancak çoğu tema Kenar Çubuğu, Sağ Kenar Çubuğu, Sol Kenar Çubuğu veya benzer bir bölüme sahip olacaktır.

Canlı Ajax arama çubuğunu eklemek istediğiniz alanı genişletmek için tıklamanız yeterlidir. Ardından, ‘+’ simgesine tıklayın.

Kenar çubuğu widget bloğu ekle

Açılan pencerede, ‘Arama’ bloğu göründüğünde onu bulun ve seçin.

Bu, canlı Ajax arama widget'ını otomatik olarak kenar çubuğuna veya benzer bir bölüme ekleyecektir.

Bir widget alanına arama bloğu ekleme

Bitirdiğinizde, değişikliklerinizi kaydetmek ve Ajax arama çubuğunu WordPress blogunuzda veya web sitenizde canlı hale getirmek için 'Güncelle' düğmesine tıklayın.

Şimdi sitenizi ziyaret ederseniz, kenar çubuğunda veya benzer bir bölümde canlı bir Ajax arama çubuğu göreceksiniz.

Arama çubuğunu başka herhangi bir widget uyumlu alana eklemek için aynı işlemi izleyebilirsiniz.

💡 İçeriden İpucu: Bunun yerine gezinme menünüze bir arama çubuğu eklemek için, WordPress menünüze bir arama çubuğu ekleme kılavuzumuza bakın.

WordPress Kenar Çubuğuna Tam Site Düzenleyiciyi Kullanarak Canlı Arama Ekleme

Blok tabanlı bir tema kullanıyorsanız, örneğin ThemeIsle Hestia Pro gibi, tam site düzenleyiciyi kullanarak temanızın herhangi bir alanına canlı bir Ajax araması ekleyebilirsiniz.

Standart WordPress içerik düzenleyicisini kullanarak düzenleyemediğiniz alanlara bile bir arama çubuğu ekleyebilirsiniz. Örneğin, 404 sayfa şablonunuza bir arama alanı ekleyebilirsiniz.

Başlamak için WordPress kontrol panelinde Görünüm » Düzenleyici bölümüne gidin.

Tam site düzenleyiciyi (FSE) kullanarak canlı Ajax araması ekleme

Varsayılan olarak, tam site düzenleyici temanızın ana sayfa şablonunu gösterir, ancak herhangi bir şablona bir arama bloğu ekleyebilirsiniz.

Mevcut tüm seçenekleri görmek için sol menüden 'Şablonlar'ı seçin.

WordPress blogunuza veya web sitenize canlı Ajax araması ekleme

Canlı Ajax aramasını eklemek istediğiniz şablona şimdi tıklayabilirsiniz.

WordPress şimdi tasarımın ve düzenleyebileceğiniz sayfa ayarlarının bir önizlemesini gösterecektir. Bu şablonu düzenlemeye devam etmek için küçük kalem simgesine tıklayın ve blok düzenleyiciyi açın.

Blok tabanlı bir WordPress temasında canlı Ajax araması ekleme

Bu işlem bittikten sonra mavi '+' simgesine tıklayın.

Görünen panelde, ‘Arama’ yazın.

Tam site düzenleyicisine (FSE) arama çubuğu ekleme

‘Arama’ bloğu göründüğünde, alanı göstermek istediğiniz yere sürükleyin. Ardından alanı sürükleyin.

Blok başlığını veya yer tutucu metnini özelleştirmek için yeni mesajı arama bloğuna yazmanız yeterlidir.

Tam site WordPress temasına canlı ajax araması ekleme

Blok görünümünden memnun kaldığınızda, Ajax arama çubuğunu canlı hale getirmek için ‘Kaydet’e tıklayın.

Bonus İpucu: Anında WordPress Arama Motorunuzu Özelleştirin

SearchWP Live Ajax Search, yerleşik WordPress aramasıyla mükemmel bir şekilde entegre olur. Ancak, bu varsayılan arama oldukça sınırlıdır ve doğru arama sonuçlarını göstermede iyi değildir.

İşte SearchWP'nin devreye girdiği yer burasıdır. Pazardaki en iyi WordPress arama eklentisidir ve 30.000'den fazla web sitesi tarafından kullanılmaktadır.

Bu eklenti, ziyaretçilerin varsayılan olarak WordPress'in göz ardı ettiği içeriği aramasını sağlar, bunlar şunlardır:

SearchWP'yi yükleyerek, kod yazmadan sitenizin yeni anlık özelliğini tamamen özelleştirebilirsiniz.

SearchWP WordPress arama eklentisi

SearchWP ayrıca ziyaretçilerinizin ne aradığını görmenizi sağlayan gelişmiş analiz ve istatistiklere sahiptir.

Bu bilgiyi sitenizin arama ayarlarını ince ayarlamak ve web sitenizdeki en popüler içeriği belirlemek için kullanabilirsiniz. Bu, ziyaretçilerin zaten aradığı şeylere dayanarak yeni blog yazısı fikirleri oluşturmanıza yardımcı olabilir.

SearchWP metrikleri ve istatistikleri sayfası

Daha fazla bilgi için bu kılavuzlara bakabilirsiniz:

WordPress'te Canlı AJAX Araması Ekleme Hakkında SSS

Hâlâ sorularınız mı var? Bu SSS'ler, WordPress sitenize canlı AJAX araması ekleme konusundaki temel noktaları ele almaktadır.

Ajax destekli arama nedir ve WordPress siteme nasıl fayda sağlar?

Ajax destekli arama, kullanıcılar sorgularını arama çubuğuna yazdıkça gerçek zamanlı sonuçlar sağlar. Sayfa yeniden yüklemeye gerek kalmadan ilgili içeriğe daha hızlı erişim sunarak kullanıcı deneyimini iyileştirir.

Canlı Ajax araması WooCommerce gibi e-ticaret eklentileriyle kullanılabilir mi?

Evet, canlı Ajax araması, e-ticaret eklentileri ile, örneğin WooCommerce ile entegre edilerek anında ürün arama özellikleri sunabilir. Bu, alışveriş yapanların ürünleri hızlı ve kolay bir şekilde bulmalarına yardımcı olabilir.

Kullanıcıların ne aradığını nasıl takip edebilirim?

Çoğu WordPress arama eklentisi, ziyaretçilerin ne aradığını, hangi sonuçlara tıkladıklarını ve hangi sorguların sonuç vermediğini görmenizi sağlayan yerleşik analizler sunar. Bu veriler, içerik boşluklarını ortaya çıkarmanıza, sitenizin yapısını iyileştirmenize ve genel kullanıcı deneyimini optimize etmenize yardımcı olabilir.

Daha fazla bilgi için, WordPress'te arama analitiğinin nasıl görüntüleneceği hakkındaki kılavuzumuza bakabilirsiniz.

Umarım bu makale, WordPress sitenize canlı Ajax araması eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca WordPress arama sonuçlarından sayfaları hariç tutma kılavuzumuza ve WordPress'te birden fazla arama formu kullanma makalemize de 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

4 CommentsLeave a Reply

  1. Yorumlar içinde arama işlevi uygulamak istediğimde ilk kez Search WP eklentisiyle karşılaştım ve hakkında ne kadar çok şey öğrenirsem, o kadar çok seviyorum. Google'ınkine benzer otomatik tamamlama özelliği harika. Bu eklentiyi çoğunlukla yorumlarda arama yapmak için kullandığımdan, Canlı Ajax Arama'yı da kesinlikle deneyeceğim. Harika görünüyor ve web sitesine profesyonellik katıyor.

  2. Bu gönderi için teşekkürler.
    Ajax aramayı seviyorum çünkü kullanıcıların içeriği gerçek zamanlı olarak aramasını ve bulmasını sağlıyor. Tüm bloglara bunu uygulamasını tavsiye ederim.
    Ayrıca 404 sayfasına bir ajax arama alanı eklenmesini de destekliyorum, sayfaya gelen kullanıcı arama yaparak aradığı şeye benzer bir gönderi bulabilir.

  3. Merhaba, bu yorum işlevini ajax'ta etkinleştirdikten sonra sunucu CPU kullanımım yükseldi, bu yüzden sonlandırmak zorunda kaldım. Sanırım bu büyük hosting sunucuları için.

    • Sadly, any ajax solution will increase your CPU usage but thank you for sharing this for anyone who has concerns for their hosting CPU usage :)

      Yönetici

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.