Cum să adăugați o casetă de căutare la o pagină WordPress (pentru începători)

Publicat: 2022-07-07

Vrei să știi cum să adaugi o casetă de căutare la o pagină WordPress?

Îți va încuraja vizitatorii să efectueze o căutare, să-ți îmbunătățească descoperirea conținutului și să crească numărul de afișări de pagină pe care le obții.

Din acest ghid, veți învăța cum să adăugați o casetă de căutare în paginile dvs. în câteva clicuri, chiar dacă sunteți complet începător la WordPress.

Sa incepem!

Beneficiile adăugării unei casete de căutare la o pagină WordPress

Adăugarea unei bare de căutare în paginile dvs. vă va ajuta:

  • Obțineți mai multe afișări de pagină . Când vizitatorii văd o bară de căutare într-o postare de blog sau într-o pagină, există șanse mari să o folosească, mai ales dacă îi motivezi să facă asta.
  • Îmbunătățiți-vă descoperirea conținutului . Oferiți conținutului dvs. cu număr redus de vizionări încă o șansă de a fi descoperit.
  • Oferiți rezultate de căutare mai relevante . Ajutați-vă vizitatorii să găsească mai rapid ceea ce caută limitând casetele de căutare la anumite tipuri de conținut sau categorii.
  • Creșteți durata medie a sesiunii . Cu cât vizitatorii dvs. explorează mai mult conținut, cu atât rămân mai mult timp pe site-ul dvs.
  • Clasare mai sus în motoarele de căutare . O durată medie mare a sesiunii este un semnal puternic pentru Google că site-ul dvs. merită să obțină poziții mai bune în rezultatele căutării.

Cu asta, să vedem cum puteți adăuga o casetă de căutare la o pagină din WordPress.

Cum să adăugați o bară de căutare personalizată în WordPress

Cel mai simplu mod de a adăuga o bară de căutare personalizată la paginile tale WordPress este să folosești un plugin precum SearchWP.

SearchWP logo

Acesta este cel mai prietenos plugin de căutare WordPress pentru începători, care vine cu o mulțime de funcții utile.

Cu SearchWP, puteți personaliza complet munca de căutare pe site-ul dvs. pentru a vă îndeplini obiectivele de afaceri.

De exemplu, puteți modifica ordinea rezultatelor căutării, puteți limita căutarea doar la postări, puteți adăuga căutarea de completare automată live și multe altele.

Și aceasta este doar o scurtă listă a funcțiilor pluginului!

SearchWP vă permite, de asemenea:

  • Urmăriți căutările vizitatorilor dvs. În acest fel, poți afla ce interesează publicul tău și le poți oferi conținutul pe care și-l dorește.
  • Adăugați mai multe formulare de căutare pe site-ul dvs. Vă permite să creați formulare de căutare personalizate pentru nevoi specifice și să le plasați pe site-ul dvs.
  • Evidențiați termenii de căutare în rezultatele căutării . Îi face mai ușor pentru vizitatori să recunoască dacă au găsit ceea ce caută în rezultatele căutării.
  • Activați căutarea neclară pe site-ul dvs. Din acest motiv, vizitatorii dvs. vor găsi conținutul potrivit, chiar dacă fac o greșeală de scriere într-o interogare de căutare.
  • Si multe altele…

Peste 30.000 de proprietari de site-uri web folosesc deja SearchWP pentru a-și îmbunătăți căutarea și pentru a oferi rezultate de căutare mai relevante vizitatorilor lor.

Sunteți gata să vă alăturați lor? Apoi, să vedem cum puteți utiliza acest plugin pentru a adăuga o casetă de căutare în paginile dvs.

Pasul 1: Instalați SearchWP

Pentru a începe, obțineți o copie a SearchWP aici.

După ce ați terminat, accesați contul SearchWP și faceți clic pe Descărcări .

go to the Downloads tab

Apoi, apăsați butonul Download SearchWP și salvați fișierul ZIP al pluginului pe computer.

click Download SearchWP

După descărcare, copiați cheia de licență în colțul din stânga jos.

copy your license key

Următorul pas este să instalați și să activați pluginul SearchWP pe site-ul dvs. WordPress.

Mai întâi, încărcați fișierul ZIP descărcat pe site-ul dvs. Puteți consulta tutorialul despre cum să instalați un plugin WordPress dacă aveți nevoie de ajutor în acest sens.

