Hur man skapar en anpassad WordPress-sökformulär (steg för steg)

En vän till oss driver en populär receptblogg, och hon berättade en gång hur frustrerade hennes läsare var över sökfunktionen. Folk skulle skriva in "glutenfria desserter" och istället få en lista med slumpmässiga middagsrecept.

Det fick henne att inse hur begränsat standard-WordPress-sökningen verkligen är.

Sedan dess har vi arbetat med många webbplatsägare som står inför samma problem – deras besökare kan inte hitta vad de letar efter, även när innehållet finns.

Så vi började testa lösningar: plugins, anpassad kod och allt däremellan.

I den här guiden visar vi dig hur du skapar ett anpassat WordPress-sökformulär som faktiskt fungerar för ditt innehåll och dina besökare, oavsett vilken typ av webbplats du driver.

Varför skapa ett anpassat sökformulär för WordPress?

WordPress levereras med en inbyggd sökfunktion. Den söker dock inte i alla typer av innehåll, som kommentarer, produktrecensioner eller anpassade inläggstyper.

Detta kan hindra besökare från att hitta det de letar efter, inklusive produkter de kanske vill köpa i din webbutik.

Du kanske också vill prioritera visst innehåll framför annat så att det visas högre upp i sökresultaten. Du kanske till exempel vill visa ditt webbplatsens senaste inlägg högst upp på sidan med sökresultat eller visa dina mest populära WooCommerce-produkter.

Med det i åtanke visar vi hur du kan anpassa WordPress sökformulär. Vi går igenom mycket i det här inlägget, så använd bara snabblänkarna nedan för att hoppa direkt till den sektion du vill läsa:

• Steg 1: Skapa en anpassad WordPress-sökalogoritm
• Steg 2: Skapa ett anpassat sökformulär för din WordPress-webbplats
• Steg 3: Lägg till anpassningsformuläret för sökning på din WordPress-webbplats
• Bonustips: Optimera ditt anpassade WordPress-sökformulär 📈

Redo? Låt oss hoppa rakt in!

Steg 1: Skapa en anpassad WordPress-sökalogoritm

Det enklaste sättet att förbättra den inbyggda WordPress-sökaloritmen är att använda SearchWP.

SearchWP är det bästa WordPress-sökpluginet. Det är lätt att använda och ger dig fullständig kontroll över din webbplats sökalgoritm, så att du kan hjälpa besökare att snabbt hitta det de letar efter. Det söker också i innehåll som WordPress ignorerar som standard.

För mer information kan du se vår kompletta SearchWP-recension, där vi pratar om alla dess funktioner.

Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Vid aktivering, gå till SearchWP » Inställningar och klicka sedan på fliken 'Allmänt'.

Här måste du ange din licens i rutan 'Licensnyckel'. Du hittar denna information i ditt konto på SearchWP-webbplatsen.

När du är klar, klicka på knappen 'Verifiera nyckel'.

Efter att ha aktiverat pluginet kan du finjustera hur SearchWP indexerar, söker och visar ditt innehåll. Du kan se det som att skapa en anpassad Google-sökalogoritm som bara är för din WordPress-blogg eller webbplats.

För att börja vill du gå till SearchWP » Algoritm.

Här ser du en sektion för de olika innehållstyper som SearchWP söker igenom som standard, inklusive sidor, inlägg och mediefiler.

För att inkludera fler innehållstyper i sökresultaten kan du klicka på knappen 'Källor & Inställningar'.

Du kommer nu att se ett popup-fönster med alla olika innehållstyper som SearchWP kan söka i. Du kan till exempel göra bloggkommentarer sökbara i WordPress.

Beroende på vilka WordPress-plugins du har installerat kan du se några extra alternativ. Om du till exempel använder WooCommerce kan du inkludera 'Produkter' i SearchWP:s sökresultat.

För mer om detta ämne, se gärna vår guide om hur man gör en smart WooCommerce-produktsökning.

Så du kan helt enkelt kryssa i rutan bredvid varje innehållstyp som du vill inkludera i sökresultaten.

Du kommer också att märka att ‘Nyckelordsstammar’ är valt som standard. Detta innebär att SearchWP kan inkludera resultat som inte har samma slut som söktermen.

Om du till exempel söker efter 'spring', kommer nyckelordsstamning att inkludera 'springer' och 'löpare' i resultaten.

Detta kan hjälpa till att visa relevanta resultat för besökare, så vi rekommenderar att du lämnar rutan 'Nyckelordsstammar' markerad. Du kan dock avmarkera den om du bara vill visa exakta matchningar.

När du är nöjd med informationen som angetts i popup-fönstret, klicka på 'Klar'.

