Varför används webbplats-sökformulär överhuvudtaget? Det beror på att de letar efter omedelbara och relevanta resultat som de inte kan få genom att surfa på en webbplats eller använda navigeringen.

Ibland ger dessa sökresultat svar på deras frågor (som information om ett företags returpolicy) eller en lista över matchande produkter eller innehåll (som blogginlägg relaterade till sidbyggarplugin). Oavsett vad de letar efter, är en sak helt säker:

Besökare förväntar sig att ditt WordPress-sökformulär ska leverera resultat snabbt och korrekt.

Det är logiskt när man ser på konsumentbeteende som helhet. Google har satt en nästan omöjlig standard när det gäller online-sökning. Enligt resultaten från SparkToro är över hälften av alla sökningar i Google nollklicks. I grund och botten har Google gjort sökning så effektiv att människor ofta inte behöver besöka en webbplats för att få svar på sina frågor.

Självklart använder dina webbplatsbesökare inte intern sökning och förväntar sig eller vill ha ett nollklicksresultat. De använder sök för att hitta andra delar av din webbplats att utforska. Men vad din WordPress-sökning och Google-sökning har gemensamt är detta: konsumenter vill ha snabba, praktiska och hyper-relevanta resultat från dem båda.

Det finns bara ett problem: WordPress infödda sökfunktion är inte bra.

Därför kommer vi i den här guiden att utforska allt du behöver veta för att optimera WordPress-sökupplevelsen för dina besökare:

Hur viktig är egentligen den interna sökfunktionen?

Om du designar en webbplats på rätt sätt kommer besökare naturligtvis att följa den väg du har lagt fram åt dem. En välorganiserad meny hjälper också.

Men med detta sagt har intern sökning ändå en viktig roll att spela i detta.

Tänk på WordPress-sökning som ett Fast Pass för din webbplats. När din sökfunktion presterar som den ska, kan den ta dina besökare från steg 1 till steg 5 på bara några sekunder.

Detta skulle vara särskilt användbart för WordPress-webbplatser med en stor mängd innehåll. Här är några exempel:

E-handel

Nätbutiker som Nordic Ware kan hjälpa besökare att gå från startsidan:

Nordic Ware: startsida med sökfält i headern
Nordic Ware: startsida med sökfält i headern

Till en mer begränsad lista över produkter bara genom att använda sökfältet i det övre högra hörnet av webbplatsen:

Nordic Ware: sökresultatsida
Nordic Ware: sökresultatsida

Genom att ha produktsökformuläret alltid närvarande, behöver besökarna aldrig sålla igenom butikens meny eller kategorier för att hitta något specifikt de är ute efter.

Bloggar, Podcasts och nyhetssidor

Webbplatser med stora innehållsförråd som Kinsta, som har 39 sidor blogginlägg (och mer på väg), skulle ha nytta av ett sökfält:

Kinsta: bloggsida och paginering
Kinsta: bloggsida och paginering

Genom att placera ett bloggspecifikt sökformulär högst upp på bloggen får läsarna kontakt med de ämnen de letar efter snabbare än de skulle genom att bläddra igenom 39 sidor:

WordPress-sökfältet högst upp i Kinstas blogg
WordPress-sökfältet högst upp i Kinstas blogg

Bloggar kan bli svåra att navigera med massor av innehåll. Eftersom du vill att bloggsidor ska vara korta för att hålla laddningshastigheterna uppe är det inte en bra idé att öka antalet inlägg som visas.

Istället kommer en sökruta att hjälpa dina besökare att mer effektivt komma runt de inlägg som inte är relevanta för deras nuvarande intressen.

Listsajter

Att söka är en av de första saker besökare gör på webbplatser som aggregerar listor (t.ex. fastigheter, resor, professionella tjänster, etc.), som detta exempel från Trulia:

Trulia: startsidesökning efter fastigheter
Trulia: startsidesökning efter fastigheter

Sökelementet är alltid enkelt. Ange till exempel en plats, personens namn eller jobbtitel. Men resultatsidorna gör det alltid möjligt för användare att filtrera sina resultat så mycket som de vill:

