Så här skapar du ett Customize WordPress Search-formulär (Step-by-Step)

Vill du skapa ett customize search-formulär för din WordPress website?

Search är det sätt på vilket de flesta användare hittar relevant och intressant content på din site. Om de inte enkelt kan hitta det de letar efter kanske de går vidare till en annan website.

I den här artikeln visar vi hur du kan förbättra din website search genom att skapa ett customize WordPress sökformulär.

Varför skapa ett customize search-formulär för WordPress?

WordPress har en utvald funktion för search. Den söker dock inte på alla typer av content, t.ex. comments, product reviews eller custom post types.

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

Du kanske också vill prioritera visst content framför annat så att det visas högre upp i sökresultaten. Till exempel kanske du vill visa din sites senaste posts högst upp på sökresultatsidan eller visa dina mest populära WooCommerce-produkter.

Med det i åtanke, låt oss se hur du kan customize WordPress search-formuläret. Vi täcker en hel del mark i det här posten, så använd bara snabblänkarna under för att hoppa direkt till den section du vill läsa:

Step-by-Step 1: Skapa en Customize WordPress Search Algorithm

Det enklaste sättet att förbättra den built-in WordPress search-algoritmen är att använda SearchWP.

SearchWP är det bästa pluginet för search i WordPress. Det är användarvänligt och ger dig fullständig control över din sites sökalgoritm, så att du kan hjälpa besökare att hitta vad de letar efter, snabbt. Det searchar även content som WordPress ignorerar som standard.

För mer information, se vår kompletta SearchWP review.

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

Efter aktivering, gå till SearchWP ” Settings och klicka sedan på tabben ’Allmänt’.

Här måste du enter din licens i boxen ”License Key”. Du hittar den här informationen i ditt konto på SearchWP-webbplatsen.

När du är klar klickar du på knappen ”Verify Key”.

När du har aktiverat pluginet kan du finjustera hur SearchWP indexerar, searchar och displayed ditt content. Du kan tänka på detta som att skapa en customize Google search-algoritm som är bara för din WordPress blogg eller website.

För att börja, head över till SearchWP ” Algoritm.

Here, you’ll see a section for the different content types that SearchWP searches by default, including pages, posts, and media files.

Om du vill inkludera fler content types i sökresultaten klickar du på knappen ”Sources & Settings”.

Nu visas en popup med alla de olika content types som SearchWP kan göra search på. Du kan t.ex. göra kommentarer till bloggar sökbara i WordPress.

Beroende på vilka tillägg till WordPress 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 information om detta ämne, se vår guide om hur man gör en smart WooCommerce produkt search.

Det är bara att gå vidare och kontrollera boxen bredvid varje content type som du vill ska inkluderas i sökresultaten.

Du kommer också att notera att ”Keyword Stems” är valt som standard. Detta innebär att SearchWP kan inkludera resultat som inte har samma slut som search termen.

Om du till exempel söker efter ”run” kommer keyword stemming att inkludera ”running” och ”runners” i resultaten.

Detta kan bidra till att visa relevanta resultat för visitorerna, så vi rekommenderar att du låter boxen ’Keyword Stems’ vara kontrollerad. Du kan dock avmarkera den om du bara vill visa exakta matchningar.

När du är nöjd med den information du har enter i popupen, clickar du på ”Done”.

Du kommer nu att se en section för all de källor du har valt.

Varje section har sina egna sliders för ”Applicable Attribute Relevance”.

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

Content som matchar ett attribut med hög relevans kommer att visas högre upp i sökresultaten. Däremot kommer content som matchar ett attribut som har mindre relevans att visas lägre i användarens search-resultat.

För att ge ett attribut större vikt flyttar du helt enkelt dess slider till höger. I följande image kommer search engine att lägga mer värde på matchningar i postens titel än på matchningar i postens content.

Varje WordPress website är unik, så du kanske vill prova olika relevansinställningar för att se vad som ger dig de mest exakta och användbara search-resultaten.

Om du till exempel har uploadat din menu som en PDF på din restaurants website är detta viktigt content och du vill normalt visa det högt upp i sökresultaten.

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

Du kan också skapa regler som avgör om visst content ska inkluderas eller exkluderas från sökresultaten. Om du till exempel har en marknadsplats online kanske du vill utesluta sidan med kontot, sidan med kassan och sidan med Thank you.

Du klickar bara på knappen ”Edit Rules” i den section där du vill skapa regeln. I Följer image lägger vi till exempel till en new regel i sektionen ”Posts”.

Detta öppnar en popup där du kan edit reglerna för search engine.

För att gå vidare och skapa din första regel klickar du på knappen ”Add Rule”.

Du kan nu välja vilket content du vill inkludera eller exkludera från relevanta sökresultat.

Börja med att öppna den första dropdown-menyn och välj antingen ”Only show entries if” eller ”Exclude entries if” beroende på vilken typ av regel du vill skapa.

Du kan nu använda resten av Settings för att ange vilket content du vill inkludera eller exkludera. Om du till exempel vill inkludera eller exkludera en viss kategori skriver du in kategorinamnet.