După instalarea SearchWP, navigați la tabloul de bord WordPress, plasați cursorul peste butonul SearchWP din bara de sus și faceți clic pe Activare licență .

click Activate License

Apoi, inserați cheia de licență în câmpul Licență și faceți clic pe Activare pentru a vă activa copia de SearchWP.

click Activate

După activarea pluginului, sunteți gata să vă personalizați motorul de căutare.

Pasul 2: Adăugați un nou motor de căutare pe site-ul dvs. web

Pentru a începe, accesați fila Motoare din setările SearchWP.

go to the Engines tab

În această filă, puteți găsi toate motoarele de căutare pe care le creați cu SearchWP.

the list of your search engines

În prezent, există doar motorul de căutare implicit pe care SearchWP îl creează automat după instalare. Este conectat la fiecare formular de căutare existent pe site-ul dvs.

WordPress consideră motoarele de căutare ca un set de reguli de urmat atunci când efectuați o căutare. Puteți personaliza aceste reguli pentru a schimba modul în care funcționează căutarea pe site-ul dvs.

De exemplu, puteți face WordPress să indexeze câmpuri personalizate, să excludeți anumite pagini din rezultatele căutării, să activați căutarea după etichete de postare și multe altele.

Cel mai bun lucru este că SearchWP vă permite să creați mai multe motoare de căutare și să le legați la formulare de căutare individuale.

În acest fel, puteți crea formulare de căutare personalizate cu un set unic de reguli. Vă va ajuta să restrângeți rezultatele căutării și vă va permite vizitatorilor să găsească mai repede ceea ce caută.

În acest tutorial, vom crea un motor de căutare, îl vom personaliza și îl vom conecta la o casetă de căutare, pe care o vom adăuga apoi la o pagină separată.

Pentru a începe, va trebui să creăm un motor de căutare suplimentar. Puteți face acest lucru făcând clic pe butonul Adăugați nou .

add a new Search Engine

După aceea, va apărea motorul de căutare suplimentar .

the Supplemental search engine

Pasul 3: Personalizați-vă motorul de căutare

Mai întâi, să ne uităm la sursele de căutare pe care le are acest motor de căutare.

După cum puteți vedea, există 4 surse de căutare: Postări , Pagini , Media și Utilizatori .

Să presupunem că vrem ca acest motor de căutare să caute numai printre postări. În acest fel, putem curăța rezultatele căutării pe site-ul nostru și putem ajuta vizitatorii noștri să găsească mai rapid conținutul potrivit.

Gestionați sursele de căutare

Pentru a începe, faceți clic pe butonul Surse și setări .

click Sources and Settings

Apoi, debifați toate sursele de căutare, cu excepția Postărilor .

check only Posts source

De asemenea, puteți redenumi motorul de căutare pentru a fi mai ușor de recunoscut. Pentru a face acest lucru, introduceți numele acestuia în câmpul Etichetă motor .

De exemplu, îl vom numi Awesome Search Engine .

rename your search engine

Când ați terminat de personalizat setările motorului de căutare, apăsați pe Efectuat .

press Done to save your engine

Faceți căutări în câmpurile și etichetele personalizate de postare

De asemenea, să oferim vizitatorilor noștri posibilitatea de a căuta postări după etichete și câmpuri personalizate.

Pentru a începe, faceți clic pe sursa de căutare Postări pentru a-i extinde setările.

click on the Posts source

Apoi, apăsați butonul Adăugare/Eliminare atribute .

click Add Remove attributes

În fereastra care apare, puteți specifica ce câmpuri și taxonomii personalizate de postare doriți să ia în considerare WordPress atunci când efectuați o căutare.

manage post attributes

Există, de asemenea, o modalitate de a face ca toate câmpurile personalizate să poată fi căutate automat dacă nu doriți să le introduceți manual.

Pentru a face acest lucru, faceți clic pe câmpul Custom Fields și alegeți opțiunea Any Meta Key .

choose the Any Meta Key shortcut

Acum, să activăm căutarea după etichete de postare. Mai întâi, faceți clic pe câmpul Taxonomii .

click on the Taxonomies field

Apoi, găsiți taxonomia Etichete și faceți clic pe ea.

add the Tags taxonomy

Acum vizitatorii site-ului nostru pot căuta postări după etichetele lor și câmpurile personalizate.

Când ați terminat de gestionat atributele sursei de căutare a postărilor , apăsați pe Efectuat pentru a salva modificările.

click Done when you finished managing attributes

Salvați-vă motorul de căutare