Trulia: exempel sökresultatsida
Trulia: exempel sökresultatsida

Kunskapsbaser

Sök är en användbar komponent för Hjälpcenter och kunskapsbas för produkter som Elementor:

Elementor: kunskapsbasartiklars ämnen och siffor.
Elementor: kunskapsbasartiklars ämnen och siffor.

Sökning hjälper användare att hitta svar på sina frågor snabbare än de skulle kunna med en manuell sökning genom kategorierna:

Elementor: Sök igenom dokumentation efter
Elementor: Sök igenom dokumentation efter ”mall”

I många fall kan de problem som användarna stöter på med SaaS-produkter enkelt lösas av användarna själva. Om du vill hålla din chatt och support borta från lättlösta frågor, gör din kunskapsbas lätt att söka igenom.

Kärnpunkten

Om det finns en stor mängd av något på din webbplats, anta aldrig att navigeringen kommer att hjälpa besökarna att jobba sig igenom det. Bygg en Fast Pass-liknande sökupplevelse som kommer att ta dem exakt där de behöver och vill gå.

Så här lägger du till Sök på din WordPress-webbplats

Du har några alternativ för att implementera och aktivera grundläggande WordPress-sökning för  din webbplats:

Lägg till WordPress Sök på menyn med ditt tema

Beroende på vilket WordPress-tema du har installerat kan du kanske lägga till sökning i din meny med bara några klick. I det här exemplet använder jag Astra-temat som för övrigt visar sig vara mycket snabbt!

Det första du behöver göra är att gå till Utseende > Anpassa:

WordPress - Navigera till Anpassa-menyn
WordPress – Navigera till Anpassa-menyn

Gå sedan till Header > Primärmeny.

WordPress - anpassa menyn
WordPress – anpassa menyn

Under ”Sista objektet i menyn”, välj ”Sök” från rullgardinsmenyn.

WordPress - Lägg till ett sökfält till menyn
WordPress – Lägg till ett sökfält till menyn

Detta kommer att lägga till en sök-ikon och ett fält som det allra sista elementet i navigeringsmenyn.

WordPress - sökfältet tillagt med temainställningar
WordPress – sökfältet tillagt med temainställningar

När du använder andra WordPress-teman, är denna sökaktiveringsinställning kanske inte på samma plats i din tema-customizer. Om det är tillgängligt hittar du det under ”Header”-inställningarna. Annars måste du lägga till det manuellt med ett av alternativen nedan.

Lägg till sökning med en WordPress-widget

Med WordPress-widgets kan du lägga till innehåll till dedikerade block i elementen kring ditt innehåll som sidofältet och sidfoten.

En typ av innehållsblock som du kan skapa med WordPress-widgets är ett sökfält.

Börja med att hitta Widgets under Utseende-menyn:

WordPress - hitta Widgets-menyn
WordPress – hitta Widgets-menyn

Du hittar alla widgetsektioner tillgängliga för dig här. Beroende på temat eller mallen du använder kanske du inte ser något annat än ett Sidofält eller Sidfot eller så kan du se ett mer omfattande urval som det här:

Exempel på widgets och sektioner
Exempel på widgets och sektioner

Oavsett, vad du behöver göra nu är att bestämma var du vill att sökfältet ska visas.

Låt oss säga att du planerar att publicera nytt blogginnehåll varje dag och vet att arkivet kommer att växa snabbt. Så, det skulle vara fördelaktigt att ha ett sökfält närvarande på varje bloggsida.

Bläddra till längst ner av dina widgets och hitta den som heter ”Sök”:

Sökwidget
Sökwidget

Du kan lägga till det antingen genom att klicka på den och välja vilken sektion att lägga till den på så här:

Lägg till Sök-widget med rullgardinsmeny
Lägg till Sök-widget med rullgardinsmeny

Eller så kan du dra och släppa widgeten till sektionsblocket där du vill att den ska visas:

Lägg till Sök-widget med dra-och-släpp
Lägg till Sök-widget med dra-och-släpp

När du har den där du vill ha det, ge den ett namn:

Ge din Sök-widget en titel
Ge din Sök-widget en titel

