Warum verwenden Menschen Suchformulare auf Webseiten überhaupt? Weil sie nach sofortigen und relevanten Ergebnissen suchen, die sie nicht durch das Surfen auf einer Webseite oder durch die Navigation erhalten können.

Manchmal liefern diese Suchergebnisse Antworten auf ihre Fragen (z. B. Informationen über die Rückgaberichtlinien eines Unternehmens) oder eine Liste mit passenden Produkten oder Inhalten (z. B. Blog-Einträge zu den Plugins für den Seitenaufbau). Unabhängig davon, wonach sie suchen, ist eines jedoch sicher:

Besucher erwarten, dass ihr WordPress-Suchformular schnell und präzise Ergebnisse liefert.

Es macht Sinn, wenn man das Verbraucherverhalten als Ganzes betrachtet. Google hat einen fast unmöglichen Standard gesetzt, wenn es um die Online-Suche geht. Nach den Erkenntnissen von SparkToro sind über die Hälfte aller Suchanfragen bei Google Null-Klick. Im Grunde hat Google die Suche so effizient gemacht, dass die Menschen oft nicht mehr auf eine Website gehen müssen, um Antworten auf ihre Fragen zu erhalten.

Natürlich verwenden die Besucher deiner Webseite keine interne Suche, die ein Null-Klick-Ergebnis verlangt. Sie verwenden die Suche, um andere Bereiche der Webseite zu finden. Aber was die Suche in WordPress und Google gemeinsam hat, ist Folgendes: Die Verbraucher wollen schnelle, bequeme und hyperrelevante Ergebnisse von beiden Seiten.

Es gibt nur ein Problem: Die native Suchfunktion von WordPress ist nicht besonders gut.

Deshalb werden wir in diesem Leitfaden alles untersuchen, was du wissen musst, um die WordPress-Suche für deine Besucher zu optimieren:

Wie Wichtig ist die interne Suche Überhaupt?

Wenn du eine Webseite richtig gestaltest, werden die Besucher natürlich dem Weg folgen, den du ihnen vorgezeichnet hast. Eine gut organisierte Menüstruktur hilft ebenfalls.

Dabei spielt die interne Suche eine wichtige Rolle.

Stelle dir die WordPress-Suche wie einen Fast Pass für deine Webseite vor. Wenn deine Suchfunktion so funktioniert, wie sie sollte, kann sie deine Besucher in Sekundenschnelle von Schritt 1 bis Schritt 5 führen.

Dies ist besonders für WordPress Webseiten mit einer großen Menge an Inhalten nützlich. Hier sind einige Beispiele:

eCommerce

Online-Shops wie Nordic Ware können Besuchern helfen, von der Startseite aus zu starten:

Nordic Ware: Startseite mit Suchleiste in der Kopfzeile
Nordic Ware: Startseite mit Suchleiste in der Kopfzeile

Zu einer engeren Liste von Produkten einfach über die Suchleiste in der rechten oberen Ecke der Seite gehen:

Nordic Ware: Suchergebnisseite
Nordic Ware: Suchergebnisseite

Dadurch, dass das Produktsuchformular immer vorhanden ist, müssen die Besucher nie das Menü oder die Kategorien des Shops durchforsten, um etwas Bestimmtes zu finden, das sie gerade suchen.

Blogs, Podcasts und Nachrichten-Webseiten

Webseiten mit großen Content-Repositories wie Kinsta, das 39 Seiten mit Blog-Posts hat (und wächst), profitieren von einer Suchleiste:

Kinsta: Blog-Seite und Seitenumbruch
Kinsta: Blog-Seite und Seitenumbruch

Durch die Platzierung eines blog-spezifischen Suchformulars am oberen Rand des Blogs kommen die Leser schneller an die gesuchten Themen heran, als wenn sie durch 39 Seiten blättern würden:

WordPress-Suchleiste am oberen Rand des Kinsta-Blogs
WordPress-Suchleiste am oberen Rand des Kinsta-Blogs

Blogs können schwierig zu navigieren sein, wenn sie sehr viel Inhalt haben. Da du die Blogseiten kurz halten willst, um die Ladegeschwindigkeit hoch zu halten, ist es keine gute Idee, die Anzahl der angezeigten Beiträge zu erhöhen.

Stattdessen hilft eine Suchleiste den Besuchern, sich effizienter in den Beiträgen zurechtzufinden, die für ihre aktuellen Interessen relevant sind.

Seiten für Inserate

Die Suche ist eines der ersten Dinge, die Besucher auf Webseiten tun, die Angebote aggregieren (z.B. Immobilien, Reisen, professionelle Dienstleistungen, etc.), wie dieses Beispiel von Trulia:

Trulia: Homepage-Suche für Immobilien
Trulia: Homepage-Suche für Immobilien

Das Suchelement ist immer einfach genug, um zu beginnen. Geben Sie z.B. einen Standort, den Namen einer Person oder eine Stellenbezeichnung an. Die Ergebnisseiten ermöglichen es den Benutzern immer, ihre Ergebnisse so weit wie möglich zu filtern:

Trulia: Beispiel Suchergebnisseite
Trulia: Beispiel Suchergebnisseite