You can also type in any custom taxonomies you want to exclude or include.

För att utesluta eller inkludera specifika taggar för post från sökresultaten öppnar du helt enkelt dropdown-menyn och väljer ”Tags”.

Skriv sedan in taggens namn.

För att add to ytterligare en regel klickar du bara på knappen ”Add Rule” och upprepar samma process som ovan. När du är nöjd med hur reglerna är inställda klickar du på ”Done”.

Du kan nu skapa regler för andra content typer, t.ex. media och pages, genom att rulla till deras sections och clicka på knapparna ”Add Rule”.

När du är nöjd med hur sökalgoritmen är inställd rullar du högst upp på sidan och klickar på ”Save”.

SearchWP kommer nu att bygga upp indexet igen. Beroende på hastigheten på din anslutning och din WordPress hosting provider kan detta ta några minuter.

Så snart du ser ”Index Status 100%”, vet du att SearchWP har add to all your content och regler till search index.

Step-by-Step 2: Skapa ett Customize Search-formulär för din WordPress website

Som standard kommer alla sökformulär på din WordPress website att använda den new SearchWP-algoritmen som du skapade i föregående section. Det innebär att besökarna direkt kommer att få se mer korrekta och relevanta resultat.

Men för ännu bättre resultat kanske du vill skapa avancerade search-formulär för olika typer av content. Du kan till exempel skapa ett smart WooCommerce-produktsökformulär som bara tittar på vissa produktkategorier.

Du kan också skapa ett avancerat sökformulär för custom post types. Vi har till exempel skapat ett sökformulär för custom post type för våra deals och Glossary pages.

Varje formulär åsidosätter standard WordPress sökalgoritm, så att du kan skapa så många olika formulär som du vill med unika inställningar.

För att komma igång, head över till SearchWP ” Sökformulär och klicka på knappen ’Add New’.

Detta skapar ett new search-formulär, redo för dig att customize. Om du till exempel runar en review website kan du skapa ett formulär som söker efter inlägg med produktrecensioner och ignorerar annat content som gillar dina blogginlägg och media. Detta kan hjälpa besökarna att hitta det de letar efter snabbare.

Ge nu formuläret ett unikt namn genom att clicka på den lilla iconen med pennan bredvid ”Search Form 1”.

Du skriver nu in ett namn för formuläret för customize search.

Detta är bara för din referens så du kan använda allt som hjälper dig att identifiera formuläret i WordPress dashpanelen.

Därefter kan du välja en layout med hjälp av thumbnailerna för ”Layout Theme”.

Vissa av dessa layouts är utformade för specifika former av search. Om du t.ex. skapar ett formulär för search efter kategorier i WordPress har ”Category Search” redan många av de settings som du behöver.

Klicka bara på de olika temana för att se en preview av hur formuläret kommer att se ut på din website. När du har fattat ditt beslut rullar du till ”Custom Styling” section.

De Settings som du ser kan variera beroende på layouten i ditt theme. Om du till exempel valde ”Quick Search” kommer inställningen ”Quick Search” att vara aktiverad som standard.

Du kan inaktivera och aktivera de olika alternativen med hjälp av deras togglar. Preview uppdateras automatiskt när du gör ändringar så att du kan se vad som fungerar bäst för din website.

Beroende på din layout och vilken typ av formulär du vill skapa kan du behöva aktivera och inaktivera några av inställningarna för ”Custom Styling”. Om du till exempel vill skapa ett formulär som söker efter kategorier klickar du på för att aktivera toggeln ”Category Search”.

Se också till att du väljer den customize search engine som du skapade tidigare i menyn ”Engine”. När det gäller resultatsidan kan du använda standardversionen av WordPress eller skapa en customize-sida för sökresultat.

Som standard kommer SearchWP att söka i alla media, pages och posts på din WordPress website. Om du har skapat några custom post types kan du inkludera dem i sökresultaten med hjälp av fältet ”Type of search”.

Det är bara att gå vidare och skriva in varje custom post type som du vill inkludera. När rätt custom post type visas klickar du för att add to den till search.

Om du vill utesluta media, pages eller posts från sökresultaten klickar du bara på det lilla ”X” bredvid ”Media”, ”Pages” eller ”Posts” i fältet Type of search.

Därefter hittar du fältet ”Select Category” och skriver in varje kategori som du vill inkludera i sökresultaten.

Om du t.ex. run-ar en store kanske du vill skapa formulär som searchar specifika kategorier av produkter. För bloggar kanske du bara vill inkludera specifika kategorier av content i formuläret för search.

Som standard kommer SearchWP att visa ett generiskt ”Enter keyword and search” message innan besökaren enter en sökning.

You can replace this with your own message by typing into ’Field Label’.

Om du vill allow besökare att filtrera sina sökresultat genom att använda faktorer som gillar författaren, post type och tagg, då måste du klicka för att aktivera ”Advanced Search” toggle.