Pasul final este salvarea motorului de căutare. Pentru a face acest lucru, faceți clic pe butonul Salvare motoare din colțul din dreapta sus.

click Save Engines

Apoi, faceți clic pe Rebuild Index pentru a face WordPress să vă reindexeze toate postările și paginile.

click Rebuild Index

După adăugarea unui nou motor de căutare și personalizarea acestuia în funcție de nevoile dvs., următorul pas este să instalați extensia SearchWP Shortcodes.

Pasul 4: Instalați și activați extensia Shortcodes

Această extensie vă permite să adăugați o bară de căutare la pagina dvs. folosind coduri scurte.

Pentru a începe, navigați la SearchWP » Extensii în panoul din stânga al tabloului de bord WordPress.

go to the Extensions tab

Apoi, găsiți extensia Shortcodes și faceți clic pe Instalare .

install the Shortcodes extension

Când ați instalat și activat extensia, sunteți gata să treceți la pasul final și să adăugați caseta de căutare personalizată la o pagină.

Pasul 5: Adăugați o bară de căutare personalizată la pagina dvs. WordPress

Pentru a începe, navigați la Pagini » Adăugați nou în tabloul de bord WordPress.

add a new page

După ce ajungeți la editorul de pagini, introduceți numele paginii dvs. De exemplu, îl vom numi Căutare tutoriale .

add a heading

Apoi, faceți clic pe butonul Plus .

click the Plus button

După ce apare fereastra blocuri, faceți clic pe blocul HTML personalizat pentru a-l adăuga la pagina dvs.

add the Custom HTML block

Următorul pas este să copiați și să lipiți următorul cod în blocul HTML personalizat adăugat:

[searchwp_search_form engine="awesome_search_engine" var="searchvar" button_text="Find Results"]
  
<div class="search-results-wrapper">
 [searchwp_search_results engine="awesome_search_engine" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
  
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
  
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="awesome_search_engine"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="awesome_search_engine"]
</div>

Asigurați-vă că înlocuiți awesome_search_engine în codul de mai sus cu numele motorului dvs. de căutare.

Acest cod afișează o casetă de căutare legată de motorul de căutare pe care l-ați personalizat în pașii anteriori.

În plus, afișează paginarea dacă există mai mult de 4 rezultate de căutare pe pagină și mesajul „Niciun rezultat găsit” dacă nu există rezultate de căutare.

Când ați terminat de adăugat codul, publicați pagina dvs. apăsând butonul Publicare din colțul din dreapta sus.

click Publish

Apoi, faceți clic pe Vizualizare pagină pentru a verifica noua pagină de căutare cu o casetă de căutare personalizată.

click View Page

Iată cum arată această pagină pe site-ul nostru de testare:

how to add a search box to a WordPress page

Să testăm și caseta noastră de căutare pentru a ne asigura că funcționează corect.

Avem multe postări pe site-ul nostru legate de WordPress în diverse categorii, dar doar una dintre ele este atașată la categoria Tutoriale .

Într-unul dintre pașii anteriori, am limitat acest formular de căutare la categoria Tutoriale . Să vedem ce rezultate vom obține căutând WordPress .

click Find Results

După cum puteți vedea, găsim doar postarea noastră unică care este plasată în categoria Tutoriale .

we found the post

Înseamnă că caseta noastră de căutare funcționează așa cum trebuie.

Cum să adăugați o casetă de căutare în meniul de navigare WordPress

De asemenea, puteți adăuga o casetă de căutare în meniul de navigare al site-ului dvs.

Îl face mai vizibil pentru vizitatori și îi încurajează să efectueze o căutare.

add a search bar to the navigational menu

Pentru mai multe detalii, consultați tutorialul pas cu pas despre cum să adăugați o bară de căutare în meniul WordPress.

Din acest articol, ați învățat cum să adăugați cu ușurință o casetă de căutare pe o pagină, chiar dacă sunteți începător cu WordPress.

Sperăm că vă va ajuta să oferiți o modalitate mai convenabilă pentru vizitatorii dvs. de a căuta conținut pe site-ul dvs.

Sunteți gata să creați o casetă de căutare inteligentă și să o adăugați în paginile dvs.? Puteți începe să utilizați SearchWP aici.

Folosești pluginul Elementor? Consultați ghidul pentru începători despre cum să adăugați o casetă de căutare la pagina Elementor.

De asemenea, poate doriți să aflați mai multe despre cum să faceți căutarea WordPress în conținutul postării.