So fügen Sie Live-Ajax-Suche zu Ihrer WordPress-Website hinzu (Der einfache Weg)

Die meisten WordPress-Website-Besitzer wissen es nicht, aber eine schlechte Sucherfahrung kann Besucher leise vertreiben. Wenn Ihre Suchergebnisseite eine hohe Absprungrate aufweist, besteht die Möglichkeit, dass Benutzer frustriert sind über langsame, unhilfreiche Ergebnisse.

Genau hier kommt die Live-Ajax-Suche ins Spiel.

Live-Ajax-Suche löst dieses Problem, indem sie Ergebnisse sofort anzeigt, während Benutzer tippen, ohne die Seite neu zu laden. Sie funktioniert ähnlich wie die Autovervollständigung von Google und erleichtert Besuchern das schnellere Finden von Seiten, Beiträgen oder Produkten.

In diesem Leitfaden zeigen wir Ihnen, wie Sie ganz einfach Live-Ajax-Suche zu WordPress hinzufügen. Nach dem Testen mehrerer Tools empfehlen wir die Verwendung von SearchWP für die besten Ergebnisse. 🙌

Warum Live-Ajax-Suche zu WordPress hinzufügen?

Live-Ajax-Suche, auch Sofortsuche genannt, verbessert die eingebaute WordPress-Suche durch Hinzufügen eines Dropdowns und einer Autovervollständigungsfunktion, die bei Suchmaschinen wie Google üblich ist.

Hier ist ein Beispiel für eine Live-Ajax-Suche in Aktion:

Live-Suche rät, wonach Benutzer suchen, während sie tippen, was ihnen hilft, relevante Inhalte schneller zu finden. Dies wird oft die Benutzererfahrung verbessern, Seitenaufrufe erhöhen und die Absprungrate reduzieren.

Mit der Ajax-Live-Suche können Sie relevante Ergebnisse anzeigen, ohne die Seite neu laden zu müssen. Dies macht sie zu einer großartigen Wahl für E-Commerce-Shops, da Käufer sofort Produkte sehen können, die ihrer Suchanfrage entsprechen.

Auf diese Weise kann die Sofortsuche Ihnen helfen, eine intelligentere Produktsuche zu erstellen.

Das gesagt, wir zeigen Ihnen, wie Sie eine Live-Ajax-gestützte Suchfunktion zu WordPress hinzufügen. Hier sind alle Themen, die wir in den nächsten Abschnitten behandeln werden:

• Schritt 1: Ajax-Suche mit einem WordPress-Plugin aktivieren
• Schritt 2: Fügen Sie das Ajax Live Search Formular zu Ihrer WordPress-Website hinzu
• Bonus-Tipp: Passen Sie Ihre Instant WordPress Suchmaschine an
• FAQs zum Hinzufügen von Live-AJAX-Suche in WordPress

Lass uns anfangen!

Schritt 1: Ajax-Suche mit einem WordPress-Plugin aktivieren

Der einfachste Weg, Ajax-Live-Suche zu WordPress hinzuzufügen, ist die Verwendung von SearchWP Live Ajax Lite Search. Dieses kostenlose Plugin fügt automatisch eine sofortige Echtzeit-Suche zu Ihrer Website hinzu und funktioniert perfekt mit jedem WordPress-Theme.

Außerdem haben wir es ausgiebig getestet, und Sie können mehr darüber in unserem vollständigen SearchWP-Testbericht erfahren.

Das Erste, was Sie tun müssen, ist das Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung unter wie man ein WordPress-Plugin installiert.

Nach der Aktivierung können Sie zu SearchWP » Einstellungen gehen. Klicken Sie dann auf den Schalter „Live-Suche aktivieren“.

Wenn Sie damit fertig sind, klicken Sie auf „Speichern“, um Ihre Änderungen zu speichern.

Nun ist Ihr Standard-WordPress-Suchblock mit Live-Ajax-Suche aktiviert.

Schritt 2: Fügen Sie das Ajax Live Search Formular zu Ihrer WordPress-Website hinzu

Nach der Aktivierung des Plugins wird jede Suchleiste auf Ihrer Website automatisch die Live-Ajax-Suche verwenden, einschließlich jeder benutzerdefinierten Suchleiste in WordPress, die Sie erstellt haben.

Die meisten WordPress-Themes verfügen über eine integrierte Suchleiste. Nach der Aktivierung der Live-Ajax-Suche möchten Sie möglicherweise eine Suchleiste zu anderen Bereichen Ihrer WordPress-Website hinzufügen.