Efter det rullar du till fältet ”Advanced Search Filter/s”. Som standard tillåter SearchWP besökare att filtrera sina resultat med hjälp av Författare, Post Types och Tags.

För att remove något av dessa filter klickar du bara på dess knapp ”X”. Om du vill add to fler filter skriver du bara in deras namn i fältet.

När sedan rätt alternativ visas i dropdown, ge det ett click.

När du är nöjd med dessa Settings rullar du till section ”Form Style”.

Här kan du välja mellan olika formulärstilar, add to en kant och ändra storleken på fonten.

Under ”Button Style” kan du customize knappen ”Search” som visas i formuläret.

Det finns fler Settings som du kan använda för att ändra hur formuläret ser ut och fungerar. Detta är dock all du behöver för att skapa ett avancerat formulär för customize search.

När du är nöjd med hur formuläret är uppbyggt kan du rulla högst upp på vyn och clicka på ”Save” för att store dina settings.

För att skapa fler customize search formulär med unika Settings, upprepa bara exakt samma process som beskrivs ovan.

Step-by-Step 3: Add the Custom Search Form till din site i WordPress

Du kan add to ett avancerat search-formulär till en page, post eller widget-ready area med hjälp av Search Form-blocket.

Som ett exempel ska vi se hur du kan add to ett search-formulär till ett post. Öppna bara posten i WordPress content editor och klicka på ikonen ”+”. Skriv sedan in ”Search Form”.

När rätt block appearance, ge det ett click.

Du kan nu öppna ”Select a Form” dropdown och välja det formulär du vill använda.

När du är redo att göra sökformuläret live klickar du bara på antingen ”Update” eller ”Publicera”. Nu är det bara att besöka denna page eller post för att se sökformuläret i action.

För mer information, kontrollera vår guide om hur du lägger till ett formulär för search i ett WordPress post.

För att add a search form to a widget-ready area, head to Appearance ” Widgets. Här klickar du på ikonen ’+’ block i det area där du vill visa sökformuläret.

Skriv sedan in ”Search Form”.

När det högra blocket visas klickar du för att add to det till widget-ready area.

Du kan nu öppna dropdown-menyn och välja den search-form som du vill använda.

När du är slutförd klickar du bara på knappen ”Update” för att göra sökformuläret live.

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

Om du vill infoga sökformuläret i din navigation menu kan du läsa vår artikel om hur du lägger till ett sökfält i WordPress-menyn.

Bonustips för att optimera ditt Custom WordPress Search-formulär

Nu när du vet hur du skapar ett customize search-formulä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 Search till ett Customize Search-formulär

Många marknadsplatser och websites online använder live Ajax search. Detta visar automatiskt möjliga sökresultat när användaren skriver in i customize-formuläret, på samma sätt som sökmotorer som Google fungerar.

Med Ajax live search kan du visa relevanta resultat utan att ens ladda om sidan. Det gör det till ett utmärkt val om du säljer digitala downloads eller fysiska produkter online, eftersom kunderna omedelbart kan se produkter som matchar deras sökning.

Det enklaste sättet att add to Ajax live search till WordPress är genom att använda SearchWP Live Ajax Lite Search. Detta gratis plugin lägger automatiskt till omedelbar search till din website och fungerar perfekt med alla WordPress teman.

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

Efter aktivering kommer WordPress standard sökformulär automatiskt att använda funktionen Ajax Live Search. Om du besöker din site och börjar skriva i sökfältet kommer du att se omedelbar search i action.

För mer detaljerade instruktioner, vänligen se vår guide om hur du lägger till live Ajax search på din WordPress site.

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ändarna att hitta det de letar efter.

För att göra detta, gå till SearchWP ” Settings och rulla till ”Allmänna inställningar” section.

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

• Delvisa matchningar. Med denna inställning aktiverad kommer SearchWP att visa resultat som inte är en exakt matchning för besökarens sökning. Detta är också känt som fuzzy search.
• Closest matcha. När du har aktiverat partiella matchningar kan du också visa de närmaste matchningarna när en search inte ger några resultat.
• ”Quoted” searches . Detta allow visitors att söka efter exakta fraser med hjälp av citationstecken.
• Markeratermer . Markera automatiskt search-termerna för att hjälpa besökarna att hitta det de letar efter.

Alternativ 3: Mätning av search-resultat och förbättring av konverteringar

För att hjälpa dig att finjustera din website’s search är det en bra idé att övervaka hur besökarna använder funktionen. Detta allow dig att se vad som fungerar och vad som inte fungerar på din WordPress blogg, så att du konstant kan förbättra din sites search och hjälpa besökarna att hitta vad de letar efter.

Dessa data kan till och med hjälpa dig att generera idéer till blogginlägg genom att visa det content som besökarna redan söker efter.

För att se sökhistoriken och de mest populära search termerna, välj ”Statistics” i menyn till vänster.

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du skapar ett customize WordPress search-formulär. Du kanske också vill se våra val av den bästa programvaran för chattsupport för småföretag och vår guide om hur man får en gratis email address för företag.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.