So fügen Sie Ihrer WordPress-Site eine Autocomplete-Suche hinzu

Eine Suchleiste mit automatischer Vervollständigung ist heutzutage überall zu finden. Wenn Sie eine Suchmaschine verwenden, ist es sehr wahrscheinlich, dass sie erkennt, wonach Sie suchen, bevor Sie mit der Eingabe fertig sind, und Ihnen Vorschläge zeigt, um Zeit zu sparen.

Obwohl WordPress standardmäßig eine Suchfunktion enthält, unterstützt es nicht nativ die „Autocomplete-Suche“ oder „Live-Suche“, die die beiden gebräuchlichsten Namen für diese Funktion sind. Mit Hilfe des richtigen Plugins lässt sich ein Suchfeld jedoch problemlos implementieren.

In diesem Artikel stellen wir Ihnen drei WordPress-Plugins für die automatische Vervollständigung der Suche vor, die Sie verwenden können, und erfahren, wie Sie mit jedem von ihnen beginnen können. Dann werden wir darüber sprechen, wie man die Autocomplete-Suche in WordPress manuell implementiert. Lass uns zur Arbeit gehen!

Warum ist die automatische Vervollständigung der Suche wichtig?

Heutzutage erwarten Benutzer, dass sie schnell die Antworten finden, die sie benötigen. Da Suchmaschinen immer genauer werden, gewöhnen sich die Menschen daran, mit minimalem Aufwand die Seiten und Inhalte zu finden, die ihrer Suchanfrage entsprechen.

Aus diesem Grund kann es ein unangenehmes Erlebnis sein, von einer leistungsstarken Suchmaschine zur internen Suchfunktion einer Website zu wechseln. Obwohl die Suchfunktion von WordPress von Haus aus gut genug funktioniert, fehlen einige der erweiterten Optionen, an die sich die meisten Besucher gewöhnt haben, wie z. B. die automatische Vervollständigung.

Hier sind automatisch vervollständigte Suchvorschläge hilfreich. Durch die Implementierung von WordPress-Suchvorschlägen erhöhen Sie die Wahrscheinlichkeit, dass Benutzer mehr Zeit auf Ihrer Website verbringen. Sie erleichtern es ihnen, die gewünschten Inhalte zu finden, was zu einem besseren Gesamterlebnis führt. Außerdem ist es nicht schwer, die WP-Autocomplete-Suche zu implementieren, wenn Sie das richtige Plugin verwenden.

So fügen Sie Ihrer WordPress-Site mit einem Plugin eine Suche hinzu

Es gibt viele WordPress-Such-Plugins, aus denen Sie wählen können, aber nicht alle enthalten die Autovervollständigungsfunktion, nach der wir suchen. In diesem Abschnitt konzentrieren wir uns auf drei der besten Optionen, die Sie verwenden können, und zeigen Ihnen, wie Sie die Vorhersagesuche mit jeder von ihnen aktivieren können.

Aktivieren Sie die automatische Vervollständigung in WPSolr

WPSolr ist ein Premium-Plugin für Suchvorschläge, das sowohl mit regulären WordPress- als auch mit WooCommerce-Websites funktioniert. Es wird von den Plattformen Elasticsearch und Solr unterstützt und ermöglicht es Ihnen, Suchergebnisse von einer Website zur anderen anzupassen.

Wenn Sie Plugins mögen, die so viele Anpassungsoptionen wie möglich enthalten, werden Sie WPSolr wahrscheinlich zu schätzen wissen. Der einzige Nachteil dieses Plugins ist, dass es teuer ist. Auf der positiven Seite macht es die Aktivierung der Live-Suche einfach.

Sobald Sie das Plugin installiert haben, erhalten Sie Zugriff auf seine Einstellungsseite im Dashboard. Wenn Sie zur Registerkarte Definieren Sie Ihre Suche mit Elastic.co – GCloud navigieren, finden Sie eine Option namens Vorschläge im Suchfeld anzeigen .

Wenn Sie diese Funktion aktivieren, sehen Benutzer vollständige Seitentitel und einen Teil des Inhalts dieser Seiten direkt in der Suchleiste, bevor sie überhaupt eine Suchanfrage stellen. Auf diese Weise können sie sofort das gewünschte Ergebnis auswählen, ohne eine vollständige Liste von Optionen durchsuchen zu müssen.

Preis: Eine WPSoler-Lizenz kostet 199 € pro Jahr (ca. 215 $ pro Jahr).

Aktivieren Sie die automatische Vervollständigung in SearchWP

Bei SearchWP geht es darum, Benutzern dabei zu helfen, Inhalte zu finden, die die Standardsuchfunktion von WordPress nicht erkennt. Das Plugin unterstützt standardmäßig benutzerdefinierte Felddaten, die Ausgabe von Shortcodes, Taxonomien und sogar WooCommerce-Produktdetails.

SearchWP enthält jedoch standardmäßig keine Autocomplete-Suchfunktion. Um diese Funktion zu aktivieren, müssen Sie eine kostenlose Erweiterung namens SearchWP Live Ajax Search verwenden.