Live-Ajax-Suche zu WordPress-Seiten hinzufügen

Möglicherweise möchten Sie eine Live-Ajax-Suchbox zu bestimmten Seiten Ihrer Website hinzufügen. Zum Beispiel könnten Sie eine Leiste zu Ihrer benutzerdefinierten Archivseite hinzufügen, damit Besucher die Archive leicht durchsuchen können.

Dazu müssen Sie den Beitrag oder die Seite öffnen, zu der Sie die Suchleiste hinzufügen möchten. In diesem Beispiel zeigen wir Ihnen, wie Sie die Live-Suche zu einer WordPress-Seite hinzufügen, aber die Schritte sind für Beiträge ähnlich.

Gehen Sie zuerst zu Seiten » Alle Seiten und wählen Sie dann die Seite aus, die Sie bearbeiten möchten.

Klicken Sie im WordPress Gutenberg-Editor auf das „+“-Symbol.

Dies öffnet das Blockmenü.

Geben Sie hier „Search“ in das Feld ein und klicken Sie dann auf das „Search“-Symbol, um es zu Ihrer Seite hinzuzufügen.

WordPress platziert die Suchleiste automatisch für Sie.

Standardmäßig hat das Feld eine Überschrift „Suchen“. Sie können dies ändern, indem Sie in das Beschriftungsfeld tippen, oder Sie können den Überschriftentext vollständig löschen.

Sie können auch einen optionalen Platzhalter eingeben, der Text, den WordPress anzeigt, bevor Besucher mit der Eingabe ihrer Suchanfrage beginnen. Wenn Sie beispielsweise einen Online-Shop betreiben, möchten Sie vielleicht etwas wie „Produkte suchen“ oder „Tolle Angebote finden“ verwenden.

Wenn Sie mit der Einrichtung der Suchleiste zufrieden sind, klicken Sie auf die Schaltfläche 'Aktualisieren'.

Jetzt können Ihre Besucher die Live-Suchleiste nutzen, um schnell zu finden, wonach sie suchen.

Sie können den gleichen Prozess verwenden, um eine Suchleiste zu jedem Beitrag oder jeder Seite hinzuzufügen.

Live-Ajax-Suche zur WordPress-Seitenleiste hinzufügen

Viele Website-Besitzer fügen ihrer Website-Seitenleiste eine Suchleiste hinzu.

Dies ermöglicht es Besuchern, eine Suche durchzuführen, egal wo sie sich auf Ihrer Website befinden.

Um das Such-Widget zu WordPress hinzuzufügen, gehen Sie einfach zu Darstellung » Widgets.

Diese Seite zeigt alle verschiedenen Widget-bereiten Bereiche Ihres WordPress-Themes. Die angezeigten Optionen können variieren, aber die meisten Themes haben entweder eine Seitenleiste, eine rechte Seitenleiste, eine linke Seitenleiste oder einen ähnlichen Bereich.

Klicken Sie einfach, um den Bereich zu erweitern, in dem Sie die Live-Ajax-Suchleiste hinzufügen möchten. Klicken Sie dann auf das „+“-Symbol.

Suchen und wählen Sie im erscheinenden Popup den Block 'Suche' aus, wenn er erscheint.

Dies fügt automatisch das Live-Ajax-Such-Widget zur Seitenleiste oder einem ähnlichen Bereich hinzu.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Aktualisieren“, um Ihre Änderungen zu speichern und die Ajax-Suchleiste auf Ihrem WordPress-Blog oder Ihrer Website live zu schalten.

Wenn Sie Ihre Website nun besuchen, sehen Sie eine Live-Ajax-Suchleiste in der Seitenleiste oder einem ähnlichen Bereich.

Sie können den gleichen Prozess verwenden, um die Suchleiste zu jedem anderen Widget-fähigen Bereich hinzuzufügen.

Live-Suche zur WordPress-Seitenleiste mit dem Full Site Editor hinzufügen

Wenn Sie ein blockbasiertes Theme wie ThemeIsle Hestia Pro verwenden, können Sie mit dem Vollseiteneditor eine Live-Ajax-Suche in jeden Bereich Ihres Themes einfügen.

Sie können sogar eine Suchleiste zu Bereichen hinzufügen, die Sie nicht mit dem Standard-WordPress-Inhaltseditor bearbeiten können. Sie können beispielsweise ein Suchfeld zu Ihrer 404-Seiten-Vorlage hinzufügen.

Um zu beginnen, gehen Sie im WordPress-Dashboard zu Darstellung » Editor.

