Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här customize du sidan med sökresultat i WordPress

WordPress har en utvald sökfunktion, men kvaliteten på sökresultaten är ofta ganska dålig. Det är en av de främsta anledningarna till att vi har slutat använda WordPress standard-sökfunktion på våra egna webbplatser.

Som tur är kan du anpassa sidan med sökresultat för att göra den mer användarvänlig.

Genom att anpassa sidan med sökresultat kan användare lättare hitta det innehåll de vill ha. Det förbättrar också upplevelsen för användarna, vilket leder till fler visningar av sidor och konverteringar.

I den här artikeln visar vi dig hur du anpassar sidan med sökresultat i WordPress utan att skriva någon kod. Följ vår przewodnik för att skapa en bättre sökupplevelse för dina besökare.

Customizing WordPress search results page

Varför customize WordPress sökresultatsida?

Vi kommer att ge dig det rakt på sak. Den utvalda standard sökfunktionen i WordPress är ej bra!

Varje webbplats i WordPress har en mycket grundläggande funktion för sökning. Den tillåter användare att leta efter innehåll som matchar deras wyszukiwany terminer, men sökresultaten är inte särskilt bra.

No results found for a search term in WordPress

Ofta ger search termer inga resultat, även om det kan finnas flera matchningar som skulle svara på användarens sökning.

Själva search är också långsam och obligatorisk för att ladda en page. Om flera användare använder funktionen utvald samtidigt kan det göra din website långsammare.

En dålig sökupplevelse får dina användare att leta någon annanstans, och du förlorar potentiella klienter eller prenumeranter. På våra webbplatser har vi sett en betydande ökning av antalet visade sidor med funktioner för innehållsupptäckt som gillar webbplats-sökning.

Lyckligtvis är WordPress anpassningsbart, så du har gratis möjlighet att lägga till en bättre sökupplevelse på din webbplats.

Vi visar dig hur du skapar ett snabbare söksystem med en bättre användarupplevelse och mer användbara sökresultat.

Search results found

Så här editar du sidan med sökresultat i WordPress

Vi visar dig hur du enkelt kan editera sidan med sökresultat i WordPress utan att skriva någon kod.

Du får också lära dig att ersätta standardsökningen med en mer kraftfull lösning för att förbättra kvaliteten på sökresultaten:

Step 1: Konfigurera SearchWP som din search engine för WordPress

SearchWP är det bästa tillägget för search i WordPress på marknaden.

Det aktiverar dig att förbättra WordPress search genom att ersätta den med en snabbare och mer exakt search engine.

SearchWP Homepage

Varför använda SearchWP för att Customize WordPress Search?

  • Till skillnad från standard WordPress-sökning indexerar SearchWP automatiskt content i bakgrunden, vilket gör att sökningar går snabbare.
  • Det fungerar med standard WordPress search formulär och templates. Detta innebär att du inte behöver skriva någon kod eller göra några stora ändringar på din site.
  • Dess kraftfulla search-funktion letar efter matchningar i posttitlar, excerpt, content, kategorier, taggar, pages och mycket mer. Detta förbättrar omedelbart kvaliteten på sökresultaten.

För mer detaljer, se vår kompletta SearchWP-recension med fördelar och nackdelar.

Först måste du installera och aktivera SearchWP plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering måste du besöka SearchWP ” Settings page och växla till ”License” tabs. Enter din plugin license key, som du kan hitta i ditt konto på SearchWP webbplats.

Enter SearchWP license key

Därefter måste du besöka SearchWP ” Algorithm page för att konfigurera inställningarna för search engine.

You will notice that SearchWP has set up a default search engine for you. Den använder dina WordPress-poster, pages och media som källor.

SearchWP search engines

Under varje källa kan du justera sliders för att ge mer relevans till ett attribut än ett annat.

Vill du inkludera fler platser på din website i search-resultaten? Klicka bara på knappen ”Sources & Settings” för att add to dem.

Add sources to search engine

I den här tutorialen lägger vi till Comments som en search-källa.

När du har clickat på ”Done” kommer en new tab att visas under källistan. Den kommer dock att vara tom och för att göra den användbar måste du klicka på knappen ”Add/Remove Attributes”.

Add attributes

Detta ger en popup där du kan välja vilka attribut du vill inkludera i din search.

Till exempel valde vi Comment text som attribut.

Select attributes to add into search source

När du har lagt till ett attribut kan du tilldela det en vikt i dina search-resultat.

Mer vikt innebär att SearchWP kommer att betrakta det attributet som mer relevant än andra attribut när sökresultat visas.

Attribute weight in search results

