Cum să evidențiați termenii de căutare în rezultate în WordPress (2 metode)

Gândiți-vă la ultima dată când ați căutat ceva pe un site. Probabil ați scanat rezultatele căutând cuvintele cheie, nu-i așa? 🔍

Exact asta fac vizitatorii site-ului tău când caută pe site-ul tău. Doar că WordPress nu evidențiază acei termeni implicit.

Configurarea termenilor de căutare evidențiați este una dintre acele îmbunătățiri simple care fac imediat ca site-ul tău să pară mai rafinat și mai ușor de utilizat.

Când vizitatorii pot vedea rapid de ce fiecare rezultat corespunde căutării lor, este mai probabil să dea clic și să interacționeze cu conținutul dvs.

De-a lungul anilor de construire și gestionare a site-urilor WordPress, am constatat că aceste mici ajustări ale experienței utilizatorului pot avea un impact mare. 📝

De aceea vă voi ghida prin 2 moduri ușoare de a obține evidențierea termenilor de căutare pe site-ul dvs. WordPress, indiferent dacă preferați să utilizați un plugin sau să adăugați cod personalizat.

De ce ar trebui să evidențiez termenii de căutare pe site-ul meu?

Evidențierea termenilor de căutare ajută vizitatorii să identifice rapid conținutul pe care îl caută.

Când utilizatorii tastează un cuvânt cheie în bara de căutare a site-ului dvs., ei scanează rezultatele pentru acele cuvinte exacte. Dacă nimic nu iese în evidență, ar putea sări peste conținut util fără să-și dea seama.

Prin accentuarea termenilor de căutare, faceți rezultatele mai ușor de citit și arătați instantaneu care articole sunt cele mai relevante.

Acest lucru îmbunătățește experiența utilizatorului, ajută vizitatorii să găsească informații mai rapid și îi asigură că sunt la locul potrivit. Poate chiar încuraja utilizatorii să rămână mai mult timp pe site-ul dvs.

La WPBeginner, facem cuvintele cheie potrivite aldine în rezultatele căutării – funcționează la fel ca evidențierea. Este un detaliu mic, dar îi ajută cu adevărat pe oameni să găsească mai repede ceea ce caută.

Acestea fiind spuse, haideți să vă arătăm cum să evidențiați cu ușurință termenii de căutare în WordPress. Voi discuta 2 metode. Puteți folosi linkurile de mai jos pentru a sări la metoda dorită.

• Metoda 1: Evidențierea termenilor de căutare folosind SearchWP – Recomandat
• Metoda 2: Evidențierea termenilor de căutare folosind cod personalizat – Gratuit
• Bonus: Accelerează-ți căutarea cu căutarea live Ajax 🚀
• Întrebări frecvente: Evidențierea termenilor de căutare în WordPress

Metoda 1: Evidențierea termenilor de căutare folosind SearchWP – Recomandat

Dacă sunteți în căutarea unei modalități rapide și fără probleme de a evidenția termenii de căutare în rezultatele dvs. WordPress, atunci utilizarea SearchWP este cea mai bună opțiune.

În opinia mea, SearchWP este unul dintre cele mai bune instrumente pentru îmbunătățirea experienței de căutare a site-ului dvs..

Oferă rezultate mult mai relevante decât căutarea implicită WordPress, iar partea cea mai bună? Face evidențierea termenilor de căutare incredibil de ușoară. Pur și simplu activezi un comutator și gata.

Am testat temeinic SearchWP pe site-ul nostru demo, iar rezultatele au fost impresionante. Funcționează perfect, iar funcția de evidențiere încorporată economisește mult timp în comparație cu configurarea manuală.

Avem, de asemenea, o recenzie completă a SearchWP dacă doriți să vedeți toate caracteristicile sale și cum funcționează.

Mai întâi, trebuie să instalați și să activați pluginul SearchWP. Pentru instrucțiuni pas cu pas, consultați tutorialul nostru despre cum să instalați un plugin WordPress.

După ce ai activat pluginul, accesează pagina SearchWP » Setări din tabloul de bord WordPress.

Aici, va trebui să introduceți cheia dvs. de licență.

Puteți găsi această cheie de licență în contul dvs. de pe site-ul SearchWP. Pur și simplu copiați și lipiți-o.

După aceea, derulați în jos la „Setări generale” și activați comutatorul „Evidențiază termeni” la „Activat”.

De îndată ce este activat, orice cuvinte cheie folosite de vizitatorii tăi vor fi evidențiate automat în rezultatele căutării, făcând extrem de ușor să identifici conținutul relevant.