Spara dina ändringar och besök sedan din webbplats för att bekräfta att det ser ut som du vill att det ska:

Sökfältet tillagt till blogg
Sökfältet tillagt till blogg

Du kan nu se att sökfältet ligger längst upp i bloggens sidofält, redo för dina läsare att använda.

Lägg till sökning till huvudinnehållet på din webbplats med WordPress-verktyg

Även om det är bra att placera sökfältet i de alltid närvarande delarna av din webbplats, kan det finnas anledningar att inkludera det i det faktiska innehållet på dina sidor, också.

Det finns några sätt att göra detta:

Med WordPress-redigeraren

Gutenberg-redigeraren har verkligen gjort det lättare att utforma mer kreativa sidlayouter utan att behöva förlita sig på HTML eller kortkoder.

Ett sådant element du kan lägga till dina sidor tack vare WordPress-redigeraren, är en sök-widget:

Sök-widgetblock i Gutenberg
Sök-widgetblock i Gutenberg

Du har mer kontroll över hur sökfältet visas när du använder det här alternativet. Du kan till exempel ändra titeln på sökfältet, platshållartexten samt knappen:

Anpassa sökfältet med Gutenberg
Anpassa sökfältet med Gutenberg

Du kan även ändra stilen på sökblocket med egna CSS-klasser.

Med ett sidbyggarplugin

För er som föredrar att arbeta med dra-och-släpp sidbyggarplugins som Elementor, kan du komma åt sök-widgeten med ett plugin också. Processen liknar vad du kan göra med Gutenberg.

Med en ny sida eller nytt inlägg öppet och Elementor-redigeraren aktiverad, gör en sökning efter WordPress sök-widget från listan över element:

Sök-widget i Elementor
Sök-widget i Elementor

Dra sökelementet till den plats där du vill att den ska visas på sidan. Det här är till exempel en 404-sida som hjälper användarna att komma tillbaka på rätt spår med ett sökfält:

404-sidexempel med sökfält
404-sidexempel med sökfält

Som ni kan se, ger sidbyggarpluginet dig mer kontroll över var ditt WordPress-sökfält visas än Gutenberg gör, så att du kan lägga det över och inom annat innehåll.

Med ett tema

I vissa fall kan du hitta ett tema och en mall som automatiskt lägger till sökning i innehållet på din webbplats. De typer av teman som gör detta tenderar dock att vara mycket specialiserade, som Residence Real Estate-tema:

Demo av Residence Real Estate-tema
Demo av Residence Real Estate-tema

Eftersom sökning kan bli komplicerat på listwebbplatser som dessa, är det smart av temautvecklarna att bygga in funktionaliteten i mallen.

Bokningssajtteman är ett annat exempel på teman som kommer med sökfunktionalitet redan inbyggd, precis som denna demo från Travel Booking-temat:

Demo av Travel Booking-temat
Demo av Travel Booking-temat

Att ha sök redan inbyggd i ditt WordPress-tema och mall kommer som ni förstår att spara en massa problem med att behöva bygga ut något så komplext som detta själv. Och om temat är optimerad för prestanda, bör dess sökmotorlösning vara lika bra (igen, en sak färre att oroa sig för).

Lägg till WordPress-sökning med kod

Det finns ett annat sätt att lägga till ett grundläggande sökformulär till din webbplats, men det kräver att du är bekväm med kodning.

För att göra detta, gå till Utseende > Temaredigerare:

Temaredigeraren
Temaredigeraren

Vad du ska göra här är att skapa en kortkod för ett sökfält med hjälp av temafilen i functions.php

functions.php temafil
functions.php temafil

Lägg till följande kodavsnitt längst ner i filen:

add_shortcode( 'shortcodename', 'get_search_form');

Ersätt ”shortcodename” med ditt eget namn för sökformuläret. Se till att det bara är små bokstäver utan mellanslag, siffror eller symboler. När du har uppdaterat filen kan du börja använda din kortkod på din webbplats.

Här är ett exempel:

En anpassad kortkod för att lägga till ett sökfält till din webbplats
En anpassad kortkod för att lägga till ett sökfält till din webbplats