Upprepa bara processen om du behöver add to fler attribut till en källa.

När du har slutfört reviewer av sökkällor kan du gå vidare och klicka på knappen ”Save”.

Save search engine settings

SearchWP kommer nu att börja bygga ett search-index baserat på your settings.

När du är slutförd kommer du att se 100% som Index Status.

Search index status in SearchWP

SearchWP-motorn kommer nu automatiskt att ersätta standard WordPress search. Om du redan har ett sökformulär på din website kan du prova det.

Om du inte har ett sökformulär på din website kan du lägga till ett genom att besöka sidan Appearance ” Widgets.

Add helt enkelt Search-widgeten eller blocket till din sidebar och klicka på knappen ”Update” för att save dina ändringar.

Add a search widget block

Obs/observera: Om ditt WordPress theme inte har några widget-klara areas kommer du inte att se sidan Widgets under menyn Appearance.

Istället kan du add to ett Search block till din site genom att besöka sidan Appearance ” Editor.

Search block in site editor

Detta kommer att starta hela Site Editor. Du kan add the Search block till vilken plats som helst där du vill att sökformuläret ska visas.

Nu kan du besöka din WordPress blogg och prova din nya och förbättrade funktion för search.

Step-by-Step 2: Skapa avancerade formulär för search för din site i WordPress

Ett vanligt formulär för search ser okej ut och får jobbet gjort. Det är dock inte särskilt engagerande, och användarna lägger ofta inte ens märke till det på en site.

SearchWP fixar detta genom att allow you att skapa mycket användbara och avancerade search-formulär för din WordPress webbplats.

Gå bara till SearchWP ” Search Forms page och klicka på knappen ’Add New’.

Search forms in SearchWP

På nästa vy klickar du på ikonen med pennan bredvid formulärnamnet för att ge det ett korrekt namn.

Detta hjälper dig att känna igen formuläret när du behöver add to det till din site senare.

Give your form a name

Efter det måste du välja ett theme för your search form.

SearchWP levereras med flera alternativ, inklusive grundläggande, Category Search, Quick Search, Advanced och kombinerade sökformulär.

Search form themes

Om du clickar på ett theme selectas det och du får en preview på hur det search-formuläret skulle gilla att se ut.

Välj bara ett theme som du gillar att använda för din search och rulla sedan ner för att customize den.

Customize your search form

Härifrån kan du tweaka formulärinställningarna, styla ditt formulär och välja färger.

När du är slutförd, glöm inte att klicka på knappen ”Save” för att spara dina Settings.

Save search form

Obs/observera att detta customze-formulär inte automatiskt kommer att ersätta ditt standard WordPress search-formulär.

Istället måste du bädda in den manuellt på din site. Gå bara till sidan Appearance ” Widgets (eller Appearance ” Editor om ditt WordPress-tema inte har sidebar).

Härifrån måste du add the Search Form block to your widget area or template in the site editor.

Search form block

Därefter väljer du det formulär du just skapade från dropdown-menyn inuti blocket.

Du kommer då att se en preview av din customize search på vyn.

Advanced form displayed

Glöm inte att clicka på knappen ”Save” eller ”Update” för att store dina ändringar.

Step-by-Step 3: Justera sökresultaten för att främja viktigt content

Nu när du har ersatt standard WordPress search med SearchWP, är det dags att klura på hur du kan skapa ännu bättre sökresultat.

Vi börjar med att främja viktigt content i search-resultaten. Det kan vara blogginlägg som ger dig mer intäkter, försäljningssidor, landing pages för lead-generering med mera.

Först måste du besöka sidan SearchWP ” Extensions och installera tillägget Custom Results Order.

Custom Results Order extension for SearchWP

Därefter måste du besöka SearchWP ” Statistics page.

Här kan du se vilka search termes eller keywords som är populära bland dina användare.

SearchWP statistics

Note: Om du precis har installerat pluginet kanske du inte har tillräckligt med data här. Du kan vänta på att användarna ska enter några search termer för att samla in mer data.

Leta nu efter de keywords där du vill främja en viss post och page i sökresultaten.

Efter det, gå till SearchWP ” Algoritm page och välj fliken ’Custom Results Order’.

Add custom results order

I rutan för sökfråga anger du nyckelordet för inlägget eller sidan som du vill främja och klickar sedan på knappen ”Lägg till sökning”.

SearchWP visar dig resultaten för den vissa sökningen. Du måste välja det content du vill främja och sedan clicka på knappen ”Promote to Top”.

Promote to top

Ditt valda post eller page kommer nu att börja appear högst upp för det vissa keywordet.