Wissensdatenbanken

Die Suche ist eine nützliche Komponente für Hilfszentren und Wissensdatenbanken für Produkte wie z.B. Elementor:

Elementor: Wissensdatenbank Artikel und Themen ausgezählt
Elementor: Wissensdatenbank Artikel und Themen ausgezählt

Die Suche hilft den Benutzern, schneller Antworten auf ihre Fragen zu finden, als dies bei einer manuellen Suche durch die Kategorien möglich wäre:

Elementor: Dokumentation nach "Vorlage" durchsuchen
Elementor: Dokumentation nach „Vorlage“ durchsuchen

In vielen Fällen können die Probleme, auf die die Nutzer mit SaaS-Produkten stoßen, leicht von den Nutzern selbst gelöst werden. Wenn du deinen Live-Chat und den Helpdesk-Support von einfach zu lösenden Fragen freihalten möchtest, dann mach deine Knowledgebase einfach durchsuchbar.

Unterm Strich

Wenn es eine große Menge von Inhalten auf deiner Webseite gibt, gehe nicht davon aus, dass die Navigation den Besuchern hilft, sich durch die Webseite zu arbeiten. Baue eine Fast-Pass-ähnliche Sucherfahrung auf, die sie genau dorthin bringt, wo sie sie brauchen und hinwollen.

Wie fügt man eine Suche zu einer WordPress Webseite hinzu

Du hast einige Optionen für die Implementierung und Aktivierung der grundlegenden WordPress-Suche für deine Webseite:

WordPress Suche zum Menü mit deinem Theme hinzufügen

Je nachdem, welches WordPress-Thema du installiert hast, kannst du die Suche mit wenigen Klicks in dein Menü aufnehmen. In diesem Beispiel benutze ich das Astra-Theme, das sich übrigens als sehr schnell herausstellt!

Das erste, was zu tun ist, ist, auf Darstellung > Anpassen zu gehen:

WordPress - Navigiere zum Menü
WordPress – Navigiere zum Menü

Als nächstes gehe zur Kopfzeile > Primäres Menü.

WordPress - das Menü anpassen
WordPress – das Menü anpassen

Wähle unter „Letzter Eintrag im Menü“ die Option „Suchen“ aus der Dropdown-Liste.

WordPress - eine Suchleiste zum Menü hinzufügen
WordPress – eine Suchleiste zum Menü hinzufügen

Dies fügt ein Suchsymbol und eine Suchleiste als allerletztes Element zu deinem Navigationsmenü hinzu.

WordPress - Suchleiste mit Themeinstellungen hinzugefügt
WordPress – Suchleiste mit Themeinstellungen hinzugefügt

Wenn du andere WordPress-Themes verwendest, kann es sein, dass sich diese Suchaktivierungseinstellung nicht an der gleichen Stelle des Theme-Anpassers befindet. Wenn sie verfügbar ist, findet man sie unter den „Kopfzeilen“-Einstellungen. Andernfalls musst du sie manuell mit einer der folgenden Optionen hinzufügen.

Suche mit einem WordPress Widget Hinzufügen

WordPress Widgets ermöglichen es dir, Inhalte zu dedizierten Blöcken in den Elementen, die deinen Inhalt umgeben, wie die Seitenleiste und die Fußzeile, hinzuzufügen.

Eine Art Inhaltsblock, den du mit WordPress-Widgets erstellen kannst, ist eine Suchleiste.

Beginne, indem du die Widgets unter dem Menü „Aussehen“ findest:

WordPress - suche das Widgets-Menü
WordPress – suche das Widgets-Menü

Hier findest du alle Widgets, die dir zur Verfügung stehen. Je nachdem welches verwendete Theme oder Template verwendet wird sieht man vielleicht nicht mehr als eine Sidebar oder eine Fußzeile, oder man sieht eine umfangreichere Auswahl wie diese:

Beispiel für Widgets und Abschnitte
Beispiel für Widgets und Abschnitte

Egal, was du jetzt tun musst, ist zu entscheiden, wo deine Suchleiste erscheinen soll.

Nehmen wir an, du planst, jeden Tag neue Blog-Inhalte zu veröffentlichen und weißt, dass das Archiv schnell wachsen wird. Es wäre also von Vorteil, wenn auf jeder Blog-Seite eine Suchleiste vorhanden wäre.

Führe einen Scroll zum unteren Ende deiner Widgets aus und suche dasjenige, das sich „Suche“ nennt:

Suche-Widget
Suche-Widget

Du kannst sie entweder durch Anklicken hinzufügen oder du wählst den Abschnitt aus, dem du sie so hinzufügen möchtest:

Such-Widget mit Dropdown hinzufügen
Such-Widget mit Dropdown hinzufügen

Oder du kannst das Widget per Drag & Drop auf den Abschnittsblock ziehen, in dem es erscheinen soll:

Such-Widget mit Drag & Drop hinzufügen
Such-Widget mit Drag & Drop hinzufügen

Sobald du es da hast, wo du es haben willst, gib ihm einen Namen:

Gib deinem Such-Widget einen Titel
Gib deinem Such-Widget einen Titel

Speichere deine Änderungen und besuche dann deine Seite, um sicher zu gehen, dass sie so aussieht, wie du sie haben willst:

Suchleiste zum Blog hinzugefügt
Suchleiste zum Blog hinzugefügt

Du kannst jetzt sehen, dass die Suchleiste am oberen Rand der Blog-Sidebar sitzt, bereit für deine Leser sie zu nutzen.

Hinzufügen der Suche zum Hauptinhalt deiner Seite mit WordPress Tools

Es ist zwar sinnvoll, die Suchleiste in den immer präsenten Elementen der Website zu platzieren, aber du findest vielleicht einen Grund, sie auch in den eigentlichen Inhalt deiner Seiten einzubinden.

Es gibt einige Möglichkeiten, dies zu realisieren:

Mit dem WordPress-Editor

Der Gutenberg-Editor hat es sicherlich einfacher gemacht, kreativere Seitenlayouts zu entwerfen, ohne auf HTML oder Shortcodes angewiesen zu sein.

Ein solches Element, das du jetzt dank des WordPress-Editors zu deinen Seiten hinzufügen kannst, ist ein Such-Widget:

Widget-Block in Gutenberg suchen
Widget-Block in Gutenberg suchen

Du hast mehr Kontrolle darüber, wie die Suchleiste angezeigt wird, wenn du diese Option verwendest. Zum Beispiel kannst du den Titel der Suchleiste, den Platzhaltertext sowie die Schaltfläche ändern:

Suchleiste mit Gutenberg anpassen
Suchleiste mit Gutenberg anpassen

Du kannst sogar den Stil des Suchblocks mit benutzerdefinierten CSS-Klassen ändern.

Mit einem Page Builder Plugin

Für diejenigen unter euch, die lieber mit Drag-and-Drop-Plugins wie Elementor arbeiten, können das Such-Widget auch mit dem Plugin ihrer Wahl aufrufen. Der Prozess ist ähnlich dem, was du mit Gutenberg machen würdest.

Wenn eine neue Seite oder ein neuer Beitrag geöffnet ist und der Elementor-Editor aktiviert ist, suche das WordPress-Suche-Widget aus der Liste der Elemente:

Such-Widget in Elementor
Such-Widget in Elementor

Ziehe das Element Search an die Stelle, an der es auf der Seite erscheinen soll. Dies ist zum Beispiel eine 404-Seite, die den Benutzern hilft, mit einer Suchleiste wieder auf den richtigen Weg zu kommen:

404 Seitenbeispiel mit Suchleiste
404 Seitenbeispiel mit Suchleiste

Wie du sehen kannst, gibt dir das Page Builder Plugin mehr Kontrolle darüber, wo deine WordPress-Suchleiste erscheint als Gutenberg, so dass du sie über und innerhalb anderer Inhalte überlagern kannst.

Mit einem Theme

In einigen Fällen wirst du vielleicht ein Theme und eine Vorlage finden, die den Inhalt deiner Webseite automatisch mit einer Suche ergänzen. Die Arten von Themes, die dies tun, neigen jedoch dazu, hochspezialisiert zu sein, wie das Thema Residence Real Estate:

Demo des Themas Residence Real Estate
Demo des Themas Residence Real Estate

Da die Suche auf solchen Webseiten kompliziert werden kann, macht es Sinn, dass der Themeentwickler die Funktionalität in die Vorlage einbaut.

Buchungsseitenthemes sind ein weiteres Beispiel für solche, die bereits mit einer Suchfunktionalität ausgestattet sind, genau wie diese Demo aus dem Reise-Buchungstheme:

Demo des Themes für Reisebuchungen
Demo des Themes für Reisebuchungen

Wie du dir vorstellen kannst, wird die Suche bereits in deinem WordPress-Theme und Template eingebaut sein, was dir viel Ärger erspart, als wenn du etwas so komplexes selbst erstellen musst. Und wenn das Theme für die Leistung optimiert ist, dann sollte auch die Suche optimiert sein (wieder eine Sache weniger, um die man sich Sorgen machen muss).

WordPress Suche mit Code Hinzufügen

Es gibt eine weitere Möglichkeit, ein einfaches Suchformular zu deiner Webseite hinzuzufügen, aber es erfordert, dass du programmieren kannst.

Um dies zu tun, gehe zu Darstellung > Theme-Editor:

Theme Editor
Theme Editor

Was du hier machst, ist ein Shortcode für eine Suchleiste mit Hilfe der functions.php Theme-Datei zu erstellen:

Die functions.php Theme Datei
Die functions.php Theme Datei

Füge am Ende der Datei das folgende Snippet hinzu:

add_shortcode( 'shortcodename', 'get_search_form');

Ersetze „Shortcodename“ durch deinen eigenen Namen für das Suchformular. Achte darauf, dass alles in Kleinbuchstaben und ohne Leerzeichen, Zahlen oder Symbole erfolgt. Sobald du die Datei aktualisiert hast, kannst du deinen Shortcode auf deiner Webseite verwenden.

Hier ist ein Beispiel:

Ein benutzerdefinierter Kurzcode zum Hinzufügen einer Suchleiste zu deiner Seite
Ein benutzerdefinierter Kurzcode zum Hinzufügen einer Suchleiste zu deiner Seite