Kortkoden läggs till hur precis som vanlig text skulle läggas till på webbplatsen. Kom bara ihåg att skriva den inom hakparenteser [ ].

Du kommer inte kunna se sökfältet i din redaktör, men ta en titt på förhandsgranskningen av din sida och du kommer att se det på frontenden av din webbplats:

Sökfält tillagt med kortkod
Sökfält tillagt med kortkod

Även om det här är en snabb redigering, vilket är bra för syftet med den här artikeln, föreslår bästa praxis att aldrig redigera ditt temas kod och skapa ett WordPress-barntema istället.

En notis om WordPress sökbegränsningar

Det finns gott om alternativ som du kan använda för att lägga till grundläggande WordPress-sökfunktionalitet till din webbplats. Men räcker det?

Om du inte har en mycket liten webbplats eller om du vill begränsa sökningen till din blogg, kommer det förmodligen inte att vara det. Låt mig förklara.

WordPress medföljande sökformulär kollar igenom följande typer av innehåll på dina webbsidor och blogginlägg:

  • Sidtitel
  • Brödtext
  • Bildtitlar
  • Bildtexter
  • Bilders alt-text
  • Filnamn

Som du kan föreställa er, är detta otroligt begränsande för dina användare. Till att börja med, om du behöver hämta resultat från andra typer av sidor eller innehåll på din webbplats (som WooCommerce-produkter), kommer det grundläggande sökformuläret inte att visa matchande resultat för dem. Detsamma gäller för andra delar av din webbplats som:

WordPress-sökning är inte bara restriktiv när det gäller resultat som visas heller. Det är restriktivt för storlek också. Ju större din webbplats blir, desto svårare blir det för din databas att bearbeta resultaten och desto längre tar det att leverera dem till dina besökare.

Så, vad händer om du behöver något mer kraftfullt och hållbart än vad WordPress-sökning tillåter?

Låt oss ta en titt på några sätt du kan förbättra det på.

Så här förbättrar du den interna WordPress-sökupplevelsen

Du bör läsa denna nästa del om att fixa WordPress-sökning om minst ett av följande passar in på dig:

  1. Du har mer än tusen sidor av innehåll eller produkter på din webbplats.
  2. Dina data tyder på att intern sökning är populär, men det leder inte till några konverteringar.
  3. Ditt sökformulär används flitigt, men din hostingserver kämpar för att hantera förfrågningar (dvs det tar mer än ett par sekunder att ladda resultat).
  4. Du vill skala din webbplats utan att behöva oroa dig för att Sökfunktionen ska göra dig (och dina besökare) besviken längs vägen.
  5. Grundläggande sökning räcker helt enkelt inte. Du behöver något mer avancerat och smidigt för att hantera de typer av sökningar som användarna gör.

Redo att börja? Här är sex viktiga saker du kan göra för att förbättra WordPress-sökning:

Tips 1: Skapa en anpassad söksida

I stället för att ge dina besökare ett enkelt sökfält för att hjälpa dem hitta vägen runt din webbplats, varför inte skapa en anpassad söksida istället?

Exempelsökning efter
Exempelsökning efter ”denim” i webbplatsmenyn

Det är inte som om dina besökare är obekanta med att använda en sökning, men upplevelsen kan förbättras med en dedikerad söksida.

För att skapa din egen sida, behöver du backend-tillgång till din webbplats antingen via FTP eller en filhanterare.

När du är inne i WordPress-databasen ska du leta efter följande sökväg:

/wp-content/themes/[ditt temanamn]/page.php

page.php är en fil som definierar den grundläggande strukturen för dina webbsidor. Med andra ord är det en sidmall. Vad vi vill göra nu är att skapa en mall för din söksida.

Duplicera page.php och döp den nya filen till searchpage.php. Öppna den sedan för redigering.

Exempel på page.php-kod kopierad till ny fil
Exempel på page.php-kod kopierad till ny fil

Det mesta av koden i den här filen måste bytas ut eftersom vad som är här definierar en typisk webbsida eller blogginlägg. Istället måste du ta bort den så att den bara innehåller vad du behöver på din söksida. Här är ett exempel på hur jag byggde ut min söksida:

<?php
/*
Template Name: Search Page
*/
?>
<?php
get_header(); ?>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
<h1>Search Our Shop</h1>
<p>Welcome to the online shop of awesomeness! Here you will find all kinds of products to revolutionize how you work, live, and play.</p>
<p>Use the search form below to get yourself moving in the right direction.</p>

<?php get_search_form(); ?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer(); ?>

WordPress Codex ger dig lite mer vägledning om vad du kan och inte kan göra när du skapar en anpassad söksida. Men om du gillar resultaten av vad jag ska visa dig, är det enda du kan behöva ändra det innehåll som visas mellan:

<main id="main" class="site-main" role="main">

Och:

<?php get_search_form(); ?>

När du har sparat din searchpage.php-mall, gå tillbaka till WordPress. Vi måste nu skapa en sida som heter ”Sök”.

Ge sidan en titel och öppna ”Sidattribut” på sidofältet. Du kommer att se en mall för den ”Söksida” du just skapat:

Söksida-mall skapad
Söksida-mall skapad

Välj sökmallen och publicera sidan. Nu ser du den på live-webbadressen, vilken borde vara: https://yourdomainname.com/search/. Och om du använde något som liknar koden ovan, kommer det att resultera i en sida som ser ut så här:

Exempel på en anpassad söksida i WordPress
Exempel på en anpassad söksida i WordPress

Med den här sidan skapad och publicerad, är den din att göra som du vill med. Du kan lägga till den i din meny eller länka till den någon annanstans. Se bara till att länken är placerad någonstans där dina besökare enkelt kommer kunna se den.

Tips 2: Få din WordPress-sökning att gå utöver bara sidor och inlägg

Medan ovanstående tips ger dig en ny plats att köra WordPress-sökningar från, hjälper det inte med problemet med vilken typ av innehåll den söker bland. Lyckligtvis för oss finns det ett antal plugins som kommer att fixa detta.

Uppgradera grundläggande WordPress-sökning med WP Extended Search

Om allt du vill är att kunna kamma igenom mer innehåll och metadata på din webbplats är WP Extended Search ett bra alternativ.

WP Extended Search-inställningar i WordPress
WP Extended Search-inställningar i WordPress

Med ett plugin kommer dina besökare att kunna hämta resultat från:

  • Inlägg
  • Sidor
  • Mediefiler
  • Kategorier
  • Taggar
  • Utdrag
  • Metadata (som författarens namn)

Detta är ett lättviktigt och lättkonfigurerat plugin som förbättrar grundläggande sökfunktioner för mindre företagswebbplatser och bloggar.

Uppgradera WooCommerce Sök med Advanced Woo Search

Om du har en e-handelsplats kan du använda pluginet Advanced Woo Search istället.

När det är aktiverat kan du placera WooCommerce-sökformuläret var du vill på webbplatsen. Om du vill att det ska ersätta alla grundläggande WordPress-sökformulär som redan finns där, har pluginet ett snabbt ”sömlös integration”-alternativ som automatiskt byter ut dem åt dig.

Du kan också manuellt lägga till formuläret som en widget eller kortkod. Det är upp till dig.

Formuläret kommer att likna det grundläggande WordPress-formuläret:

Advanced Woo Search exempel
Advanced Woo Search exempel

Det finns två viktiga skillnader mellan detta formulär och det du hade tidigare.

Den första är att formuläret söker ditt WooCommerce-produktinnehåll och metadata, inklusive titel, SKU, utdrag, kategori, tagg och ID.

Detta är den andra skillnaden:

Advanced Woo Search: livesökresultat
Advanced Woo Search: livesökresultat

När dina besökare börjar skriva sina sökfrågor visas matchande resultat. Detta är vad som kallas ”live” Sök och, tack vare pluginets användning av AJAX, händer det omedelbart.

Om dessa alternativ ser lovande ut, men du vill ha mer robusta eller snabbare uppgraderingar för dina WordPress-sökformulär, läs vidare.