Du kan alltid gå tillbaka till samma sida och ta bort den posten eller den page från högst upp genom att clicka på knappen ”Remove Promotion” eller lägga till en annan.

Promoted search result

Step-by-Step 4: Uteslut content från sökresultaten i WordPress

Ibland kan du ha content som du inte vill ska visas i sökresultaten. You may have a page promoting an expired sales event or an outdated blogginlägg, till exempel.

SearchWP allow you to easily exclude any post or page you don’t want to include in search results.

Först måste du besöka SearchWP ” Extensions page och installera Exclude UI-förlängningen.

Exclude UI extension

Efter aktivering kan du helt enkelt editera den post eller page som du vill exkludera från search-resultaten.

I panelen ”Post” på vyn edit ser du nu ett alternativ för att utesluta den posten från search-resultat.

Exclude post from search results

Kontrollera bara boxen bredvid ”Exclude from search” och klicka på knappen ”Update” för att save your changes.

SearchWP kommer nu att sluta visa den posten eller sidan i sökresultaten.

Step-by-Step: Få sökresultat att omedelbart appear i WordPress

Normalt kommer dina SearchWP-sökresultat att visas med hjälp av temamallfilen som tillhandahålls av ditt WordPress-tema.

Men tänk om du kunde visa användarna resultaten så snart de börjar skriva? Den här funktionen anropas live search, och du kanske redan har sett den på search engines som Google och Bing.

Låt oss add to live search till din WordPress site för att göra search till en bättre upplevelse för dina användare.

Först måste du besöka sidan SearchWP ” Extensions och installera Live Search-tillägget.

Install live ajax search

Vid aktivering börjar utökningen att fungera automatiskt.

You can now go to your website and start typing keywords into a search form to see it in action.

Live search preview

För mer detaljerade instruktioner kan du se vår tutorial om hur du lägger till live search i WordPress.

Step-by-Step 6: Search på fler webbplatser på din site i WordPress

SearchWP kan konfigureras för att göra search på fler ställen på din website i WordPress. I instance, it can search in custom fields, PDF documents, shortcode outputs, and more.

Beroende på var du vill aktivera search kan du slå på och av dessa funktioner efter behov.

Aktivera Search för WordPress Custom Fields

WordPress custom fields allow you to store additional metadata for your WordPress posts and pages. De används också av tillägg till WordPress för att lagra data som är relaterade till ett post eller en page.

För att inkludera anpassade fält i dina search-källor, gå bara till SearchWP ” Algoritm page och klicka på knappen ’Add/Remove Attributes’ under en källa.

Edit search source attributes

Detta kommer att visa en popup där du kan välja ett specifikt customize-fält eller välja valfri meta-nyckel.

Klicka bara på ”Done” när du är slutförd, och glöm inte att klicka på knappen ”Save Engines”.

Include custom fields in search results

SearchWP kommer nu att börja använda custom fields som en källa och kommer att inkludera matchande posts i sökresultaten.

För mer detaljer, se vår guide om hur du gör customize-fält sökbara i WordPress.

Aktivera search i PDF-filer och dokument

SearchWP kan också söka i PDF-filer och Office-dokument som har laddats upp i ditt WordPress mediabibliotek.

Gå bara till SearchWP ” Algorithm page och klicka på din search engine’s ”Sources & Settings” knapp.

Search sources and settings

Du får upp en popup där du måste se till att ”Media” är valt som en av källorna.

Klicka sedan på knappen ”Done”.

Select media source

Därefter rullar du ner till källistan på sidan Engine settings för att hitta tabben Media.

Härifrån måste du klicka på knappen ”Add/Remove Attributes”.

Add media attributes

Detta kommer att visa en popup där du kan välja vilka attribut du vill inkludera i dina search-resultat.

Se till att attributen Document Content, PDF metadata och Rubrik är valda.

Select PDF document attributes

Klicka bara på knappen ”Done” när du har gjort ditt valda.

Därefter kan du flytta slidern upp och ner för att justera den vikt du vill ge ett visst attribut i sökresultaten.

När du är slutförd, glöm inte att klicka på knappen ”Save Engines” för att spara dina settings.

Adjust PDF weight

Aktivera Search i Shortcode-utgångar

Många tillägg till WordPress använder shortcodes för att mata ut data i dina WordPress-poster och pages.

Om denna shortcode-data är viktig för din WordPress website och kommer att bidra till att förbättra sökresultaten, kan du aktivera Shortcode Output parsing i SearchWP.

Gå bara till SearchWP ” Settings page och rulla längst ner. Härifrån måste du slå på alternativet ”Parse Shortcodes”.

Parse shortcodes