Der Shortcode wird so hinzugefügt, wie jeder normale Text auf der Seite hinzugefügt wird. Denke einfach daran, ihn in Klammern [] zu setzen.

Während du die Suchleiste in deinem Editor nicht sehen kannst, schau dir die Vorschau deiner Seite an und du wirst sie im Frontend deiner Seite sehen:

Suchleiste mit Kurzcode hinzugefügt
Suchleiste mit Kurzcode hinzugefügt

Obwohl es sich hierbei um eine schnelle Bearbeitung handelt, die für den Zweck dieses Artikels gut geeignet ist, empfehlen wir, niemals den Code des Designs zu bearbeiten und stattdessen ein WordPress-Child-Theme zu erstellen.

Ein Hinweis zu den WordPress-Suchbeschränkungen

Es gibt viele Optionen, die du verwenden kannst, um grundlegende WordPress-Suchfunktionen zu deiner Webseite hinzuzufügen. Aber ist das genug?

Es sei denn, du hast eine sehr kleine Webseite oder du möchtest die Suche auf deinen Blog beschränken, dann wird es wahrscheinlich nicht ausreichen. Lasse mich das erklären.

Das native Suchformular von WordPress durchsucht die folgenden Arten von Inhalten auf deinen Webseiten und Blog-Beiträgen:

  • Titel der Seiten
  • Text des Absatzes
  • Bildtitel
  • Bildunterschriften
  • Bild alternativer Text
  • Die Dateinamen

Wie du dir vorstellen kannst, ist dies für deine Benutzer unglaublich einschränkend. Für den Anfang, wenn du Ergebnisse von anderen Arten von Seiten oder Inhalten auf deiner Webseite (wie z.B. WooCommerce Produkte) abrufen musst, wird das einfache Suchformular keine passenden Ergebnisse für sie anzeigen. Das gleiche gilt für andere Elemente deiner Webseite wie:

Die WordPress-Suche ist nicht nur in Bezug auf die angezeigten Ergebnisse restriktiv. Sie ist auch in Bezug auf die Größe restriktiv. Je größer deine Webseite wird, desto schwieriger wird es für deine Datenbank, die Ergebnisse zu verarbeiten und desto länger dauert es, sie deinen Besuchern zu liefern.

Was also, wenn du etwas leistungsfähigeres und nachhaltigeres brauchst als das, was die WordPress-Suche ermöglicht?

Schauen wir uns einige Möglichkeiten an, wie du es verbessern kannst.

Wie man die Interne WordPress-Suche Verbessern kann

Du solltest diesen nächsten Teil über die Reparatur der WordPress-Suche lesen, wenn mindestens eine der folgenden Punkte auf dich zutrifft:

  1. Du hast mehr als tausend Seiten Content oder Produkte auf deiner Webseite.
  2. Deine Daten legen nahe, dass die interne Suche beliebt ist, aber sie führt nicht zu Conversions.
  3. Dein Suchformular bekommt eine Menge Aktivität, aber dein Webhosting-Server hat Schwierigkeiten, die Anfragen zu bearbeiten (d.h. es dauert mehr als ein paar Sekunden, um die Ergebnisse zu laden).
  4. Du möchtest deine Webseite skalieren, ohne dir Sorgen machen zu müssen, dass die Suche bei dir (und deinen Besuchern) irgendwo auf dem Weg scheitert.
  5. Die einfache Suche reicht nicht aus. Du brauchst etwas Fortgeschritteneres und Beweglicheres, um die Art der Suche zu bewältigen, die deine Benutzer durchführen.

Bereit zum Eintauchen? Hier sind 6 entscheidende Dinge, die du tun kannst, um die WordPress-Suche zu verbessern:

Tipp 1: Erstellen einer Benutzerdefinierten Suchseite

Anstatt die Besucher mit einer einfachen Suchleiste zu versorgen, die ihnen hilft, sich auf deiner Webseite zu bewegen, warum nicht stattdessen eine benutzerdefinierte Suchseite erstellen?

Beispiel: Suche nach "Denim" im Menü der Webseite
Beispiel: Suche nach „Denim“ im Menü der Webseite

Es ist nicht so, dass die Besucher deiner Seite mit der Suche nicht vertraut sind, aber die Erfahrung könnte mit einer speziellen Suchseite verbessert werden.

Um deine benutzerdefinierte Seite zu erstellen, brauchst du einen Backend-Zugang zu deiner Webseite entweder über FTP oder einen Dateimanager.

Sobald du dich in der WordPress-Datenbank befindest, suchst du nach dem folgenden Dateipfad:

/wp-content/themes/[your theme name]/page.php

page.php ist eine Datei, die die Grundstruktur deiner Webseiten definiert. Mit anderen Worten, es ist eine Seitenvorlage. Was wir jetzt tun wollen, ist eine Vorlage für deine Suchseite zu erstellen.

Dupliziere page.php und benenne die neue Datei searchpage.php. Dann öffne sie zur Bearbeitung.

Beispiel für page.php Code, der in eine neue Datei kopiert wird
Beispiel für page.php Code, der in eine neue Datei kopiert wird