Standardmäßig zeigt der Vollseiteneditor die Startvorlage Ihres Themes an, aber Sie können jedem Template einen Suchblock hinzufügen.

Um alle verfügbaren Optionen anzuzeigen, wählen Sie im linken Menü 'Vorlagen'.

Sie können jetzt auf die Vorlage klicken, wo Sie die Live-Ajax-Suche hinzufügen möchten.

WordPress zeigt nun eine Vorschau des Designs und alle Seiteneinstellungen an, die Sie bearbeiten können. Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Stiftsymbol und öffnen Sie den Block-Editor.

Wenn Sie damit fertig sind, klicken Sie auf das blaue Symbol '+'.

Geben Sie im erscheinenden Bereich „Suche“ ein.

Wenn der Block „Suche“ angezeigt wird, ziehen Sie ihn in den Bereich, in dem Sie das Feld anzeigen möchten.

Um den Blocktitel oder den Platzhaltertext anzupassen, geben Sie einfach die neue Nachricht in den Suchblock ein.

Wenn Sie mit dem Aussehen des Blocks zufrieden sind, klicken Sie auf 'Speichern', um die Ajax-Suchleiste live zu schalten.

Bonus-Tipp: Passen Sie Ihre Instant WordPress Suchmaschine an

SearchWP Live Ajax Search integriert sich perfekt in die integrierte WordPress-Suche. Diese Standard-Suche ist jedoch recht begrenzt und liefert keine genauen Suchergebnisse.

Hier kommt SearchWP ins Spiel. Es ist das beste WordPress-Such-Plugin auf dem Markt, das von über 30.000 Websites genutzt wird.

Dieses Plugin ermöglicht es Besuchern, Inhalte zu durchsuchen, die WordPress standardmäßig ignoriert, darunter:

• benutzerdefinierte Felder
• Textdateien
• PDF-Dokumente
• WooCommerce-Produkte
• benutzerdefinierte Beitragstypen und mehr.

Durch die Installation von SearchWP können Sie die neue Sofortfunktion Ihrer Website vollständig anpassen, ohne Code schreiben zu müssen.

SearchWP bietet auch erweiterte Analysen und Statistiken, mit denen Sie sehen können, wonach Ihre Besucher suchen.

Sie können diese Erkenntnisse nutzen, um die Einrichtung der Suche auf Ihrer Website fein abzustimmen und die beliebtesten Inhalte auf Ihrer Website zu identifizieren. Dies kann Ihnen helfen, neue Blogbeitragsideen zu generieren, basierend auf dem, wonach Besucher bereits suchen.

Weitere Informationen finden Sie in diesen Anleitungen:

• So verbessern Sie die WordPress-Suche mit SearchWP (schnell und einfach)
• So passen Sie die Suchergebnisseite in WordPress an

FAQs zum Hinzufügen von Live-AJAX-Suche in WordPress

Haben Sie noch Fragen? Diese FAQs behandeln wichtige Punkte zur Live-Ajax-Suche auf Ihrer WordPress-Website.

Was ist Ajax-gestützte Suche und wie profitiert meine WordPress-Website davon?

Ajax-gestützte Suche liefert Echtzeit-Ergebnisse, während Benutzer ihre Abfragen in die Suchleiste eingeben. Dies verbessert die Benutzererfahrung, indem es einen schnelleren Zugriff auf relevante Inhalte ohne Seitenneuladungen ermöglicht.

Kann die Live-Ajax-Suche mit E-Commerce-Plugins wie WooCommerce verwendet werden?

Ja, die Live-Ajax-Suche kann mit E-Commerce-Plugins wie WooCommerce integriert werden, um sofortige Produktsuchfunktionen anzubieten. Dies kann Käufern helfen, Produkte schnell und einfach zu finden.

Wie kann ich verfolgen, wonach Benutzer suchen?

Die meisten WordPress-Such-Plugins bieten integrierte Analysen, mit denen Sie sehen können, wonach Besucher suchen, auf welche Ergebnisse sie klicken und welche Abfragen keine Ergebnisse liefern. Diese Daten können Ihnen helfen, Lücken im Inhalt aufzudecken, die Struktur Ihrer Website zu verbessern und die allgemeine Benutzererfahrung zu optimieren.

Weitere Informationen finden Sie in unserem Leitfaden zur Anzeige von Suchanalysen in WordPress.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Live-Ajax-Suche zu Ihrer WordPress-Website hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zum Ausschließen von Seiten aus WordPress-Suchergebnissen und unseren Artikel zur Verwendung mehrerer Suchformulare in WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.