Alles, was Sie tun müssen, um die Autocomplete-Suche zu aktivieren, ist die Erweiterung zu aktivieren. Den Rest erledigt es automatisch für Sie.

Es ist auch erwähnenswert, dass SearchWP Live Ajax Search ohne das grundlegende SearchWP-Plugin funktioniert. Der einzige Unterschied besteht darin, dass Sie in Kombination mit SearchWP Zugriff auf detailliertere Ergebnisse erhalten.

Preis: Eine Standard-SearchWP-Lizenz für eine Site kostet 99 $ , aber die Live Ajax Search-Erweiterung ist kostenlos.

Aktivieren Sie die automatische Vervollständigung in Ajax Search Lite

Ajax Search Lite bietet standardmäßig Funktionen, die Sie normalerweise nur in Premium-WordPress-Such-Plugins finden. Mit diesem Tool können Ihre Benutzer auf WordPress-Suchergebnisse zur automatischen Vervollständigung zugreifen, die benutzerdefinierte Beitragstypen, Felder und andere Arten von Metadaten enthalten (zusammen mit den Standardseiten- und Beitragsergebnissen).

Sobald das Plugin aktiv ist, können Sie zu Ajax Search Lite > General Options > Autocomplete & Suggestions navigieren. Die automatische Vervollständigung der Suche sollte standardmäßig aktiviert sein, unter Automatische Vervollständigung der Google-Suche aktivieren? .

Wenn Sie die vollständige Kontrolle darüber haben möchten, welche Art von Inhalten in den Ergebnissen der automatischen Vervollständigung angezeigt werden, gehen Sie zur Registerkarte Quellen und Grundlagen . Dort können Sie auswählen, welche Inhalte in Ihren Suchergebnissen angezeigt werden.

Die gesamte Suchfunktion zur automatischen Vervollständigung, die Sie benötigen, ist in der kostenlosen Version von Ajax Search Lite verfügbar. Es gibt jedoch auch eine Premium-Version des Plugins, die zusätzliche Funktionen enthält, wie z. B. benutzerdefinierte Themen für Ihre Suchleiste und Ergebnisse.

Preis: Ajax Search Lite ist kostenlos, während die Premium-Version des Plugins bei 36 $ beginnt.

WordPress Autocomplete-Suche ohne Plugin

Wie Sie vielleicht bemerkt haben, verlassen sich zwei der Plugins, die wir im letzten Abschnitt behandelt haben, auf Ajax (oder asynchrones JavaScript), um die Live-Suchfunktion zu betreiben. Die Verwendung von Ajax zusammen mit jQuery ist der einfachste Ansatz, um diese Funktion in WordPress zu implementieren.

Das heißt, wenn Sie mit der Verwendung von JavaScript nicht vertraut sind, sind Sie möglicherweise besser dran, bei Plugins zu bleiben. Es ist jedoch möglich, diese Funktionalität manuell hinzuzufügen.

So fügen Sie die Autocomplete-Suche selbst hinzu

Das manuelle Hinzufügen der Autocomplete-Suchfunktion zu Ihrer Website erfordert erwartungsgemäß die Arbeit mit etwas Code. Es gibt jedoch verschiedene Möglichkeiten, wie Sie das Projekt angehen können, mit unterschiedlichen Schwierigkeitsgraden.

Hier sind die beiden Ansätze, die wir empfehlen:

• Implementieren Sie die Live-Suche mit Ajax nur für Beitragstitel . Da Sie nur Beitragstitel abrufen, ist dies die einfachste Implementierungsmethode.
• Automatische Vervollständigungssuche für benutzerdefinierte Tabellen hinzufügen . Mit dieser Methode können Sie Ergebnisse aus einer von Ihnen erstellten benutzerdefinierten Tabelle bereitstellen, wodurch Sie die vollständige Kontrolle über die angezeigten Daten erhalten.

In jedem dieser Szenarien möchten Sie wahrscheinlich den von Ihnen verwendeten Code im Plugin-Format implementieren. Das liegt daran, dass Sie mit einem Plugin den Code jederzeit deaktivieren oder aktivieren können, was perfekt ist, wenn Sie diese Funktionalität in Zukunft anpassen möchten.

Verbessern Sie Ihre digitalen Erfahrungen mit WP Engine

Die Implementierung der Autocomplete-Suche in WordPress ist einfacher als erwartet. Mit dem richtigen Plugin können Sie es Besuchern viel einfacher machen, das zu finden, wonach sie suchen, und ihre Erfahrung verbessern.

Dies bedeutet natürlich nicht viel, wenn Sie nicht auch den richtigen Webhost verwenden. Verwaltetes WordPress-Hosting gewährt Ihnen uneingeschränkten Zugriff auf Tools und 24/7-Support von technischen Experten, um eine optimale Website-Performance aufrechtzuerhalten. Mit WP Engine erhalten Sie alle Ressourcen, die Sie benötigen, um Ihre Website zu erweitern und Ihren Besuchern ein digitales Erlebnis von höchster Qualität zu bieten!