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

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

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 öğreneceksiniz, 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'e Canlı Otomatik Tamamlama Araması Neden Eklenir?

Canlı otomatik tamamlama araması, ziyaretçilerin web sitenizde aradıklarını sayfa yeniden yüklenmeden 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ı bir deneyim, insanları WordPress web sitenizde daha uzun süre tutar ve hayal kırıklığını azaltır.

Aslında araştırmalar, kullanıcıların %40'ının arama deneyimi zayıfsa veya alakasız sonuçlar gösteriyorsa bir web sitesini terk edeceğini gösteriyor. Otomatik tamamlama araması ile ziyaretçilerin doğru anahtar kelimeyi tahmin etmeleri, yavaş bir sonuç sayfasını beklemeleri veya çıkmaza girmeleri gerekmez.

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.

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

İ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 öğreticide, ücretsiz SearchWP Live Ajax Search eklentisini kullanacağım; bu, 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.

Ş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!

Adım 1: SearchWP Live Ajax Search'ü Yükleyin ve Etkinleştirin

İlk olarak, SearchWP Live Ajax Search eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

Bu eklentiyi doğrudan WordPress kontrol panelinizde Eklentiler » Eklenti Ekle yolunu izleyerek bulabilirsiniz.

Bir sonraki ekranda, “SearchWP Live Ajax Search” için arama yapın.

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.

Ayrıntılı kurulum talimatları için, bir WordPress eklentisinin nasıl kurulacağına ilişkin 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ştirdikten sonra, WordPress yönetici alanınızda yeni bir 'SearchWP' menü öğesi görünecektir. Bir sonraki adımda ayarlarınızı yapılandırmak için bunu 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.

Ayarlar sayfasında yapılandırma seçeneklerini göreceksiniz. ‘Canlı Arama’ sekmesinde olduğunuzdan emin olun ve sayfanın üst kısmına yakın ‘Canlı Arama 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.

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

Eklenti, kutudan çıktığı anda farklı web sitesi türleri için iyi çalışan akıllı varsayılanlar kullanır. Varsayılan olarak, eklenti ilgili öneriler sunmak için Gönderi Başlıkları, Sayfa Başlıkları ve İçerik sorgulamak üzere yapılandırılmıştır.

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

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

Ancak, kenar çubuğu, altbilgi veya özel 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 altbilgi gibi widget alanlarına bir arama kutusu eklemek için WordPress yönetici kontrol panelinizde Görünüm » Widget'lar bölümüne gitmeniz gerekir.

Kenar çubuğu veya altbilgi gibi widget alanındaki ‘+’ düğmesini tıklayın, ardından standart ‘Arama’ widget'ını arayın.

SearchWP, bu varsayılan widget'ı otomatik olarak algılayacak ve canlı otomatik tamamlama özellikleriyle yükseltecek şekilde tasarlanmıştır. Bu nedenle, özel bir “SearchWP” bloğu aramanıza gerek yoktur.

Eklendikten sonra yer tutucu metni özelleştirebilirsiniz.

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

Veya "Arama" olarak bırakabilirsiniz.

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:

Tam Site Düzenleyici (FSE) Kullanarak Canlı Otomatik Tamamlama Araması Ekleme

Destekleyen blok tabanlı bir tema kullanıyorsanız Tam Site Düzenleyici, o zaman başlık, kenar çubuğu ve daha fazlası gibi web sitenizin farklı bölümlerine arama kutuları ekleyebilirsiniz.

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

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

Buradan, aktif blok temanıza bağlı olarak 'Şablonlar'ı tıklayın veya Desenler » Üstbilgi'ye gidebilirsiniz.

Ardından, Üstbilgi veya Sayfa şablonu gibi düzenlemek istediğiniz şablonu seçebilirsiniz.

Kesin seçenekler temanıza bağlı olacaktır, ancak ‘Üstbilgi’ şablon parçasını seçmenizi öneririm. Bu, arama çubuğunun web sitenizin her sayfasında görünmesini sağlar.

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

Devam edin ve yeni bir blok eklemek için ‘+’ düğmesini tıklayın, ardından blok ekleyicide ‘Arama’yı arayın. Ardından 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 çalıştırıyorsanız, o zaman “Blogu ara” veya “Yardımcı makaleler bul” gibi bir şey kullanmak isteyebilirsiniz. Veya sadece “Ara” olarak bırakabilirsiniz.

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.

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çmanızı ve arama kutusuna birkaç karakter yazmanızı öneririm. Her şey yolundaysa, açılır menüde anında sonuçlar belirdiğini göreceksiniz. Bu, Ajax’ın doğru çalıştığı anlamına gelir.

Canlı aramanızı telefonlar ve tabletler gibi farklı cihazlarda test etmek, mobil uyumlu olduğundan emin olmak iyi bir fikirdir. Kullanıcı yazı yazarken ekrandaki klavyenin arama sonuçları açılır menüsünü gizlemediğini kontrol edin.

Canlı sonuçların tutarlı bir şekilde göründüğünden emin olmak için Chrome, Firefox ve Safari gibi birden çok tarayıcıda da deneyebilirsiniz.

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.

Önbellekleme eklentileri, yüklemeyi hızlandırmak için sayfalarınızın statik kopyalarını depolar. Ancak bu bazen “canlı” arama betiklerinin çalışmasını engelleyebilir, bu da sonuçların anında görünmeyeceği anlamına gelir.

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

Ayrıntılar için WordPress önbelleği nasıl temizlenir hakkındaki kılavuzumuza bakabilirsiniz.

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

Daha fazla sorun giderme ipucu için lütfen WordPress arama çalışmıyor sorunu nasıl giderilir 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.

Bu, kullanıcıların sonuç bulunamadı ekranıyla karşılaşmasını ö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 hakkındaki 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 SearchWP Live Ajax Search'ü öneririm çünkü ücretsizdir ve kutudan çıktığı gibi harika çalışır.

Eğer özel alan arama veya ayrıntılı analizler gibi daha gelişmiş özelliklere ihtiyacınız varsa, o zaman 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, haritalama hizmetlerine bağlanarak sokak adresi önerileri sunar, bu da sitenizin içeriğini aramaktan ayrıdı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 yapabilmeleri için bir açılır menü eklemek istiyorsanız, o zaman SearchWP Pro eklentisine ihtiyacınız olacak.

Ü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 aranır hakkındaki eğitimimizi izlemeniz gerekecektir.

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 arama çubuğu nasıl eklenir 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 arama özelliğini iyileştirmek için diğer ilgili rehberlerimize de göz atmak isteyebilirsiniz:

• WordPress'te Kategoriye Göre Arama Nasıl Yapılır
• WordPress'te PDF İndeksleme ve Arama Nasıl Eklenir
• WordPress'te Blog Yorumlarını Aranabilir Hale Getirme
• Blog Arşiv Sayfasına WordPress Araması Nasıl Eklenir
• WordPress'te Arama Analitiği Nasıl Görüntülenir (Kolay Yollar)

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.