Mit Suchvorlagen können Sie das Layout und das Erscheinungsbild Ihrer WordPress-Suchergebnisseite entwerfen. Anstelle einer langweiligen Liste von Links können Sie visuell ansprechende Suchergebnisse mit benutzerdefinierten Layouts, Filteroptionen und hilfreichen Funktionen erstellen, die das Benutzererlebnis verbessern und Besucher länger auf Ihrer Website halten.
Warum Suchergebnisse anpassen? #
- Bessere UX: Helfen Sie Benutzern, schneller zu finden, was sie suchen
- Markenkonsistenz: Passen Sie die Suchergebnisse dem Design Ihrer Website an
- Reduzierte Absprungrate: Halten Sie Benutzer bei der Stange, auch wenn die ersten Ergebnisse nicht perfekt sind
- Monetarisierungsmöglichkeiten: Anzeigen, Featured Content oder Produkte in den Suchergebnissen anzeigen
Schritt für Schritt: Erstellen einer Suchvorlage #
1. Neue Suchvorlage erstellen #
Navigieren zu Master-Addons → Theme Builder → Neue Vorlage hinzufügen.
2. Grundlegende Konfiguration #
- Vorlagentitel: Beschreibender Name (z.B, “Suchergebnisseite” oder “Site Search Layout”)
- Vorlagentyp: Wählen Suchen von Dropdown
- Aktivierung: Einstellen auf Aktiv Nach dem Entwerfen.
Klicken Sie auf Einstellungen speichern Vor dem Entwerfen.
3. Bearbeiten mit Elementor #
Klicken Sie auf Mit Elementor bearbeiten. Sie haben eine leere Leinwand, um Ihre Suchergebnisseite zu gestalten.
Wichtiger Hinweis: Suchvorlagen erhalten automatisch die Suchanfrage von WordPress. Sie zeigen Suchergebnisse basierend auf dem an, was Benutzer in Ihr Suchfeld eingeben.
4. Verwendung von Master-Addons-Suchelementen #
Master Addons bietet spezielle Widgets für Suchfunktionen:
Master Addons Such-Widget: #
- Suchleiste: Fügen Sie oben in den Ergebnissen eine markante Suchleiste hinzu
- Live-Suche: Aktivieren Sie Echtzeit-Ergebnisse, während Benutzer tippen
- Suchen in: Option, um nur bestimmte Beitragstypen zu suchen
- Ajax-Beladung: Ergebnisse werden ohne Seitenaktualisierung geladen
Master Addons Post Grid/Liste für Suchergebnisse: #
Konfigurieren, um Suchergebnisse mit: anzuzeigen
- Abfragequelle: Auf “Ergebnisse suchen” einstellen
- Layoutoptionen: Gitter, Liste oder Mauerwerk
- Ergebnisanzahl: Anzahl der gefundenen Ergebnisse anzeigen
- Keine Ergebnismeldung: Benutzerdefinierte Nachricht, wenn nichts gefunden wird
Master-Addons-Filter-Widgets: #
Filter hinzufügen, um die Suchergebnisse zu verfeinern:
- Kategoriefilter: Ergebnisse nach Kategorien filtern
- Datumsfilter: Zeigen Sie nur aktuelle Ergebnisse an
- Typ Filter: Filtern nach Postart (Beiträge, Seiten, Produkte)
5. Suchspezifische dynamische Inhalte #
Suchvorlagen haben einzigartige dynamische Tags:
Suchabfrageinformationen: #
- Suchanfrage: Der tatsächliche Begriff (die tatsächlichen Begriffe), nach denen der Benutzer gesucht hat
- Suchergebnisse zählen: “Anzeige von 15 Ergebnissen für 'Stichwort'”
- Suchvorschläge: “Haben Sie gemeint..?” Vorschläge.
Beispielverwendung:
- Hinzufügen Überschrift Widget → Einfügen Suchanfrage Dynamic Tag → “Ergebnisse für: [Suchbegriff]”
- Hinzufügen Text Widget → Einfügen Suchergebnisse zählen Dynamic Tag → “Fund 24 Ergebnisse”
- Hinzufügen Master Addons Suchleiste → Auf Anzeige oben auf der Seite einstellen
- Hinzufügen Schleifengitter → Abfrage auf “Ergebnisse suchen” setzen
6. Gestalten Sie Ihr Suchlayout #
Effektive Suchergebnisstruktur:
1. Abschnitt der Suchüberschrift: #
- Große Suchleiste (erleichtern Sie die Suche wieder)
- Anzeige des Suchbegriffs mit Ergebnisanzahl
- Schnellfiltertasten (rezent, beliebt, alle)
2. Hauptergebnisbereich: #
- Raster oder Ergebnisliste mit:
- Ausgewählte Bild
- Titel (verknüpft)
- Auszug mit hervorgehobenem Suchbegriff
- Postart/Kategorie-Abzeichen
- Datum veröffentlicht
3. Seitenleiste/Sekundärinhalt: #
- Liste “Popular Searches”
- “Neuere Suchanfragen” (falls angemeldet)
- Kategoriefilter Dropdown
- “Kann nicht finden, was Sie brauchen?” kontaktaufforderung
4. Keine Ergebnisse Abschnitt: #
- Freundliche Nachricht mit Vorschlägen
- Beliebte Inhaltslinks
- Kontaktformular oder Support-Chat-Button
5. Paginierung: #
- Standardpaginierung für mehrere Ergebnisseiten
- Button-Option “Mehr laden”
7. Setzen von Suchbedingungen #
Nach dem Entwerfen gehen Sie zu Bedingungen Tab. Suchvorlagen haben bestimmte Bedingungsoptionen:
Bedingungen für Suchvorlagen:
Option A: Alle Suchergebnisse #
- Einschließen:
Search - Dies gilt für Suchergebnisseiten
Anmerkung: Im Gegensatz zu anderen Vorlagen sind die Suchbedingungen normalerweise nur „Suchen“2. Sie unterscheiden nicht zwischen verschiedenen Arten von Suchanfragen (obwohl Sie dies mit benutzerdefiniertem Code tun könnten).
8. Konfiguration der Suchfunktionalität #
Widget-Einstellungen suchen: #
- Platzhaltertext: “Was suchst du?”
- Text der Suchschaltfläche: “Suche” oder Lupensymbol
- Zu suchende Beitragstypen: Wählen Sie aus, welche Inhaltstypen aufgenommen werden sollen
- Verzögerung der Live-Ergebnisse: Millisekunden, bevor Live-Ergebnisse gezeigt werden
- Mindestzeichen: Vor der Suche 2-3 Zeichen benötigen
Ergebnisse Gittereinstellungen: #
- Beiträge pro Seite: 10-20 Ergebnisse pro Seite
- Auszug Länge: Auszüge für schnelleres Scannen kürzen
- Suchbegriffe hervorheben: Fett oder farblich passende Wörter
- Sortieren nach: Relevanz, Datum, Titel (Relevanz eignet sich am besten für die Suche)
- Elemente anzeigen/ausblenden: Autor, Datum, Kategorien nach Bedarf
9. Speichern & Testen #
Klicken Sie auf EINSTELLUNGEN SPEICHERN. Testen Sie dann bis:
- Eine Suche durchführen Aus der Suchleiste Ihrer Seite
- Testen Sie verschiedene Abfragen:
- Spezifischer Begriff mit vielen Ergebnissen
- Allgemeiner Begriff mit wenigen Ergebnissen
- Laufzeit ohne Ergebnis
- Testpaginierung Mit einem breiten Suchbegriff
- Teste die Reaktionsfähigkeit des Mobilgeräts
- Ladegeschwindigkeit prüfen (Suchseiten sollten schnell sein)
Beispiele für gängige Suchvorlagen #
Standard-Blogsuche: #
- Bedingung: Suche
- Features: Große Suchleiste oben, 2-spaltiges Ergebnisraster mit Bildern, Ausschnitten, “weiterlesen” Links, Sidebar mit beliebten Beiträgen und Kategorien, Paginierung
E-Commerce-Produktsuche: #
- Bedingung: Suche
- Eigenschaften: Seitenleiste filtern (Preis, Kategorie, Bewertung), Produktraster mit Bildern/Preisen/Add-to-Cart, “Top-Selling-Produkte” bei wenigen Ergebnissen, Sortierung nach Relevanz/Preis/Bewertung
Wissensdatenbank/suchenzentrierte Website: #
- Bedingung: Suche
- Features: Live-Suche mit sofortigen Ergebnissen, kategorisierte Ergebnisse (Artikel, FAQs, Tutorials), “war das hilfreich?” Feedback-Buttons, “Kontaktunterstützung” prominent, wenn keine Ergebnisse
Minimalistische Suche: #
- Bedingung: Suche
- Eigenschaften: Sauberes Layout, nur Titel und kurze Ausschnitte, keine Bilder, Fokus auf Lesbarkeit und Schnelligkeit
Fehlerbehebung #
Problem: Suchvorlage nicht angezeigt
- Fix: Stellen Sie sicher, dass die Bedingung auf “Einschließen: Suchen” eingestellt ist
Problem: Suchergebnisse, die falsche Inhalte zeigen
- Fix: Post Grid Abfrage Einstellungen – „Durchsuchungsergebnisse“nicht „Neueste Beiträge” eingestellt
Problem: Live-Suche funktioniert nicht
- Fix: Stellen Sie sicher, dass Ajax in den Einstellungen des Such-Widgets aktiviert ist
Problem: Such-Highlights nicht angezeigt
- Fix: Aktivieren Sie “Highlight Search Terms” in den Post Grid Einstellungen
Problem: Suche zu langsam mit vielen Ergebnissen
- Fix: Beiträge pro Seite reduzieren, Bilder optimieren, Such-Plugin für bessere Indizierung in Betracht ziehen
Problem: Keine Ergebnismeldung nicht angezeigt
- Fix: “Keine Ergebnisse gefunden” - Nachricht im Post Grid-Widget konfigurieren
Profi-tipps #
- Geschwindigkeit ist entscheidend: Suchseiten sollten schnell geladen werden Bilder optimieren und Caching in Betracht ziehen
- Mobile-First-Design: Die meisten Suchanfragen finden mobil statt Machen Sie die Suchleiste prominent und einfach zu bedienen
- Analytik: Verfolgen Sie, wonach Menschen suchen, um Inhalte zu verbessern und Vorschläge zu suchen
- Fallback-Inhalt: Zeigen Sie immer hilfreiche Inhalte, auch wenn die Suche nichts zurückgibt
- Zugänglichkeit: Stellen Sie sicher, dass die Suche tastaturnavigierbar und Bildschirmlesefreundlich ist
- Test Edge Cases: Suche nach Sonderzeichen, sehr lange Begriffe, leere Suchen
- Konsequentes Design: Passen Sie das Design Ihrer Suchseite an den Rest Ihrer Website an
- Fehlermeldungen: Schreiben Sie freundliche, hilfreiche Fehlermeldungen für Null-Ergebnisse
Leistungsüberlegungen #
- Begrenzen Sie die Ergebnisse pro Seite: 10-20 ist normalerweise optimal
- Faule Bilder laden: Besonders wichtig für die Suche mit vielen Ergebnissen
- Cache-Suchergebnisse: Erwägen Sie das Zwischenspeichern beliebter Suchanfragen
- Datenbank optimieren: Stellen Sie sicher, dass Ihre WordPress-Datenbank für Suchanfragen optimiert ist
- Auszüge verwenden: Zeigen Sie kurze Ausschnitte statt vollständigen Inhalts
Eine gut gestaltete Suchvorlage verwandelt die User Experience von frustrierend zu entzückend Mit Master Addons stylst du nicht nur Suchergebnisse (Sie erstellen ein ganzes Sucherlebnis, das Nutzer zu den benötigten Inhalten führt, Alternativen bietet, wenn die Suche fehlschlägt, und die Leute mit deiner Seite beschäftigt.
Häufig gestellte Fragen #
Wie erstelle ich eine benutzerdefinierte Suchergebnisseite in Master Addons?
Gehen Sie zu Master Addons → Theme Builder → Neue Vorlage hinzufügen, den Vorlagentyp auf Suchen setzen, dann Einstellungen speichern und mit Elementor bearbeiten Gestalten Sie Ihr Layout auf der leeren Leinwand, und in den Registerkartensatz Bedingungen → Suchen einschließen, damit die Vorlage für alle Suchergebnisseiten gilt.
Wie stelle ich die tatsächlichen Suchergebnisse in der Vorlage dar?
Fügen Sie ein Master Addons Post Grid oder List Widget hinzu und setzen Sie seine Abfragequelle auf Suchergebnisse statt auf Letzte Beiträge Die Vorlage empfängt automatisch die Suchanfrage von WordPress, so dass das Raster Ergebnisse zeigt, die dem entsprechen, was der Benutzer eingegeben hat Sie können den Begriff selbst auch mit den dynamischen Tags Suchanfrage und Suchergebnisse zählen.
Kann ich Live-Suche und Filter zur Ergebnisseite hinzufügen?
Ja. Das Master Addons Search Widget unterstützt Live Search mit Ajax-Laden, sodass die Ergebnisse angezeigt werden, wenn Benutzer ohne Seitenaktualisierung eingeben, plus Optionen für die zu suchenden Beitragstypen, eine Ergebnisverzögerung und eine minimale Zeichenanzahl. Sie können auch Kategorie-, Datum- und Typfilter-Widgets hinzufügen, damit Besucher die Ergebnisse verfeinern können.
Warum zeigt meine Suchvorlage den falschen Inhalt an?
Dies kommt fast immer davon, dass die Post Grid-Abfrage auf Letzte Beiträge statt auf Suchergebnisse gesetzt wurde, also aktualisieren Sie das zuerst Wenn die Vorlage überhaupt nicht erscheint, bestätigen Sie, dass die Bedingung auf Einschließen: Suchen eingestellt ist Aktivieren Sie für fehlende Begriffshervorhebung die Suchbegriffe in den Post Grid-Einstellungen.
Was soll passieren, wenn eine Suche keine Ergebnisse liefert?
Konfigurieren Sie eine No Results Found-Nachricht im Post Grid-Widget und entwerfen Sie einen speziellen Bereich ohne Ergebnisse. Best Practice besteht darin, eine freundliche Nachricht mit Vorschlägen, Links zu beliebten Inhalten und einem Kontaktformular oder einer Support-Schaltfläche anzuzeigen, damit Besucher immer einen hilfreichen nächsten Schritt statt einer Sackgasse haben.