Efter det behöver du bara klicka på knappen ”Wake Up Indexer” för att köra en new indexeringsprocess i bakgrunden som kommer att inkludera shortcode-utdata i sökresultaten.

Step-by-Step 7: Inkludera ecommerce i sökresultaten i WordPress

SearchWP gör det superenkelt att förbättra sökresultaten för ecommerce i din online store.

Det har kraftfulla integrationer för populära tillägg för e-handel, inklusive WooCommerce och Easy Digital Downloads.

Vi kommer att visa you hur du slår på det för din WooCommerce store. Andra integrationer fungerar också på samma sätt.

Först måste du gå till sidan SearchWP ” Extensions och installera WooCommerce Integration-tillägget.

WooCommerce integration in search results

Efter aktivering, gå till SearchWP ” Algoritm page.

Sedan klickar du på knappen ”Sources & Settings” för din search engine.

Search sources and settings

Detta kommer att visa en popup där du måste se till att alternativet ”Products” är valt som en av källorna.

Därefter klickar du på ”Done” för att avsluta popupen.

Add WooCommerce products to search

Nu rullar du ner på vyn Källor så ser du tabben Produkter.

Du kan justera attributvikten genom att flytta slidern eller klicka på knappen ”Add/Remove Attributes” för att välja custom fields eller produktkategorier.

Product weight adjusted

När du är slutförd, glöm inte att klicka på knappen ”Save Engines” för att spara dina Settings.

För mer detaljerade instruktioner kan du läsa vår guide om hur du förbättrar WooCommerce produkt search i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt anpassar sökresultatsidan i WordPress. Du kanske också vill se vår przewodnik om hur du lägger till fuzzy-sökning i WordPress eller vårt expertval av de bästa tilläggen för sökning i WordPress.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

15 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    I run an online store (selling tshirts on woocommerce) and I’ve struggled with providing a seamless search experience for my customers.
    this guide on customizing the WordPress search results page using SearchWP is a game-changer! the ability to promote important products, exclude outdated ones, and enable live search will significantly improve user experience and conversions.

    I especially appreciate the detailed instructions on integrating WooCommerce for better product search results.
    Thank you!!

  3. THANKGOD JONATHAN says

    My search page was an eyesore. This guide transformed it into a user-friendly haven! Now visitors can actually find what they need. Thanks for the design tips!

  4. Ahmed Omar says

    Customizing the search results page in WordPress has always been a bit of a puzzle for me, but your step-by-step guide really breaks it down. The use of hooks and filters, as you explained, adds a whole new layer of flexibility to the process.
    Thank you

  5. Jiří Vaněk says

    Would you eventually consider making such personifications (even just small steps) through tools like Elementor (graphics) or coding (functions)? I understand that the plugin route is very straightforward, but unfortunately, WordPress sometimes becomes like a bottomless pit for plugins, eventually causing significant slowdowns. For instance, I try to customize everything graphically in Elementor since I have it, and when it comes to search, I’ve been considering going the route of Google Search.

  6. Ram E. says

    If your only concern is customizing the appearance of the search results page, this is something one can easily do in full site editing mode—in other words if you are using a block theme (even without a special plugin). But if you want to configure not only the page appearance but also the overall settings/features, SearchWP is indeed a great option.

    • WPBeginner Support says

      Not all themes have the option to customize built-in and we hope SearchWP helps those who can and can’t :)

      Administratör

  7. Piotr Z says

    Imagine your blog is like a big library with lots of cool books. When you started, it was like a tiny library, and finding stuff was easy. But now, it’s grown into a mega-library, and sometimes even you can’t find your favorite book!

    This is what happened to me! Sometimes I cannot even find the article on my own blog.
    It seems like this is the next topic for me to explore and improve.

    thanks a lot for this guide, it is full of practical tips on how I can make my blog more accessible and searchable.

  8. Ralph says

    First of all, you should decide is it even worth the time. If you are not really tech savvy it will take a lot of time. I know, because I’m not the best at such things. I’m blogging for a long time and used to think i have to make everything perfect on my site.

    From modifications of my theme, adjusting sizes of images or buttons to even customizing 404 or search. For me personally it was not worth it. I spent a lot of time, and learned that what i had in my theme was in 80% the same. Was that 20% worth hours put in it? You have to decide yourself, but after years i would say no it was not worth it.

    Of course if you can do this in 15 minutes, then go ahead. I personally rather focus on creating another awesome post or guide for my readers.
    I would also do it if I had really big website. More like portal not blog. For professionals, go ahead!

    • WPBeginner Support says

      Thanks for sharing your opinion on this and we hope our guides can make the process of making changes take much less time.

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.