În această secțiune vei găsi, de asemenea, setări suplimentare care îți pot îmbunătăți rezultatele căutării.

Funcționalități precum Căutarea Fuzzy și Căutarea între ghilimele sunt deosebit de utile pentru blogurile WordPress, cu mult conținut.

Această funcționalitate permite vizitatorilor să găsească conținutul potrivit chiar dacă fac o mică greșeală de scriere. Acest lucru îi poate împiedica să ajungă pe o pagină frustrantă de tipul „nu s-au găsit rezultate”.

Pe de altă parte, Căutarea între ghilimele permite utilizatorilor să caute o frază exactă punând-o între ghilimele, la fel ca pe Google.

Reține că toate setările tale vor fi salvate automat.

Odată ce sunteți mulțumit de Setările Generale, este o idee bună să explorați restul opțiunilor de personalizare ale SearchWP.

Puteți accesa pagina SearchWP » Algoritm din tabloul de bord pentru a ajusta modul în care sunt clasificate rezultatele căutării.

Această secțiune este foarte utilă, deoarece îți permite să controlezi ponderea (importanța) diferitelor părți ale conținutului tău – gândește-te la ea ca la un sistem de punctaj pentru rezultatele căutării tale.

Acordarea unei ponderi mai mari titlurilor, de exemplu, înseamnă că potrivirile din titlul postării vor apărea mai sus decât potrivirile din conținutul corpului. În acest fel, cel mai relevant conținut apare primul.

Când faceți clic pe butonul „Surse și setări”, puteți decide, de asemenea, ce să includeți în indexul de căutare.

În loc de doar postări și pagini, puteți adăuga comentarii, tipuri de postări personalizate, produse WooCommerce, SKU-uri și multe altele.

Dacă aveți un blog sau un magazin online, acest lucru face căutarea mult mai utilă.

De exemplu, poate ajuta un client să găsească un produs după SKU-ul său, cum ar fi „TSHIRT-BLUE-LG”, lucru pe care căutarea implicită WordPress nu l-ar putea face.

Am pregătit, de asemenea, un ghid complet despre cum să îmbunătățiți căutarea WordPress cu SearchWP dacă doriți să aprofundați.

Odată ce ai salvat setările, SearchWP preia automat formularul tău de căutare existent. Nu sunt necesari pași suplimentari.

Doar accesează site-ul tău și efectuează o căutare rapidă. Vei vedea imediat cuvintele cheie evidențiate.

Dacă nu ai adăugat încă un formular de căutare pe site-ul tău, nu-ți face griji. Poți urma tutorialul nostru pas cu pas despre cum să adaugi un formular de căutare în WordPress.

Odată ce totul este configurat, ați terminat, iar vizitatorii dvs. se vor bucura de o experiență de căutare mult mai bună de la început.

Metoda 2: Evidențierea termenilor de căutare folosind cod personalizat – Gratuit

Dacă aveți un buget limitat, atunci SearchWP s-ar putea să nu fie potrivirea potrivită, deoarece planul său gratuit nu include această funcționalitate.

Vestea bună este că poți evidenția în continuare termenii de căutare adăugând un fragment de cod PHP în fișierul functions.php al site-ului tău.

Principala diferență constă în întreținerea pe termen lung. Un plugin precum SearchWP este actualizat în mod regulat de către dezvoltatorii săi pentru a asigura compatibilitatea cu noile versiuni de WordPress.

Cu un fragment de cod personalizat, totuși, sunteți responsabil pentru a vă asigura că acesta continuă să funcționeze corect după actualizările viitoare.

Acestea fiind spuse, editarea fișierelor temei direct poate fi, de asemenea, riscantă.

Chiar și o greșeală mică vă poate bloca site-ul și vă poate scoate din tabloul de bord de administrare. Aceasta este adesea numită „Ecranul Alb al Morții” și poate fi stresant de remediat dacă nu sunteți dezvoltator.

De aceea, recomand să folosiți WPCode în schimb. Este cel mai bun plugin de fragmente de cod WordPress și cea mai sigură modalitate de a adăuga cod personalizat fără a atinge fișierele temei dvs.

Acest lucru se datorează faptului că WPCode rulează fragmentele dvs. într-un mediu separat și sigur. Acest lucru previne ca o greșeală de scriere să vă blocheze site-ul și face ușor să activați sau să dezactivați fragmentele cu un comutator.

În plus, planul său gratuit funcționează perfect pentru această metodă.