Tips 3: Förbättra hur WordPress-sökresultat visas

Låt oss nu prata om vad du kan göra för att förbättra hur sökresultaten visas för dina besökare.

Det här är varför du inte har råd att hoppa över detta tips:

Standardvisning av sökresultat
Standardvisning av sökresultat

Som standard visar WordPress sökresultat som liknar den här sidan. Överst på sidan kommer det att stå ”Sökresultat för: [sökord] följt av varje matchande sida eller inlägg. Om det finns en utvald bild (som jeansen ovan) visas den i sin helhet.

Det kommer sedan att följas av ett utdrag:

Sökresultat visar stor bild och utdrag
Sökresultat visar stor bild och utdrag

Detta är bara ett matchande resultat. Föreställ dig hur svårt det skulle vara att gå igenom denna sökresultatsida om det fanns några ”denim”-matchningar, eller rentav dussintals eller hundratals av dem.

För att åtgärda detta problem kommer vi att leta efter ett WordPress-plugin att hjälpa oss.

Förbättra utseendet på ditt formulär med Ivory Search

Liksom de plugins som nämns ovan, låter Ivory Search dig välja vilka typer av innehåll och metadata som sökresultaten dras från. Med den här behöver du dock inte göra ett val mellan grundläggande sida och postdata eller e-handel. Du har det bästa här:

Ivory Search-inställningar
Ivory Search-inställningar

Ett annat anmärkningsvärt tips med detta plugin är att det låter dig anpassa ditt sökformulär tillsammans med resten av din webbplats:

Ivory Search: anpassa design i temats customizer
Ivory Search: anpassa design i temats customizer

Du har kontroll över alla aspekter av ditt sökformulär:

  • Färg
  • Text
  • Stil
  • Formuläranimering
  • Laddningsbild

Utöver det kan du också konfigurera saker som live AJAX-sökning och ge dina besökare fördelen att se sina matchningar i realtid:

Livesökresultat från anpassat sökfält med Ivory Search
Livesökresultat från anpassat sökfält med Ivory Search

Tänk på detta plugin som nästa steg upp i WordPress-sökning.

Anpassa hur sökresultaten visas med Ajax Search

Det är inte bara hur ditt sökformulär ser ut som kommer att göra ett intryck på dina besökare. Det du gör med resultatvisningen påverkar också deras upplevelse.

Med AJAX Search Lite och pro-pluginsen, kommer du verkligen wowa dem med en smartare och snabbare sökupplevelse.

Här är några exempel på vad du kan göra:

Ajax Search-plugin: sökbeteenden
Ajax Search-plugin: sökbeteenden

Beteenden gör sökupplevelsen effektivare för besökare, genom saker som att omedelbart öppna sökformuläret när de börjar skriva och omdirigera dem till sökresultat oavsett om de trycker på enterknappen eller förstoringsglasikonen.

Ajax Search-plugin: Autokomplettera och förslag
Ajax Search-plugin: Autokomplettera och förslag

Autokomplettera och förslag använder Googles sökfunktioner för att påskynda besökarnas sökningar.

Ajax Search plugin: sökordsmarkering
Ajax Search plugin: sökordsmarkering

Sökordsmarkering är en annan användbar funktion som markerar användarnas sökord i matchande resultat. Detta gör det lättare att upptäcka mer relevanta resultat.

Här är ett exempel på hur det kan visas:

Markerade sökord i sökresultat
Markerade sökord i sökresultat

Detta plugin låter dig också diktera hur dina resultat ska visas: hur resultatsidan ska se ut och vilka element ska visas (som den utvalda bilden + utdrag + författarens namn).

Dessutom kan du berätta för sökmotorn att hämta bilder från en viss plats. Om en utvald bild t.ex. inte är tillgänglig kan du begära att den första bilden på sidan används i sökresultaten istället.

Du kan också bestämma hur varje bild ska beskäras och i vilken storlek. På så sätt kan du göra dina sökresultatsidor mer hanterbara i storlek och utseende – något som blir extra viktigt när mängden innehåll på din webbplats växer.