Du kommer nu att se en sektion för alla källor du har valt.

Varje sektion har sina egna reglage för ‘Tillämplig attributrelevans’.

Detta är den vikt som SearchWP kommer att ge varje attribut när sökresultaten skapas.

Innehåll som matchar ett attribut med hög relevans kommer att visas högre i sökresultaten. Däremot kommer innehåll som matchar ett attribut med mindre relevans att visas lägre i användarens sökresultat.

För att ge ett attribut större vikt, flytta helt enkelt dess reglage åt höger.

I följande bild kommer sökmotorn att värdera träffar i inläggstiteln högre än träffar i inläggets innehåll.

Varje WordPress-webbplats är unik, så du kanske vill prova olika relevansinställningar för att se vad som ger dig de mest exakta och hjälpsamma sökresultaten.

Till exempel, om du har laddat upp din meny som en PDF på din restaurangwebbplats, då är detta viktigt innehåll, och du vill vanligtvis visa det i sökresultaten.

Om du använder dem kan du också göra anpassade fält sökbara på din WordPress-webbplats.

Du kan också skapa regler som bestämmer om visst innehåll ska inkluderas eller exkluderas från sökresultaten. Till exempel, om du har en online-marknadsplats, kanske du vill exkludera kontosidan, kassasidan, och tack-sidan.

Klicka helt enkelt på knappen 'Redigera regler' i det avsnitt där du vill skapa regeln. På följande bild lägger vi till en ny regel i avsnittet 'Inlägg'.

Detta öppnar ett popup-fönster där du kan redigera reglerna för sökmotorn.

För att skapa din första regel vill du klicka på knappen 'Lägg till regel'.

Du kan nu välja det innehåll du vill inkludera eller exkludera från relevanta sökresultat.

Så, låt oss öppna den första rullgardinsmenyn och välja antingen 'Visa endast poster om' eller 'Exkludera poster om', beroende på vilken typ av regel du vill skapa.

Du kan nu använda resten av inställningarna för att specificera innehållet du vill exkludera eller inkludera. Till exempel, om du ville inkludera eller exkludera en specifik kategori, skulle du skriva in kategorinamnet.

Du kan också skriva in alla anpassade taxonomier som du vill exkludera eller inkludera.

För att exkludera eller inkludera specifika inläggstaggar från sökresultaten, öppna helt enkelt rullgardinsmenyn och välj ‘Taggar’.

Skriv sedan in taggens namn.

För att lägga till en annan regel, klicka bara på knappen ‘Lägg till regel’ och upprepa samma process som beskrivs ovan. När du är nöjd med hur reglerna är inställda, se till att klicka på ‘Klar’.

Du kan nu skapa regler för andra innehållstyper, som media och sidor, genom att skrolla till deras sektioner och klicka på deras knappar för ‘Lägg till regel’.

När du är nöjd med inställningarna för sökalgoritmen vill du skrolla till toppen av sidan och klicka på knappen 'Spara'.

SearchWP kommer nu att bygga om indexet. Beroende på hastigheten på din internetanslutning och din WordPress-värd leverantör, kan detta ta några minuter.

Så snart du ser ‘Index Status 100%’, vet du att SearchWP har lagt till allt ditt innehåll och alla dina regler i sökindexet.

Steg 2: Skapa ett anpassat sökformulär för din WordPress-webbplats

Som standard kommer alla sökformulär på din WordPress-webbplats att använda den nya SearchWP-algoritmen som du skapade i föregående avsnitt. Detta innebär att besökare omedelbart kommer att börja se mer exakta och relevanta resultat.

För ännu bättre resultat kan du dock vilja skapa avancerade sökformulär för olika typer av innehåll. Du kan till exempel skapa en smart WooCommerce-produktsökning som endast tittar på specifika produktkategorier.

Du kan också skapa ett avancerat sökformulär för anpassade inläggstyper. Till exempel har vi skapat ett anpassat sökformulär för inläggstyper för våra 'Erbjudanden'- och 'Ordlista'-sidor.

Varje formulär kommer att åsidosätta standardalgoritmen för WordPress-sökning, så du kan skapa så många olika formulär du vill med unika inställningar.

För att komma igång vill du gå till SearchWP » Sökformulär och klicka på knappen 'Lägg till ny'.

Detta skapar ett nytt sökformulär som är redo för dig att anpassa.

Om du till exempel driver en recensionswebbplats, kan du skapa ett formulär som söker efter produktrecensionsinlägg och ignorerar annat innehåll som dina blogginlägg och media. Detta kan hjälpa besökare att snabbare hitta vad de letar efter.

Nu kan du ge formuläret ett unikt namn genom att klicka på den lilla pennikonen bredvid 'Sökformulär 1'.

