Søgeskabeloner lader dig designe layoutet og udseendet af din WordPress søgeresultatside. I stedet for en kedelig liste over links kan du oprette visuelt engagerende søgeresultater med brugerdefinerede layouts, filtreringsmuligheder og nyttige funktioner, der forbedrer brugeroplevelsen og holder besøgende på dit websted længere.
Hvorfor tilpasse søgeresultater? #
- Bedre UX: Hjælp brugerne med at finde det, de leder efter, hurtigere
- Mærke Konsistens: Match søgeresultater til dit websteds design
- Reduceret Bounce Rate: Hold brugerne engagerede, selv når de første resultater ikke er perfekte
- Muligheder for indtægtsgenerering: Vis annoncer, fremhævet indhold eller produkter i søgeresultaterne
Trin-for-trin: Oprettelse af en søgeskabelon #
1. Opret ny søgeskabelon #
Naviger til Master Addons → Temabygger → Tilføj ny skabelon.
2. Grundlæggende konfiguration #
- Skabelon Titel: Beskrivende navn (f.eks. “Søgeresultatside” eller “Søgelayout på webstedet”)
- Skabelontype: Select Search fra dropdown
- Aktivering: Indstil til Aktiv efter design.
Klik Gem indstillinger før design.
3. Rediger med Elementor #
Klik Rediger med Elementor. Du vil have et tomt lærred til at designe din søgeresultatside.
Vigtig bemærkning: Søgeskabeloner modtager automatisk søgeforespørgslen fra WordPress. Du viser søgeresultater baseret på, hvad brugerne skriver i dit søgefelt.
4. Brug af Master Addons søgeelementer #
Master Addons giver specialiserede widgets til søgefunktionalitet:
Master Addons søgewidget: #
- Søg Bar: Tilføj en fremtrædende søgelinje øverst i resultaterne
- Live søgning: Aktivér resultater i realtid, når brugerne skriver
- Søg i: Mulighed for kun at søge i bestemte posttyper
- Ajax Loading: Resultater indlæses uden sideopdatering
Master Addons Post Grid/Liste for søgeresultater: #
Konfigurer for at vise søgeresultater med:
- Forespørgselskilde: Indstil til “Søgeresultater”
- Layoutindstillinger: Gitter, liste eller murværk
- Resultatoptælling: Vis antal fundne resultater
- Ingen resultatbesked: Brugerdefineret besked, når intet er fundet
Master Addons Filter Widgets: #
Tilføj filtre for at forfine søgeresultater:
- Kategori Filter: Filtrer resultater efter kategori
- Dato Filter: Vis kun de seneste resultater
- Type Filter: Filtrer efter posttype (indlæg, sider, produkter)
5. Søg-Specifikt dynamisk indhold #
Søgeskabeloner har unikke dynamiske tags:
Søg Forespørgselsoplysninger: #
- Søg Forespørgsel: Den faktiske term(er) bruger søgte efter
- Søgeresultater tæller: “Viser 15 resultater for 'søgeord'”
- Søg Forslag: “Mente du...?” forslag
Eksempel på brug:
- Add Overskrift widget → Indsæt Søg Forespørgsel dynamisk tag → “Resultater for: [søgeord]”
- Add Text widget → Indsæt Søgeresultater tæller dynamisk tag → “Fandt 24 resultater”
- Add Master Addons Search Bar → Indstil til visning øverst på siden
- Add sløjfegitter → Indstil forespørgsel til “Søgeresultater”
6. Design af dit søgelayout #
Effektiv Søgeresultatstruktur:
1. Søg Header Sektion: #
- Stor søgelinje (gør det nemt at søge igen)
- Visning af søgeord med resultattælling
- Hurtige filterknapper (Seneste, Populære, Alle)
2. Vigtigste Resultatområde: #
- Gitter eller liste over resultater med:
- Udvalgt billede
- Titel (linked)
- Uddrag med søgeord fremhævet
- Posttype/kategorimærke
- Dato offentliggjort
3. Sidebar/Sekundært indhold: #
- “Populære søgninger” liste
- “Seneste søgninger” (hvis logget ind)
- Kategori filter dropdown
- “Kan du ikke finde det, du har brug for?” kontaktprompt
4. Ingen Resultater Sektion: #
- Venligt budskab med forslag
- Populære indholdslinks
- Kontaktformular eller support chatknap
5. Sideinddeling: #
- Standard paginering for flere sider med resultater
- “Load More” knap mulighed
7. Indstilling af søgebetingelser #
Efter design, gå til Betingelser fane. Søgeskabeloner har specifikke tilstandsmuligheder:
Søg Skabelon Betingelser:
Mulighed A: Alle søgeresultater #
- Inkluder:
Search - Dette gælder for søgeresultatsider
Bemærk: I modsætning til andre skabeloner er søgebetingelser typisk kun “Søg” – du skelner ikke mellem forskellige typer søgninger (selvom du kunne med brugerdefineret kode).
8. Søg Funktionalitet Konfiguration #
Søgewidgetindstillinger: #
- Pladsholdertekst: “Hvad leder du efter?”
- Søg Knap Tekst: “Søg” eller forstørrelsesglasikon
- Indlægstyper at søge: Vælg hvilke indholdstyper der skal medtages
- Levende resultater Forsinkelse: Millisekunder før visning af live resultater
- Minimum tegn: Kræv 2-3 tegn før du søger
Resultater Grid Settings: #
- Indlæg pr. side: 10-20 resultater pr. side
- Uddrag Længde: Forkort uddrag for hurtigere scanning
- Fremhæv søgeudtryk: Fed eller farve matchende ord
- Sorter efter: Relevans, dato, titel (relevans er bedst til søgning)
- Vis/ Skjul elementer: Forfatter, dato, kategorier efter behov
9. Gem & Test #
Klik GEM INDSTILLINGER. Test derefter af:
- Udfør en søgning fra dit websteds søgelinje
- Test forskellige forespørgsler:
- Specifik term med mange resultater
- Generel sigt med få resultater
- Term uden resultater
- Testpaginering med et bredt søgeord
- Test mobil reaktionsevne
- Kontroller indlæsningshastighed (søg sider skal være hurtig)
Eksempler på almindelige søgeskabeloner #
Standard Blog Søg: #
- Tilstand: Søg
- Funktioner: Stor søgelinje øverst, 2-kolonne gitter af resultater med billeder, uddrag, “læs mere” links, sidebar med populære indlæg og kategorier, paginering
E-handel Produktsøgning: #
- Tilstand: Søg
- Funktioner: Filter sidebar (pris, kategori, bedømmelse), produktgitter med billeder/priser/tilføj-til-vogn, “mest solgte produkter”, når få resultater, sorter efter relevans/pris/bedømmelse
Knowledge Base/Search-Centric Site: #
- Tilstand: Søg
- Funktioner: Live søgning med øjeblikkelige resultater, kategoriserede resultater (artikler, ofte stillede spørgsmål, tutorials), “var dette nyttigt?” feedback knapper, “kontakt support” fremtrædende, når ingen resultater
Minimalistisk søgning: #
- Tilstand: Søg
- Funktioner: Rent layout, kun titler og korte uddrag, ingen billeder, fokus på læsbarhed og hastighed
Fejlfinding #
Problem: Søgeskabelon vises ikke
- Fix: Sørg for, at betingelsen er indstillet til “Inkluder: Søg”
Problem: Søgeresultater, der viser forkert indhold
- Fix: Check Post Grid forespørgselsindstillinger – indstillet til “Søgeresultater” ikke “Seneste indlæg”
Problem: Live søgning virker ikke
- Fix: Sørg for, at Ajax er aktiveret i søgewidgetindstillinger
Problem: Søg højdepunkter vises ikke
- Fix: Aktiver “Highlight Search Terms” i Post Grid-indstillinger
Problem: Søg for langsomt med mange resultater
- Fix: Reducer indlæg pr. side, optimer billeder, overvej søgeplugin for bedre indeksering
Problem: Ingen resultatmeddelelse vises ikke
- Fix: Konfigurer meddelelsen “Ingen resultater fundet” i Post Grid-widget
Pro Tips #
- Hastighed er kritisk: Søg sider bør indlæses hurtigt. Optimer billeder og overvej caching
- Mobil-første design: De fleste søgninger sker på mobil. Gør søgelinjen fremtrædende og nem at bruge
- Analytics: Spor, hvad folk søger efter for at forbedre indhold og søgeforslag
- Fallback Indhold: Vis altid nyttigt indhold, selv når søgning ikke returnerer noget
- Tilgængelighed: Sørg for, at søgningen er tastaturnavigerbar og skærmlæservenlig
- Test Edge Cases: Søg efter specialtegn, meget lange termer, tomme søgninger
- Konsekvent design: Match dit søgesidedesign med resten af dit websted
- Fejlmeddelelser: Skriv venlige, nyttige fejlmeddelelser for nul resultater
Performance Overvejelser #
- Begræns resultater pr. side: 10-20 er normalt optimalt
- Lazy Load Billeder: Særligt vigtigt for søgning med mange resultater
- Cache Søgeresultater: Overvej at cache populære søgeforespørgsler
- Optimer Database: Sørg for, at din WordPress-database er optimeret til søgeforespørgsler
- Brug uddrag: Vis korte uddrag i stedet for fuldt indhold
En veldesignet søgeskabelon forvandler brugeroplevelsen fra frustrerende til dejlig. Med Master Addons styler du ikke bare søgeresultater – du skaber en hel søgeoplevelse, der guider brugerne til det indhold, de har brug for, tilbyder alternativer, når søgninger mislykkes, og holder folk engageret i dit websted.
Ofte stillede spørgsmål #
Hvordan opretter jeg en brugerdefineret søgeresultatside i Master Addons?
Gå til Master Addons → Temabygger → Tilføj ny skabelon, indstil skabelontypen til søgning, og gem derefter indstillinger og rediger med Elementor. Design dit layout på det tomme lærred, og i fanesættet Betingelser Inkluder → Søg, så skabelonen gælder for alle søgeresultatsider.
Hvordan viser jeg de faktiske søgeresultater i skabelonen?
Tilføj en Master Addons Post Grid eller List widget og indstil dens Forespørgselskilde til Søgeresultater i stedet for Seneste indlæg. Skabelonen modtager automatisk søgeforespørgslen fra WordPress, så gitteret viser resultater, der matcher det, brugeren har skrevet. Du kan også overflade selve udtrykket ved hjælp af søgeforespørgsel og søgeresultater Tælle dynamiske tags.
Kan jeg tilføje live søgning og filtre til resultatsiden?
Ja. Master Addons Search Widget understøtter Live Search med Ajax-indlæsning, så resultaterne vises, når brugerne skriver uden en sideopdatering, plus muligheder for, hvilke indlægstyper der skal søges, en resultatforsinkelse og et minimumsantal af tegn. Du kan også tilføje kategori-, dato- og typefilterwidgets for at lade besøgende forfine resultaterne.
Hvorfor viser min søgeskabelon det forkerte indhold?
Dette kommer næsten altid fra, at Post Grid-forespørgslen er indstillet til Seneste indlæg i stedet for Søgeresultater, så opdater det først. Hvis skabelonen slet ikke vises, skal du bekræfte, at betingelsen er indstillet til Inkluder: Søg. For manglende termfremhævning skal du aktivere Fremhæv søgetermer i indstillingerne for Post Grid.
Hvad skal der ske, når en søgning ikke giver nogen resultater?
Konfigurer en No Results Found-meddelelse i Post Grid-widgetten, og design en dedikeret sektion uden resultater. Bedste praksis er at vise en venlig besked med forslag, links til populært indhold og en kontaktformular eller supportknap, så besøgende altid har et nyttigt næste trin i stedet for en blindgyde.