Der Großteil des Codes in dieser Datei muss ersetzt werden, da das, was hier steht, eine typische Seite oder einen Blog-Post definiert. Stattdessen musst du ihn zurückziehen, so dass er nur das enthält, was du auf deiner Suchseite brauchst. Hier ist ein Beispiel dafür, wie ich meine Suchseite aufgebaut habe:

<?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(); ?>

Der WordPress Codex bietet ein wenig mehr Anleitung, was man bei der Erstellung einer benutzerdefinierten Suchseite tun kann und was nicht. Wenn dir jedoch die Ergebnisse, die ich dir jetzt zeige, gefallen, musst du vielleicht nur den Inhalt ändern, der dazwischen erscheint:

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

Und:

<?php get_search_form(); ?>

Sobald du deine searchpage.php Vorlage gespeichert hast, gehe zurück zu WordPress. Wir müssen nun eine Seite namens „Suche“ erstellen.

Gib der Seite einen Titel und öffne die „Page Attributes“ in der Sidebar. Du wirst eine Vorlage für die „Suchseite“ sehen, die du gerade erstellt hast:

Suchseitenvorlage erstellt
Suchseitenvorlage erstellt

Wähle die Suchvorlage aus und veröffentliche die Seite. Du siehst sie nun unter der Live-URL, die wie folgt lauten sollte: https://yourdomainname.com/search/. Und wenn du etwas ähnliches wie den obigen Code benutzt hast, wird es zu einer Seite führen, die ungefähr so aussieht:

Beispiel für eine benutzerdefinierte Suchseite in WordPress
Beispiel für eine benutzerdefinierte Suchseite in WordPress

Wenn diese Seite erstellt und veröffentlicht ist, kannst du damit machen, was du willst. Du kannst sie zu deinem Menü hinzufügen oder sie an anderer Stelle verlinken. Stelle nur sicher, dass der Link irgendwo platziert wird, wo deine Besucher ihn sehen können.

Tipp 2: Mache deine WordPress-Suche über die reinen Seiten und Beiträge hinaus

Während der obige Tipp dir einen neuen Ort gibt, um WordPress-Suchen durchzuführen, hilft er nicht bei dem Problem, welche Art von Inhalt er durchsucht. Zum Glück gibt es eine Reihe von Plugins, die dieses Problem beheben.

Aktualisiere die grundlegende WordPress-Suche mit WP Extended Search

Wenn du nur in der Lage sein willst, mehr Inhalte und Metadaten auf deiner Webseite zu durchsuchen, ist die WP Extended Search eine gute Option.

WP Extended Search Einstellungen in WordPress
WP Extended Search Einstellungen in WordPress

Mit diesem Plugin werden deine Besucher in der Lage sein, die Ergebnisse aus folgenden Seiten abzurufen:

    • Beiträge
    • Seiten
    • Media-Dateien
    • Kategorien
    • Schlagwörter
    • Auszüge
    • Metadaten (wie Autorenname)

Dies ist ein leichtes und einfach zu konfigurierendes Plugin, das die grundlegenden Suchfunktionen für kleinere Unternehmenswebsites und Blogs verbessert.

Upgrade der WooCommerce-Suche mit der Erweiterten Woo-Suche

Wenn du eine E-Commerce-Seite hast, kannst du stattdessen das Plugin Advanced Woo Search verwenden.

Wenn es aktiviert ist, kannst du das WooCommerce-Suchformular überall auf der Seite platzieren, wo du willst. Wenn du möchtest, dass es alle bereits vorhandenen WordPress-Suchformulare ersetzt, hat das Plugin eine schnelle „Nahtlose Integrations“-Option, die sie automatisch für dich austauscht.

Du kannst das Formular auch manuell als Widget oder Shortcode hinzufügen. Es liegt bei dir.

Das Formular wird dem WordPress-Basisformular ähneln:

Beispiel für die erweiterte Woo-Suche
Beispiel für die erweiterte Woo-Suche

Es gibt zwei wesentliche Unterschiede zwischen dieser Form und der, die du vorher hattest.

Der erste ist, dass das Formular den Inhalt und die Metadaten deiner WooCommerce-Produkte durchsucht, einschließlich des Titels, der SKU, des Auszugs, der Kategorie, des Tags und der ID.

Dies ist der zweite Unterschied:

Erweiterte Woo-Suche: Live-Suchergebnisse
Erweiterte Woo-Suche: Live-Suchergebnisse

Wenn die Besucher deiner Seite beginnen, ihre Suchanfragen einzugeben, erscheinen die entsprechenden Ergebnisse. Dies ist die so genannte „Live“-Suche und dank der Verwendung von AJAX durch das Plugin geschieht dies sofort.

Wenn diese Optionen vielversprechend aussehen, du aber nach robusteren oder schnelleren Upgrades für deine WordPress-Suchformulare suchst, lies weiter.

Tipp 3: Verbessere die Darstellung der WordPress-Suchergebnisse

Lasse uns als nächstes darüber sprechen, was du tun kannst, um die Darstellung der Suchergebnisse für deine Besucher zu verbessern.

Hier ist der Grund, warum du es dir nicht leisten kannst, diesen Tipp zu überspringen:

Standardanzeige der Suchergebnisse
Standardanzeige der Suchergebnisse