Och en sak till: detta plugin hjälper dig inte bara att göra så dina sökresultat ser bättre ut. Det påskyndar hur snabbt hamnar framför dina besökare också:

Ajax Search-plugin: prestandaoptimeringar för snabbare sökning
Ajax Search-plugin: prestandaoptimeringar för snabbare sökning

Det finns tre prestandaoptimeringar du kan göra med detta plugin:

  • Applicera en anpassad AJAX-hanterare.
  • Inaktivera bildbeskärning.
  • Ladda JavaScript i sidfoten.

Med dessa tre inställningar konfigurerade kan du hjälpa din webbserver att inte bli så överväldigad av kontinuerliga sökförfrågningar.

Detta är dock bara toppen av isberget när det gäller att optimera WordPress-sökningens hastighet. Fortsätt läsa för att lära dig mer om Elasticsearch.

Tips 4: Snabba upp WordPress Sök

Medan utseendet och sökfunktionerna i ditt WordPress – sökformulär är viktiga, så är hur snabbt allt händer också det.

Få supersnabba och komplexa sökfunktioner med Elasticsearch

Vid en viss punkt kommer WordPress-sökplugins och din MySQL-databas bara inte att kunna hålla jämna steg längre. När din webbplats sökfrågor går igenom taket, är det enda sättet att säkerställa en optimal sökupplevelse att använda Elasticsearch.

Elasticsearch är en öppen källkods Sök- och analysmotor känd för sin hastighet, stabilitet och skalbarhet — det är bara en del av Elastic-stacken. I kombination med Logstash (för databehandling) och Kibana (för datavisualisering och hantering), driver Elasticsearch webbplatsens sökmotor på ett sätt som du aldrig sett förut:

  • Förfråga fler innehållstyper (som PDF-filer) och metadata
  • Fuzzy match för att dra på mängden ”Inga resultat”
  • Relaterat innehålls-förslag
  • Platsspecifika innehållsrekommendationer
  • Facetterad (multi-filter) sökning
  • Snabbare bearbetning av förfrågningar
  • Realtidsåtkomst till sökfrågedata

Även om Elasticsearch är öppen källkod och gratis att använda, behöver du hanterad Elasticsearch-hosting för att använde det (vilket inte är gratis). Det finns ett antal sätt du kan skaffa detta på:

1. ElasticPress 
The ElasticPress plugin gör att du sömlöst kan integrera ElasticPress sökfunktioner i din WordPress-webbplats. Detta plugin är en populär lösning att integrera med WordPress-hostar som ger stöd för Elasticsearch.

ElasticPress-inställningar
ElasticPress-inställningar

2. Elastic

Om du vill, kan du gå direkt till källan: Elastic. Du har ett par alternativ för att distribuera din sökmotor också.

Du kan få hela stacken och dra nytta av dess avancerade databehandling och hanteringsverktyg. Detta är en del av konfigurerings- och ombordstigningsprocessen:

Elastic: full stack-distributionskonfiguration
Elastic: full stack-distributionskonfiguration

Dessutom får du styra hur din Elasticsearch-server ska optimeras:

Välja distributionssoptimering i Elastic
Välja distributionssoptimering i Elastic

Rekommendationer tillhandahålls baserat på vilka typer av frågor din webbplats kommer att hantera, vilket gör det enkelt att bestämma hur du bäst kan snabba upp och förbättra din sökmotor.

Om du vill förenkla installationen, använd Elastics Site Search-verktyg istället:

Elastic Site Search-panelen
Elastic Site Search-panelen

Du tas sedan till den här instrumentpanelen där du, när din webbplats är indexerad, kan:

  • Installera din sökmotor med ett JavaScript-avsnitt
  • Anpassa hur din sökmotor fungerar med resultatranking, viktning och synonymer.
  • Hantera innehållet som kan visas i sökresultaten.
  • Ställ in konverteringsspårning.
  • Konfigurera sökrekommendationer.
  • Granska din sökförfrågningsdata.

Det är inte en så robust lösning som Elastic-stacken, men det här är ett bra alternativ om du bara letar efter en kraftfull sökning som är lätt att implementera och hantera.