Am testat temeinic WPCode în diferite configurații și funcționează fiabil de fiecare dată. Dacă sunteți curios despre tot ce oferă, avem și o recenzie detaliată WPCode pe care o puteți consulta mai târziu.

Dar deocamdată, să vedem cum să-l folosiți pentru a evidenția termenii de căutare pe site-ul dvs.

Mai întâi, trebuie să instalați și să activați pluginul WPCode. Pentru instrucțiuni detaliate, puteți consulta ghidul nostru despre instalarea unui plugin WordPress.

După ce ați activat pluginul, vizitați pagina Code Snippets » + Add Snippet din tabloul de bord.

Aici, faceți clic pe butonul „+ Add Custom Snippet” sub opțiunea „Add Your Custom Code (New Snippet)”.

Vei fi acum direcționat către un nou ecran unde trebuie să selectezi „Fragment PHP” ca tip de cod. Odată ce ai făcut asta, continuă și dă-i un nume fragmentului tău de cod.

Acest nume nu va fi vizibil pentru vizitatorii tăi – este doar pentru referința ta. De aceea recomand să folosești ceva descriptiv, cum ar fi Evidențiază Termenii de Căutare sau altceva care să îl facă ușor de recunoscut.

Te va ajuta să găsești și să gestionezi rapid fragmentul mai târziu, dacă vei dori vreodată să-l editezi sau să-l dezactivezi.

După aceea, copiați și lipiți următorul cod personalizat în caseta „Previzualizare cod”.

Acest cod funcționează prin găsirea cuvintelor cheie pe care vizitatorul dvs. le-a căutat. Apoi, încadrează acele cuvinte cheie într-o etichetă specială care adaugă un fundal colorat.

// Highlight terms in titles
add_filter('the_title', 'highlight_search_terms_in_title', 10, 2);

// Highlight terms in excerpts
add_filter('the_excerpt', 'highlight_search_terms_in_excerpt');

// Optional: Highlight terms in content (if you're using the_content() in search results)
add_filter('the_content', 'highlight_search_terms_in_excerpt');

// Common highlight logic
function highlight_search_terms($text) {
    if (!is_admin() && is_search() && is_main_query()) {
        $search_query = get_search_query();

        // Output the CSS only once
        if (!defined('HIGHLIGHT_SEARCH_TERM_CSS')) {
            define('HIGHLIGHT_SEARCH_TERM_CSS', true);
            add_action('wp_head', function () {
                echo '<style>
                    strong.search-excerpt {
                        background-color: yellow;
                        color: black;
                        font-weight: bold;
                        padding: 0 2px;
                        border-radius: 2px;
                    }
                </style>';
            });
        }

        if (!empty($search_query)) {
            $keys = preg_split('/\s+/', $search_query);
            foreach ($keys as $key) {
                if (!empty($key)) {
                    $text = preg_replace('/(' . preg_quote($key, '/') . ')/iu', '<strong class="search-excerpt">$1</strong>', $text);
                }
            }
        }
    }

    return $text;
}

// Apply highlight logic to title and excerpt/content
function highlight_search_terms_in_title($title, $post_id) {
    return highlight_search_terms($title);
}

function highlight_search_terms_in_excerpt($excerpt) {
    return highlight_search_terms($excerpt);
}

După ce ați lipit codul, derulați în jos în fragment pentru a găsi secțiunea de stilizare. O veți vedea în interiorul blocului echo '<style> ... </style>';. Linia specifică pe care veți dori să o modificați este:

                        background-color: yellow;

Implicit, pluginul setează culoarea de fundal a termenului evidențiat la galben cu text negru. Dar puteți personaliza cu ușurință acest lucru editând acea linie.

Înlocuiți doar yellow cu codul hexazecimal pentru orice culoare preferați. De exemplu, pentru a schimba evidențierea într-un albastru deschis, puteți folosi #aeeffc. Asigurați-vă că păstrați punctul și virgula la sfârșit!

Recomand să alegeți o culoare de fundal și de text care se potrivește stilului brandului dvs., astfel încât să se integreze frumos cu restul site-ului.

Puteți, de asemenea, să ajustați greutatea fontului, raza bordurii și spațierea în această secțiune pentru a rafina aspectul casetei de evidențiere.

Odată ce sunteți mulțumit de stilizare, derulați înapoi în partea de sus, comutați comutatorul de la „Inactiv” la „Activ” și faceți clic pe butonul „Salvare fragment” pentru a vă salva setările.

Dacă site-ul dvs. are deja un formular de căutare, fragmentul va începe să funcționeze imediat și va evidenția automat termenii de căutare.