Standardmäßig zeigt die WordPress-Suche ähnliche Ergebnisse wie diese Seite an. Oben auf der Seite steht „Suchergebnisse für: [Schlüsselwort]“ und wird von jeder passenden Seite oder jedem Beitrag gefolgt. Wenn ein Bild (wie die Jeans oben) vorhanden ist, wird es in voller Länge angezeigt.

Es wird dann von einem Auszug gefolgt:

Suchergebnisse zeigen großes Bild und Ausschnitt
Suchergebnisse zeigen großes Bild und Ausschnitt

Dies ist nur ein passendes Ergebnis. Stelle dir vor, wie schwierig es wäre, durch diese Suchergebnisseite zu kommen, wenn es ein paar „Denim“-Treffer gäbe, geschweige denn Dutzende oder Hunderte davon.

Um dieses Problem zu beheben, werden wir nach einem WordPress-Plugin suchen, das uns hilft.

Verbessere das Aussehen deines Formulars mit Ivory Search

Wie die oben genannten Plugins ermöglicht dir Ivory Search die Auswahl, aus welchen Arten von Inhalten und Metadaten die Suchergebnisse gezogen werden. Bei diesem Plugin muss man sich allerdings nicht zwischen Basisseiten- und Postdaten oder E-Commerce entscheiden. Du hast hier die freie Wahl:

Ivory Search Einstellungen
Ivory Search Einstellungen

Ein weiterer bemerkenswerter Tipp zu diesem Plugin ist, dass du dein Suchformular neben dem Rest deiner Webseite anpassen kannst:

Ivory Search: Design im Theme Customizer anpassen
Ivory Search: Design im Theme Customizer anpassen

Du hast die Kontrolle über alle Aspekte deines Suchformulars:

      • Farben
      • Text
      • Stil
      • Formular-Animation
      • Bild laden

Darüber hinaus kannst du auch Dinge wie die Live-AJAX-Suche konfigurieren und deinen Besuchern den Vorteil bieten, ihre Spiele in Echtzeit zu sehen:

Live-Suchergebnisse aus der benutzerdefinierten Suchleiste mit Ivory Search
Live-Suchergebnisse aus der benutzerdefinierten Suchleiste mit Ivory Search

Betrachte dieses Plugin als den nächsten Schritt in der WordPress-Suche.

Anpassen der Darstellung der Suchergebnisse mit Ajax-Suche

Nun, es ist nicht nur, wie dein Suchformular aussieht, das bei deinen Besuchern Eindruck hinterlassen wird. Es ist auch die Art und Weise, wie du die Ergebnisse anzeigst, die die Erfahrung deiner Besucher beeinflusst.

Mit den Plugins Ajax Search Lite und Pro werden deine Besucher mit einer intelligenteren und schnelleren Suche begeistert.

Hier sind einige Beispiele dafür, was du tun kannst:

Ajax Search Plugin: Suchverhalten
Ajax Search Plugin: Suchverhalten

Verhaltensweisen machen die Suche für Besucher effizienter, indem sie z. B. sofort das Suchformular öffnen, wenn sie mit der Eingabe beginnen, und sie zu den Suchergebnissen umleiten, unabhängig davon, ob sie die Eingabetaste oder das Lupensymbol treffen.

Ajax Search Plugin: Autovervollständigung und Vorschläge
Ajax Search Plugin: Autovervollständigung und Vorschläge

Autocomplete & Suggestions nutzen die Suchfunktionen von Google, um die Suche der Besucher zu beschleunigen.

Ajax-Such-Plugin: Keyword highlighting
Ajax-Such-Plugin: Keyword highlighting

Das Keyword Highlighting ist eine weitere nützliche Funktion, die die Keywords deiner Benutzer in den Matching-Ergebnissen hervorhebt. Dies macht es einfacher, relevantere Ergebnisse zu erkennen.

Hier ist ein Beispiel dafür, wie das aussehen könnte:

Hervorgehobene Schlüsselwörter in den Suchergebnissen
Hervorgehobene Schlüsselwörter in den Suchergebnissen

Mit diesem Plugin kann man auch festlegen, wie genau die Ergebnisse erscheinen sollen: wie die Ergebnisseite gestaltet werden soll und welche Elemente (wie das dargestellte Bild + Auszug + Autorenname) erscheinen sollen.

Außerdem kannst du die Suchfunktion anweisen, Bilder von einem bestimmten Ort zu ziehen. Wenn beispielsweise ein angezeigtes Bild nicht verfügbar ist, kannst du festlegen, dass das erste Bild auf der Seite stattdessen in den Suchergebnissen verwendet werden soll.

Außerdem kannst du entscheiden, wie und in welcher Größe jedes Bild beschnitten werden soll. Auf diese Weise lassen sich Ihre Suchergebnisseiten in Größe und Aussehen übersichtlicher gestalten – was besonders wichtig wird, wenn die Menge des Inhalts auf deiner Seite wächst.

Und noch etwas: Dieses Plugin hilft dir nicht nur dabei, deine Suchergebnisse besser aussehen zu lassen. Es beschleunigt auch, wie schnell sie vor deinen Besuchern erscheinen:

Ajax Search Plugin: Performance-Optimierungen für eine schnellere Suche
Ajax Search Plugin: Performance-Optimierungen für eine schnellere Suche

Es gibt drei Leistungsoptimierungen, die du in diesem Plugin vornehmen kannst:

      • Wende einen benutzerdefinierten AJAX-Handler an.
      • Deaktiviere den Bildausschnitt.
      • Lade JavaScript in der Fußzeile.

Wenn diese drei Einstellungen konfiguriert sind, kannst du dazu beitragen, dass dein Webserver nicht so von kontinuierlichen Suchanfragen überlastet wird.

Dies ist jedoch nur die Spitze des Eisbergs, wenn es darum geht, die WordPress-Suche auf Geschwindigkeit zu optimieren. Lese weiter, um mehr über Elasticsearch zu erfahren.

Tipp 4: Beschleunige die WordPress-Suche

Während das Aussehen und die Suchmöglichkeiten des WordPress-Suchformulars wichtig sind, ist es auch wichtig, wie schnell das alles geschieht.

Get Super Speedy and Complex Search Capabilities with Elasticsearch

Ab einem bestimmten Punkt werden die WordPress-Suchplugins und Ihre MySQL-Datenbank einfach nicht mehr ausreichen. Wenn die Suchanfragen deiner Webseite durch die Decke gehen, ist der einzige Weg, um ein optimales Sucherlebnis zu gewährleisten, die Verwendung von Elasticsearch.

Elasticsearch ist eine Open-Source-Such- und Analysemaschine, die für ihre Geschwindigkeit, Stabilität und Skalierbarkeit bekannt ist – sie ist nur ein Teil des Elastic-Stacks. In Kombination mit Logstash (für die Datenverarbeitung) und Kibana (für die Datenvisualisierung und -verwaltung), versorgt Elasticsearch die Suchmaschine deiner Webseite auf eine Weise, die du noch nie zuvor gesehen hast:

      • Abfrage weiterer Inhaltstypen (wie PDFs) und Metadaten
      • Fuzzy-Matching zur Reduzierung von „Keine Ergebnisse“
      • Vorschläge für verwandte Inhalte
      • Geospezifische Inhaltsempfehlungen
      • Facettierte (Mehrfilter-) Suche
      • Schnellere Bearbeitung von Anfragen
      • Echtzeit-Zugriff auf die Daten der Suchanfrage

Obwohl Elasticsearch quelloffen und kostenlos ist, benötigt man dafür ein gemanagtes Elasticsearch-Hosting (das nicht kostenlos ist). Es gibt eine Reihe von Möglichkeiten, wie du dieses erhalten kannst:

1. ElasticPress
Das ElasticPress-Plugin ermöglicht es dir, die ElasticPress-Suchfunktionen nahtlos in deine WordPress-Seite zu integrieren.Dieses Plugin ist eine beliebte Lösung zur Integration mit WordPress Hosts, die Unterstützung für Elasticsearch bieten.

Das ElasticPress-Plugin ermöglicht es dir, die Elasticpress-Suchfunktionen nahtlos in deine WordPress-Seite zu integrieren:
Das ElasticPress-Plugin ermöglicht es dir, die Elasticpress-Suchfunktionen nahtlos in deine WordPress-Seite zu integrieren.


2. Elastic

Wenn du willst, kannst du direkt zur Quelle gehen: Elastic. Sie bieten auch einige Optionen für den Einsatz des Systems an.

Du kannst den vollen Stack bekommen und die Vorteile der fortschrittlichen Datenverarbeitungs- und Management-Tools nutzen. Dies ist Teil des Einrichtungs- und Onboarding-Prozesses:

Elastic: Full Stack Deployment Konfiguration
Elastic: Full Stack Deployment Konfiguration

Darüber hinaus hast du die Kontrolle darüber, wie dein Elasticsearch-Server optimiert werden soll:

Auswahl der Einsatzoptimierung in Elastic
Auswahl der Einsatzoptimierung in Elastic

Die Empfehlungen basieren auf der Art der Anfragen, die deine Website bearbeiten wird, was es einfach macht zu entscheiden, wie du deine Suchmaschine am besten beschleunigen und verbessern kannst.

Wenn du die Einrichtung vereinfachen möchtest, benutze stattdessen das Site Search Tool von Elastic:

Elastic Site Search Dashboard
Elastic Site Search Dashboard

Du wirst dann zu diesem Dashboard geführt, wo du, sobald deine Seite indexiert ist, die Möglichkeit dazu hast:

      • Die Suchfunktion mit einem JavaScript-Snippet zu installieren.
      • Passe an, wie deine Suche mit Ranking, Gewichtung und Synonymen funktioniert.
      • Verwalte die Inhalte, die in den Suchergebnissen erscheinen dürfen.
      • Richte eine Conversion-Verfolgung ein.
      • Konfiguriere Suchempfehlungen.
      • Überprüfe deine Suchanfragedaten.

Er ist nicht so robust wie der Elastic Stack, aber er ist eine gute Option, wenn du einfach nach einer leistungsstarken Suche suchst, die einfach zu implementieren und zu verwalten ist.