På nästa skärm kan du fortsätta och skriva in ett namn för det anpassade sökformuläret.

Detta är bara för din referens, så du kan använda vad som helst som hjälper dig att identifiera formuläret i WordPress-instrumentpanelen.

Därefter kan du välja en layout med hjälp av miniatyrbilderna för ‘Layouttema’.

Vissa av dessa layouter är utformade för specifika sökformulär. Till exempel, om du skapar ett formulär som söker efter kategori i WordPress, så har 'Kategorisökning' redan många av de inställningar du behöver.

Klicka helt enkelt på de olika teman för att se en förhandsgranskning av hur detta formulär kommer att se ut på din webbplats. Efter att du har fattat ditt beslut, låt oss skrolla till avsnittet 'Anpassad stil'.

Inställningarna du ser kan variera beroende på ditt tema. Om du till exempel valde 'Snabb sökning' aktiveras inställningen 'Snabb sökning' som standard.

Du kan inaktivera och aktivera de olika alternativen med deras växlingsknappar. Förhandsgranskningen uppdateras automatiskt när du gör ändringar, så du kan se vad som fungerar bäst för din webbplats.

Beroende på din layout och vilken typ av formulär du vill skapa kan du behöva aktivera och inaktivera vissa av inställningarna för 'Anpassad stil'. Om du till exempel vill skapa ett formulär som söker efter kategori, klicka sedan för att aktivera växlingsknappen 'Kategorisökning'.

Se också till att välja den anpassade sökmotorn du skapade tidigare i menyn 'Motor'. När det gäller 'Resultatsida' kan du använda standardversionen av WordPress eller skapa en anpassad resultatsida för sökningar.

Som standard söker SearchWP igenom allt media, alla sidor och alla inlägg på din WordPress-webbplats. Om du har skapat egna inläggstyper kan du inkludera dem i sökresultaten med fältet 'Typ av sökning'.

Skriv helt enkelt in varje anpassad inläggstyp som du vill inkludera. När rätt anpassad inläggstyp visas, klicka för att lägga till den i sökningen.

Om du vill exkludera sidor, inlägg eller media från sökresultaten, klickar du bara på det lilla 'X' bredvid 'Media', 'Sidor' eller 'Inlägg' i fältet 'Typ av sökning'.

Därefter vill du hitta fältet 'Välj kategori' och skriva in varje kategori som du vill inkludera i sökresultaten.

Om du till exempel driver en webbutik, kanske du vill skapa formulär som söker i specifika produktkategorier.

För WordPress-bloggar kanske du bara vill inkludera specifika innehållskategorier i sökformuläret.

Som standard visar SearchWP ett generiskt meddelande 'Ange nyckelord och sök' innan besökaren anger en sökfråga.

Du kan ersätta detta med ditt eget meddelande genom att skriva i 'Fältetikett'.

Om du vill tillåta besökare att filtrera sina sökresultat med hjälp av faktorer som författare, inläggstyp och tagg, måste du klicka för att aktivera växlingsknappen 'Avancerad sökning'.

Därefter kan du skrolla till fältet 'Avancerat sökfilter/s'.

Som standard tillåter SearchWP besökare att filtrera sina resultat med hjälp av 'Författare', 'Inläggstyper' och 'Taggar'.

För att ta bort något av dessa filter, klicka bara på dess 'X'-knapp. Och om du vill lägga till fler filter, skriv helt enkelt deras namn i fältet.

Sedan, när rätt alternativ visas i rullgardinsmenyn, klickar du bara på det.

När du är nöjd med dessa inställningar kan du gå vidare till avsnittet 'Formulärstil'.

Här kan du välja mellan olika formulärstilar, lägga till en kantlinje och ändra teckenstorleken.

Under 'Knappstil' kan du anpassa 'Sök'-knappen som visas i formuläret.

Det finns fler inställningar som du kan använda för att ändra hur formuläret ser ut och fungerar. Detta är dock allt du behöver för att skapa ett avancerat anpassat sökformulär.

När du är nöjd med hur formuläret är inställt är det dags att skrolla till toppen av skärmen och klicka på 'Spara' för att spara dina inställningar.

För att skapa fler anpassade sökformulär med unika inställningar, upprepa helt enkelt exakt samma process som beskrivs ovan.

Steg 3: Lägg till det anpassade sökformuläret på din WordPress-webbplats

Du kan lägga till ett avancerat sökformulär på vilken sida, inlägg eller widget-redo område som helst med hjälp av blocket 'Sökformulär'.

Som ett exempel, låt oss se hur du kan lägga till ett sökformulär i ett inlägg.