3. Amazon Elasticsearch
Det borde inte som någon överraskning att Amazon har en egen Elasticsearch-tjänst. Om du redan använder AWS hosting och distribueringstjänster, skulle detta vara ett bra alternativ för dig.

I likhet med alternativen ovan, är det en hanterad tjänst som gör att du kan skapa en snabb sökmotor med komplexa förfrågningsförmågor för din webbplats.

Tips 5: Cacha din sökresultatsida

Ett annat sätt att optimera WordPress Sök för hastighet är att cacha dina sökresultat. Genom att aktivera cachning behöver din server inte ständigt bearbeta samma förfrågningar om och om igen. Istället kommer den att hämta och visa en statisk sökresultatsida, och ge besökarna med nästan omedelbara resultat.

Ett sätt att aktivera cachning är med ett cachningsplugin för WordPress.

Ett av de topprankade pluginsen, W3 Total Cache, uppmärksammar cachning av sökresultatsidor, så börja där om du letar efter en cachningslösning som prioriterar de typer av prestandaoptimeringar du behöver.

Annars kan du prova WP Rocket. Även om det inte cachar sökresultatsidor som standard, har de skapat Cache Search Result helper-pluginet för just det syftet.

Ett annat sätt att aktivera detta är genom att använda AJAX Search Pro plugin som nämns tidigare. Jag har redan visat dig några sätt som Lite-versionen av pluginet optimerar sökresultatet. Pro-versionen lägger till ännu fler optimeringar, inklusive för-cachning av bilder och sökfras-cachning.

Tips 6: Aktivera Sökspårning i Google Analytics

Sist men inte minst, kom ihåg att aktivera sökspårning i Google Analytics. Du hittar den under Admin > alla webbplatsdata > Visa inställningar.

Aktivera sökspårning i Google Analytics
Aktivera sökspårning i Google Analytics

För att aktivera spårning på webbplatsen, växla till ”på”. Detta kommer att visa ett nytt fält som heter ”förfrågningsparameter”. Detta är elementet i din URL (och databas) som definierar en sökfråga och resultat.

Sökparametern för Google Analytics
Sökparametern för Google Analytics

Bokstaven ”s” är i detta fall vad som definierar sökfrågan på webbplatsen. Om du är osäker på vad din egen sökparameter är, kör en testsökning och leta reda på bokstaven eller ordet efter frågetecknet.

Om din sökning låter besökare att välja kategorier och filter kan du också aktivera webbplatskategorier. Du kan behöva ange flera parametrar här.

När du är klar med att konfigurera sökningen i Google Analytics kan du hitta alla dina data under Beteende > Webbplatssökning.

Webbplatssökdata i Google Analytics
Webbplatssökdata i Google Analytics

Precis som resten av Google Analytics, ger dessa data dig en mängd möjligheter att räkna ut:

Var uppmärksam på vad dina besökare gör med sökning, och du kan forma resten av webbplatsupplevelsen mer effektiv åt dem.

Sammanfattning

WordPress Sök kan verka som en enkel nog sak — och det kan det vara om allt du behöver är en grundläggande sökfunktion för att hjälpa besökare att navigera ett dussin sidor eller så.

Du kan lägga till en enkel WordPress-sökfunktion till ett antal områden på din webbplats, som sidhuvud, meny, sidofält, sidfot, och även mitt i ditt innehåll. Det finns ett antal sätt på vilka du kan lägga till dessa sökelement:

  • Ditt temas inställningar
  • En WordPress-widget
  • Ett sidbyggarplugin
  • En färdig temamall
  • Kod

Glöm inte: ju större din webbplats är och ju mer komplex din navigering blir, desto mer kommer du att behöva en lösning som förbättrar dina WordPress-sökfunktioner för att ge bättre användarupplevelse för dina besökare. Och en bättre UX kommer i regel att resultera i ökade konverteringar för dig.

Suzanne Scacca

Suzanne Scacca är en WordPress-, webbdesign- och SEO-specialist. När hon inte testar WordPress-verktyg eller letar igenom webben efter fantastiska designexempel, skriver hon tips på X om hur man gör webben till en bättre plats.