3. Amazon Elasticsearch
Es sollte keine Überraschung sein, dass Amazon einen eigenen Elasticsearch-Dienst hat. Wenn du bereits AWS Hosting- und Deployment-Services nutzt, wäre dies eine gute Option für dich.

Ähnlich wie bei den oben genannten Optionen handelt es sich um einen Managed Service, der es dir ermöglicht, eine schnelle Suchmaschine mit komplexen Abfragemöglichkeiten für deine Seite zu erstellen.

Tipp 5: Zwischenspeichern der Suchergebnisseite

Eine weitere Möglichkeit, die WordPress-Suche auf Geschwindigkeit zu optimieren, ist das Zwischenspeichern der Suchergebnisse. Wenn du das Caching aktivierst, muss dein Server nicht immer wieder die gleichen Anfragen bearbeiten. Stattdessen wird eine statische Suchergebnisseite abgerufen und angezeigt, die den Besuchern nahezu sofort Ergebnisse liefert.

Eine Möglichkeit, das Caching zu aktivieren, ist mit einem WordPress-Caching-Plugin.

Eines der am besten bewerteten Plugins, W3 Total Cache, macht auf das Caching von Suchergebnisseiten aufmerksam. Beginne also damit, wenn du nach einer Caching-Lösung suchst, die die Arten von Leistungsoptimierungen, die du brauchst, priorisiert.

Oder versuche es mit WP Rocket. Obwohl die Suchergebnisseiten nicht standardmäßig zwischengespeichert werden, wurde das Cache-Suchergebnis-Hilfsplugin genau für diesen Zweck erstellt.

Eine andere Möglichkeit, dies zu aktivieren, ist die Verwendung des bereits erwähnten Ajax Search Pro-Plugins. Ich habe dir bereits ein paar Möglichkeiten gezeigt, wie die Lite-Version des Plugins die Suchleistung optimiert. Die Pro-Version fügt noch weitere Optimierungen hinzu, einschließlich Bildvorspeicherung und Suchphrasen-Caching.

Tipp 6: Aktiviere Such-Tracking in Google Analytics

Nicht zuletzt solltest du daran denken, die Nachverfolgung der Suche in Google Analytics zu aktivieren. Du findest sie unter Admin > Alle Website-Daten > Einstellungen anzeigen.

Aktivierung der Suchverfolgung in Google Analytics
Aktivierung der Suchverfolgung in Google Analytics

Um die Vor-Ort-Suchverfolgung einzuschalten, schalte den Schalter auf „ON“. Dadurch wird ein neues Feld namens „Query parameter“ eingeblendet. Dies ist das Element in deiner URL (und Datenbank), das eine Suchanfrage und ein Ergebnis definiert.

Der Suchparameter für Google Analytics
Der Suchparameter für Google Analytics

Der Buchstabe „s“ ist in diesem Fall das, was die Suchanfrage auf der Webseite definiert. Wenn du dir nicht sicher bist, was dein eigener Suchparameter ist, führe eine Testsuche durch und suche den Buchstaben oder das Wort nach dem Fragezeichen.

Wenn deine Suche es den Besuchern erlaubt, Kategorien und Filter auszuwählen, kannst du auch Kategorien für die Suche auf der Webseite aktivieren. Möglicherweise musst du hier mehrere Parameter angeben.

Wenn du mit der Einrichtung der Suche in Google Analytics fertig bist, kannst du alle deine Daten unter Verhalten > Site-Suche finden.

Daten zur Seitensuche in Google Analytics
Daten zur Seitensuche in Google Analytics

Genau wie der Rest von Google Analytics, bieten dir diese Daten eine Fülle von Möglichkeiten, um herauszufinden:

Achte genau darauf, was deine Besucher suchen und du kannst anschließend den Rest deiner Seite danach richten um die Erfahrung für deine Nutzer zu verbessern.

Zusammenfassung

Die WordPress-Suche mag als einfach genug erscheinen – und das ist sie auch, wenn du nur eine einfache Suchfunktion benötigst, um Besuchern die Navigation auf etwa einem Dutzend Seiten zu erleichtern.

Du kannst eine einfache WordPress-Suchfunktion zu einer Reihe von Bereichen auf deiner Webseite hinzufügen, wie z.B. der Kopfzeile, dem Menü, der Seitenleiste, der Fußzeile und sogar in Verbindung mit deinem Inhalt. Es gibt eine Reihe von Möglichkeiten, wie du diese Suchelemente ebenfalls hinzufügen kannst:

      • Die Einstellungen deines Themes
      • Ein WordPress-Widget
      • Ein Page-Builder-Plugin
      • Ein vorgefertigter Theme-Vorlage Code

Vergesse nicht: Je größer deine Webseite ist und je komplexer deine Navigation wird, desto mehr brauchst du eine Lösung, die deine WordPress-Suchfunktionen erweitert, um deinen Besuchern ein besseres UX zu bieten. Und eine bessere UX führt in den meisten Fällen zu höheren Konversionen für dich.

Suzanne Scacca

Suzanne Scacca is a WordPress, web design, and SEO specialist. When she’s not testing WordPress tools or scouring the web for awesome design examples, she’s on Twitter sharing tips on how to make the web a better place.