Dacă nu ați adăugat încă un formular de căutare, puteți urma tutorialul nostru despre cum să adăugați un formular de căutare în WordPress.

În cele din urmă, vizitați site-ul dvs. web, efectuați o căutare rapidă și veți vedea termenii dvs. nou evidențiați în acțiune.

Bonus: Accelerează-ți căutarea cu căutarea live Ajax 🚀

Odată ce ați adăugat evidențierea termenilor de căutare, s-ar putea să doriți să mergeți mai departe, afișând rezultatele pe măsură ce vizitatorii tastează.

Aceasta se numește căutare Ajax live și funcționează la fel ca autocompletarea Google. Oferă sugestii instantanee fără a necesita reîncărcarea paginii.

Este o modalitate excelentă de a face site-ul dvs. mai rapid și mai interactiv. Vizitatorii pot găsi ceea ce caută aproape instantaneu, ceea ce probabil va crește implicarea.

Pentru a configura acest lucru, recomand pluginul SearchWP Live Ajax Lite Search, care funcționează excelent cu instrumentul premium SearchWP.

Este gratuit, funcționează perfect cu majoritatea temelor WordPress și gestionează totul automat. L-am testat amănunțit și oferă întotdeauna o experiență de căutare mai bună și mai rapidă.

Pur și simplu instalați pluginul ca pe orice alt plugin WordPress, activați-l și apoi activați căutarea live în setările SearchWP.

Puteți adăuga cu ușurință formularul de căutare în orice postare, pagină, bară laterală sau zonă de widget.

Doriți ajutor pentru a începe? Consultați tutorialul nostru complet despre cum să adăugați căutare Ajax live pe site-ul dvs. WordPress.

Întrebări frecvente: Evidențierea termenilor de căutare în WordPress

Iată câteva întrebări pe care le primesc frecvent despre evidențierea termenilor de căutare în WordPress:

Pot evidenția termeni în rezultatele căutării AJAX sau live?

Da! Dacă folosiți SearchWP împreună cu pluginul SearchWP Live Ajax Lite Search, termenii evidențiați vor apărea și în rezultatele căutării live — nu este necesară reîncărcarea paginii.

Deoarece ambele instrumente sunt construite de aceeași echipă, ele funcționează perfect împreună imediat după instalare.

Cu toate acestea, dacă utilizați un alt plugin de căutare live sau o configurație personalizată de căutare AJAX, va trebui să testați compatibilitatea.

Nu toate pluginurile suportă evidențierea termenilor în rezultatele dinamice, așa că este o idee bună să testați pe un site de staging mai întâi pentru a vă asigura că totul este afișat corect.

Aceste funcții de evidențiere afectează performanța sau viteza site-ului?

Nu prea. Ambele metode pe care le-am acoperit — utilizarea SearchWP și adăugarea de cod personalizat cu WPCode — sunt ușoare și optimizate pentru performanță.

Evidențierea în sine rulează pe partea frontală, deci nu pune multă sarcină pe serverul dvs.

Acestea fiind spuse, dacă site-ul dvs. are un număr mare de rezultate de căutare sau stiluri personalizate complexe, este întotdeauna o idee bună să testați lucrurile mai întâi. Vă recomand să încercați într-un mediu de staging pentru a vă asigura că evidențierea arată bine și funcționează fără probleme înainte de a o implementa live.

Va funcționa evidențierea termenilor de căutare cu tipuri de postări personalizate sau WooCommerce?

Da, absolut! Dacă folosiți SearchWP, acesta este conceput să funcționeze perfect cu tipurile de postări personalizate și produsele WooCommerce imediat. Vă oferă control complet asupra a ceea ce este căutat, inclusiv SKU-urile produselor și câmpurile personalizate.

Fragmentul de cod personalizat din Metoda 2 poate funcționa și pentru tipurile de postări personalizate, atâta timp cât tema dvs. folosește funcții standard WordPress precum the_title() pentru a afișa conținutul. Cu toate acestea, pentru cele mai fiabile și puternice rezultate, în special cu un magazin de eCommerce, SearchWP este cea mai bună soluție.

Sperăm că acest articol v-a ajutat să învățați cum să evidențiați cu ușurință termenii de căutare în rezultate în WordPress. De asemenea, ați putea dori să consultați ghidul nostru complet despre cum să creați o căutare inteligentă de produse WooCommerce și tutorialul nostru despre adăugarea capacității de căutare vocală pe site-ul dvs. WordPress.

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.