Öppna helt enkelt inlägget i WordPress-innehållsredigeraren och klicka på '+'-ikonen. Skriv sedan in 'Sökformulär'.

När rätt block visas, klicka på det för att välja det.

Du kan nu öppna rullgardinsmenyn 'Välj ett formulär' och välja det formulär du vill använda.

När du är redo att göra sökformuläret live, klickar du på antingen 'Uppdatera' eller 'Publicera'.

Besök nu helt enkelt den här sidan eller inlägget för att se sökformuläret i aktion.

För mer information kan du kolla in vår guide om hur man lägger till ett sökformulär i ett WordPress-inlägg.

För att lägga till ett sökformulär i ett widget-redo område måste du gå till Utseende » Widgets. Här klickar du helt enkelt på blockikonen '+' i det område där du vill visa sökformuläret.

Låt oss sedan skriva in ‘Sökformulär’.

När rätt block visas, klickar du helt enkelt på det för att lägga till det i det widget-redo området.

Du kan nu öppna rullgardinsmenyn och välja det sökformulär du vill använda.

När du är klar, glöm inte att klicka på knappen 'Uppdatera' för att göra sökformuläret live.

För mer detaljerade instruktioner, se vår guide om hur man lägger till och använder widgets.

Om du vill infoga sökformuläret i din navigeringsmeny, läs vår artikel om att lägga till ett sökfält i WordPress-menyn.

Bonustips: Optimera ditt anpassade WordPress-sökformulär 📈

Nu när du vet hur du skapar ett anpassat sökformulär för din WordPress-webbplats, låt oss titta på några enkla sätt att förbättra det för en bättre användarupplevelse.

Alternativ 1: Lägga till live Ajax-sökning till ett anpassat sökformulär

Många online-marknadsplatser och webbplatser använder live Ajax-sökningar. Detta visar automatiskt möjliga sökresultat medan användaren skriver i anpassade formulär, liknande hur sökmotorer som Google fungerar.

Med Ajax live-sökning kan du visa relevanta resultat utan att ens ladda om sidan. Detta gör det till ett utmärkt val om du säljer digitala nedladdningar eller fysiska produkter online, eftersom shoppare omedelbart kan se produkter som matchar deras sökfråga.

Det enklaste sättet att lägga till Ajax live-sökning i WordPress är att använda SearchWP Live Ajax Lite Search. Detta gratis plugin lägger automatiskt till omedelbar sökning på din webbplats och fungerar perfekt med alla WordPress-teman.

Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Vid aktivering kommer standard WordPress-sökformuläret automatiskt att använda Ajax live-sökfunktionen. Om du besöker din webbplats och börjar skriva i sökfältet, kommer du att se direkt sökning i aktion.

För mer detaljerade instruktioner, se vår guide om hur du lägger till live Ajax-sökning på din WordPress-webbplats.

Alternativ 2: Använda avancerade inställningar för SearchWP

Därefter är det en bra idé att aktivera några avancerade inställningar som gör det lättare för användare att hitta det de letar efter.

För att göra detta vill du gå till SearchWP » Inställningar och skrolla till sektionen 'Allmänna inställningar'.

Här kan du aktivera någon av följande inställningar:

• Partiella matchningar. Med den här inställningen aktiverad visar SearchWP resultat som inte är en exakt matchning för besökarens sökfråga. Detta är också känt som osäker sökning.
• Närmaste matchning. Efter att ha aktiverat partiella matchningar kan du också visa de närmaste matchningarna när en sökning inte ger några resultat.
• "Citerade" sökningar. Detta gör att besökare kan söka efter exakta fraser med citattecken.
• Markera termer. Markera automatiskt söktermerna för att hjälpa besökare att hitta vad de letar efter.

Alternativ 3: Mäta sökresultat och förbättra konverteringar

För att hjälpa dig att finjustera din webbplats sökning är det en bra idé att övervaka hur besökare använder sökfunktionen.

Detta gör att du kan se vad som fungerar och vad som inte fungerar på din WordPress-blogg så att du ständigt kan förbättra din webbplats sökning och hjälpa besökare att hitta det de letar efter.

Denna data kan till och med hjälpa dig att generera idéer för blogginlägg genom att visa det innehåll som besökare redan söker efter.

För att se sökloggen och de mest populära söktermerna, välj helt enkelt ‘Statistik’ i menyn till vänster.

Vi har också en guide om hur man ser sökanalys om du vill lära dig mer.

Det var allt! Vi hoppas att den här handledningen hjälpte dig att lära dig hur du skapar ett anpassat WordPress-sökformulär. Du kanske också vill se våra guider om hur man gör blogginläggskommentarer sökbara och hur man lägger till röstsökningsfunktion till din WordPress-webbplats.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.