Când vizitatorii nu pot găsi ceea ce caută, nu rămân – pleacă, adesea pentru totdeauna.
Căutarea implicită WordPress nu o face ușoară. Este lentă, greoaie și depășită: tastați un cuvânt cheie, apăsați Enter, așteptați reîncărcarea completă a paginii... doar pentru a obține rezultate care s-ar putea să nu fie nici măcar relevante.
Acum imaginează-ți opusul… rezultate ale căutării care apar instantaneu, în momentul în care un vizitator începe să tasteze. Aceasta este magia căutării live cu completare automată (cunoscută și sub denumirea de căutare Ajax). Se simte modernă, fără efort și menține oamenii implicați pe site-ul tău.
În acest ghid, veți învăța exact cum să adăugați căutare live cu completare automată în WordPress, astfel încât să puteți oferi rezultate fulgerătoare, să îmbunătățiți experiența utilizatorului și să mențineți vizitatorii să navigheze mai mult timp.
De ce să adaugi căutare automată live în WordPress?
Căutarea automată live ajută vizitatorii să găsească mai rapid ceea ce caută pe site-ul tău, fără a reîncărca pagina. Pe măsură ce utilizatorii tastează în bara de căutare, rezultatele apar instantaneu într-un meniu derulant, astfel încât aceștia pot da clic și merge direct la conținutul de care au nevoie.
Acest tip de experiență rapidă și utilă îi menține pe oameni mai mult timp pe site-ul tău WordPress. Nu trebuie să ghicească cuvântul cheie corect sau să aștepte o pagină de rezultate lentă. Și este mai puțin probabil să ajungă la un impas.
Din păcate, căutarea WordPress este destul de limitată în mod implicit. Nu caută întotdeauna prin detalii de produse sau tipuri de postări personalizate și se luptă cu potriviri exacte.
Uneori, chiar afișează o pagină „nu s-au găsit rezultate”, chiar și atunci când conținutul există.
Aici căutarea live poate fi de mare ajutor. Este deosebit de utilă pentru bloguri, site-uri de știri și magazine online, unde vizitatorii doresc să găsească ceva specific, rapid.
Dacă doriți să facilitați descoperirea celor mai bune conținuturi de către oameni, adăugarea unei căutări live este o modalitate simplă și eficientă de a face acest lucru.
Cum să adăugați căutare live cu completare automată în WordPress
Cel mai simplu mod de a adăuga căutare live cu completare automată (Ajax) pe site-ul tău este prin utilizarea unui plugin. În acest tutorial, voi folosi pluginul gratuit SearchWP Live Ajax Search, care este unul dintre cele mai bune pluginuri de căutare WordPress.
Funcționează imediat, prin actualizarea automată a oricăror formulare de căutare *existente* de pe site-ul dvs., cum ar fi cel din antetul sau bara laterală a temei. Acest lucru înseamnă că puteți obține sugestii de căutare live instantaneu, fără a fi nevoie să scrieți cod sau să modificați setări.
💡 Notă: Dacă dorești să-ți ajustezi și mai mult căutarea, recomand să faci upgrade la SearchWP Pro. Acesta îți permite să alegi exact ce conținut să incluzi în căutare, inclusiv câmpuri personalizate, taxonomii, produse WooCommerce, conținut PDF și multe altele.
Puteți afla mai multe despre acest plugin în recenzia noastră detaliată despre SearchWP.
Acum, vă voi ghida prin modul de creare a unei căutări live cu completare automată în WordPress.
Iată o prezentare generală rapidă a tuturor lucrurilor pe care le voi acoperi:
- Pasul 1: Instalează și activează SearchWP Live Ajax Search
- Pasul 2: Configurați setările de bază pentru căutare
- Step 3: Add the Live Search Bar to Your Site (Optional)
- Pasul 4: Testează și depanează căutarea ta live
- Sfat bonus: Actualizați pentru o căutare și mai inteligentă (potrivire fuzzy)
- Întrebări frecvente despre adăugarea căutării live cu completare automată în WordPress
- Mai multe ghiduri pentru a îmbunătăți căutarea WordPress
Să începem!
Pasul 1: Instalează și activează SearchWP Live Ajax Search
Mai întâi, trebuie să instalați și să activați pluginul SearchWP Live Ajax Search.
Puteți găsi acest plugin direct în tabloul de bord WordPress accesând Pluginuri » Adaugă Nou și căutând „SearchWP Live Ajax Search”.
Odată ce găsiți pluginul în rezultatele căutării, faceți clic pe butonul „Instalați acum”. După finalizarea instalării, faceți clic pe „Activați” pentru a activa pluginul pe site-ul dvs.
Pentru instrucțiuni detaliate de instalare, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Pluginul este complet gratuit și dezvoltat de aceeași echipă din spatele pluginului premium SearchWP. Funcționează independent, deci nu trebuie să achiziționați nimic pentru a începe cu funcționalitatea de căutare live.
La activare, un nou element de meniu ‘SearchWP’ va apărea în zona de administrare WordPress. Veți folosi acest lucru pentru a vă configura setările în pasul următor.
Pasul 2: Configurați setările de bază pentru căutare
Acum că pluginul este instalat, trebuie să activați funcționalitatea de căutare live.
Accesează SearchWP » Setări în tabloul de bord WordPress.
Pe pagina de setări, vei vedea câteva opțiuni diferite pentru configurarea căutării tale.
Asigură-te că ești în fila „Live Search” și caută comutatorul „Enable Live Search” în partea de sus a paginii.
Pur și simplu faceți clic pe comutator pentru a-l activa, apoi asigurați-vă că faceți clic pe butonul „Salvare” pentru a vă stoca setările.
Odată activată, căutarea live Ajax va începe automat să funcționeze cu formularele de căutare existente pe site-ul dvs. WordPress.
Pluginul folosește setări implicite inteligente care funcționează bine pentru diferite tipuri de site-uri web imediat ce este instalat. Implicit, va căuta titlurile postărilor și conținutul acestora pentru a oferi rezultate relevante.
Pasul 3: Adaugă bara de căutare live pe site-ul tău (Opțional)
Pluginul SearchWP Live Ajax Search activează automat căutarea live pe orice formulare de căutare existente din tema WordPress dvs.
Cu toate acestea, este posibil să doriți să adăugați o bară de căutare într-o locație nouă, cum ar fi bara laterală, subsolul sau o pagină de destinație personalizată. Acest pas vă va arăta cum să faceți acest lucru.
Adăugați Căutare Live cu Completare Automată în Zone Pregătite pentru Widget-uri
Pentru a adăuga o casetă de căutare în zonele de widget, cum ar fi bara laterală sau footer-ul, trebuie să mergi la Aspect » Widget-uri în tabloul de bord WordPress.
Apăsați butonul „+” din zona widget-urilor, cum ar fi bara laterală sau subsol. Apoi, căutați widget-ul Căutare.
Odată adăugat, poți personaliza textul placeholder.
De exemplu, dacă ai un site de știri, ai putea personaliza titlul widgetului cu ceva de genul „Caută cele mai recente știri” sau „Găsește articole de știri”.
Sau puteți lăsa pur și simplu „Căutare”.
Nu uitați să faceți clic pe butonul ‘Actualizare’ pentru a salva modificările. Câmpul de căutare live va apărea acum în zona dvs. de widgeturi.
Iată cum arată pe site-ul meu demo:
Adaugă căutare automată live folosind editorul complet al site-ului (FSE)
Dacă folosiți o temă bazată pe blocuri care suportă Editorul Complet al Site-ului, atunci puteți adăuga casete de căutare în diferite părți ale site-ului dvs., cum ar fi antetul, bara laterală și altele.
Mai întâi, accesează Aspect » Editor din tabloul de bord WordPress.
Aceasta va lansa Editorul Complet al Site-ului.
Apoi, trebuie să deschideți fila „Șabloane”.
De aici, faceți clic pe șablonul pe care doriți să-l editați, cum ar fi antetul sau un șablon de pagină.
Opțiunile exacte vor depinde de tema pe care o utilizați, dar recomand să alegeți un șablon de antet sau meniul de navigare, astfel încât bara de căutare să apară pe întregul site.
Odată ce faceți clic pe șablon, veți vedea un editor vizual cu blocuri.
Apasă pe butonul „+” pentru a adăuga un nou bloc, apoi caută „Căutare” în inserătorul de blocuri.
Puteți muta blocul de căutare în sus și în jos la locația dorită în cadrul șablonului.
De aici, puteți personaliza aspectul blocului de căutare folosind panoul de setări al blocului.
De exemplu, poți ajusta textul placeholder.
Dacă aveți un blog WordPress, atunci ați putea dori să folosiți ceva de genul „Căutați pe blog” sau „Găsiți articole utile”. Sau puteți, de asemenea, să-l lăsați pur și simplu ca „Căutare”.
De asemenea, puteți personaliza opțiunile de stil și aspect ale barei de căutare pentru a se potrivi cu designul site-ului dvs.
Odată ce sunteți mulțumit de cum arată, faceți clic pe butonul ‘Actualizare’ pentru a salva modificările.
Pasul 4: Testează și depanează căutarea ta live
Acum este momentul să testezi noua funcție de căutare live pentru a te asigura că funcționează corect.
Recomand deschiderea site-ului dvs. într-o fereastră de incognito și tastarea câtorva caractere în caseta de căutare.
Dacă totul funcționează, veți vedea rezultatele apărând instantaneu într-un meniu derulant. Asta înseamnă că Ajax funcționează corect.
Este o idee bună să testați căutarea live pe diferite dispozitive, inclusiv pe telefon și tabletă, pentru a vă asigura că este prietenoasă cu dispozitivele mobile. Încercați-o și în mai multe browsere, cum ar fi Chrome, Firefox și Safari, pentru a vă asigura că rezultatele live apar în mod consecvent.
Dacă căutarea live nu apare sau nu funcționează conform așteptărilor, atunci cei mai comuni vinovați sunt problemele de caching și conflictele de pluginuri.
Browserul dvs. sau pluginul de cache ar putea stoca o versiune veche a fișierelor site-ului dvs. (o versiune „cache-uită”) pentru a accelera timpii de încărcare. Uneori, acest lucru poate împiedica rularea corectă a noului script de căutare live.
Golirea cache-ului WordPress și a cache-ului browserului asigură că site-ul dvs. încarcă cea mai recentă versiune a fișierelor sale, ceea ce adesea rezolvă problema.
Un plugin bun pentru acest lucru este WP Rocket. Este ușor de utilizat pentru începători și vă permite să ștergeți cache-ul, să optimizați scripturile și să controlați modul în care fișierele sunt încărcate pentru o performanță mai bună.
Pentru detalii, puteți consulta ghidul nostru despre cum să goliți cache-ul WordPress.
Dacă acest lucru nu rezolvă problema, încercați să dezactivați alte pluginuri unul câte unul pentru a verificați conflictele. Acest lucru vă poate ajuta să identificați dacă un alt plugin interferează cu căutarea dvs. live.
Pentru mai multe sfaturi de depanare, vă rugăm să consultați ghidul nostru despre cum să remediați căutarea WordPress care nu funcționează.
Sfat bonus: Actualizați pentru o căutare și mai inteligentă (potrivire fuzzy)
Noua ta căutare live oferă o experiență mult mai bună utilizatorilor tăi. Dar ce se întâmplă dacă cineva face o greșeală de scriere? În mod implicit, WordPress ar putea returna niciun rezultat pentru „wordpres” în loc de „wordpress”.
Aici intervine căutarea fuzzy, o funcție puternică disponibilă în pluginul premium SearchWP.
Căutarea fuzzy ajută site-ul tău să înțeleagă ce încearcă utilizatorii tăi să găsească, chiar dacă greșesc ortografia sau folosesc cuvinte parțiale.
De exemplu, dacă cineva caută „mobilier vntage”, un site cu căutare fuzzy îi va afișa totuși rezultate relevante pentru „mobilier vintage”.
Acest lucru împiedică utilizatorii să ajungă la un punct mort fără rezultate și îi ajută să găsească conținut, îmbunătățind experiența utilizatorului și menținându-i pe site-ul dvs.
Pentru instrucțiuni pas cu pas, puteți consulta ghidul nostru despre cum să adăugați căutare fuzzy în WordPress.
Întrebări frecvente despre adăugarea căutării live cu completare automată în WordPress
Primesc multe întrebări de la cititorii noștri despre funcționalitatea de căutare WordPress, așa că am adunat răspunsuri la cele mai frecvente dintre ele.
Care este cel mai bun plugin de căutare pentru WordPress?
Pentru funcționalitatea de căutare live, recomand SearchWP Live Ajax Search deoarece este gratuit și funcționează excelent imediat după instalare.
Dacă aveți nevoie de funcționalități mai avansate, cum ar fi căutarea în câmpuri personalizate sau analize detaliate, atunci pluginul premium SearchWP este excelent.
Cum pot adăuga completare automată la câmpurile de adresă în WordPress?
Autocompletarea adreselor este diferită de căutarea de conținut. Aceasta folosește servicii precum Google Places API pentru a sugera adrese reale pe măsură ce utilizatorii tastează.
Veți avea nevoie de un plugin de formulare precum WPForms sau Gravity Forms care include funcționalități de completare automată a adresei. Acesta se conectează la serviciile de cartografiere pentru a oferi sugestii de adrese stradale, ceea ce este separat de căutarea conținutului site-ului dvs.
Pot crea un formular care permite utilizatorilor să caute într-o anumită categorie?
Dacă dorești să adaugi un meniu derulant pentru ca utilizatorii să poată căuta după categorie, atunci vei avea nevoie de pluginul SearchWP Pro.
Pluginul gratuit SearchWP Live Ajax Search (cel pe care îl acoperim în acest ghid) va afișa numele categoriilor în rezultatele live, dar nu vă permite să creați un formular de căutare complet cu filtre de categorii.
Pentru a obține acea funcționalitate, va trebui să faceți upgrade la pluginul complet SearchWP și să urmați tutorialul nostru despre cum să cauți după categorie în WordPress.
Cum adaug o funcție de căutare pe site-ul meu WordPress?
Majoritatea temelor WordPress includ un widget de căutare încorporat pe care îl puteți adăuga în meniul, bara laterală, antetul sau subsolul dvs.
Pentru detalii, consultați ghidul nostru despre cum să adăugați o bară de căutare în meniul WordPress.
Mai multe ghiduri pentru a îmbunătăți căutarea WordPress
Sper că acest ghid te-a ajutat să adaugi căutare live cu completare automată pe site-ul tău WordPress.
De asemenea, ați putea dori să consultați și alte ghiduri noastre conexe pentru a îmbunătăți căutarea site-ului dvs.:
- Cum să căutați după categorie în WordPress
- Cum să adăugați indexarea și căutarea PDF în WordPress
- Cum să faceți comentariile blogului dvs. căutabile în WordPress
- Cum să incluzi tipuri de postări personalizate în rezultatele căutării WordPress
- Cum să excluzi pagini specifice, autori și altele din căutarea WordPress
- Cum să adăugați căutarea WordPress pe pagina de arhive a blogului
- Cum să adăugați un efect de comutare a căutării în WordPress
- Cum să vedeți analizele de căutare în WordPress (moduri ușoare)
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Ai o întrebare sau o sugestie? Te rugăm să lași un comentariu pentru a începe discuția.