Suchen Sie nach einer Möglichkeit, Ihrer WordPress-Website eine Live-Ajax-Suche ohne Plugin hinzuzufügen?
So können Sie Ihren Besuchern sofort Suchergebnisse liefern und deren Benutzererfahrung verbessern.
In diesem Leitfaden erfahren Sie, wie Sie Ihrer Website ohne Plugin eine Live-Suche hinzufügen können und welche Nachteile diese Methode hat.
Hier ist ein Inhaltsverzeichnis, das Ihnen die Navigation erleichtert:
Warum Sie Ihrer Website eine Live-Suche hinzufügen sollten
Das Hinzufügen einer Live-Suche zu Ihrer Website ist aus mehreren Gründen hilfreich.
Erstens ist es für Ihre Besucher viel bequemer, sofortige Suchergebnisse zu erhalten, anstatt sie auf einer neuen separaten Seite anzuzeigen, auf der WordPress sie standardmäßig anzeigt.
Es ermöglicht ihnen, Zeit zu sparen und schneller herauszufinden, ob die gesuchten Inhalte auf Ihrer Website vorhanden sind oder nicht.
Zweitens hilft es Ihnen, Ihre Seitenaufrufe zu erhöhen, da Besucher, die eine positive Sucherfahrung auf Ihrer Website hatten, diese wahrscheinlich wieder nutzen werden.
Es ist auch eine großartige Möglichkeit, mehr Traffic von Suchmaschinen anzuziehen, da Google der durchschnittlichen Sitzungsdauer auf einer Website viel Aufmerksamkeit schenkt.
Aber das Hinzufügen einer Live-Suche ohne Plugin kann eine herausfordernde Aufgabe sein. Werfen wir einen genaueren Blick darauf, warum dies nicht die beste Option ist.
Nachteile der Live-Ajax-Suche ohne Plugin
Das Hauptproblem beim Hinzufügen einer Live-Suche zu Ihrer Website ohne Plugin ist, dass Sie den Code Ihres Themes bearbeiten müssen.
Dieser Ansatz hat einige ernsthafte Nachteile, die Sie kennen sollten:
- Es erfordert Programmierkenntnisse. Sie müssen Programmiererfahrung und ein tiefes Verständnis dafür haben, wie WordPress funktioniert, um den Code Ihres Themes erfolgreich zu bearbeiten.
- Es dauert länger. Im Gegensatz zur Verwendung eines Plugins dauert die Bearbeitung des Theme-Codes ziemlich lange, um herauszufinden, welche Änderungen Sie vornehmen und wo Sie sie platzieren müssen.
- Es ist nicht zuverlässig. Sie können alle Ihre Code-Anpassungen leicht verlieren, wenn Sie Ihr Theme oder Ihre WordPress-Version aktualisieren.
- Es ist nicht praktisch. Ein Plugin bietet Ihnen viel mehr Flexibilität, da Sie die benötigten Funktionen schnell nach Ihren Bedürfnissen aktivieren und deaktivieren können.
Wenn Sie also kein erfahrener WordPress-Benutzer oder Webentwickler sind, ist es besser, einen anderen Weg zu finden, um eine Live-Suche zu Ihrer Website hinzuzufügen.
Nachdem wir das geklärt haben, sehen wir uns an, wie Sie Ihrer Website eine Live-Suche hinzufügen können, ohne Ihre Theme-Dateien mit einem Plugin zu bearbeiten.
Methode 1: Live-Ajax-Suche mit einem Plugin hinzufügen
Der einfachste Weg, eine Live-Ajax-Suche zu Ihrer Website hinzuzufügen, ist die Verwendung eines Plugins wie SearchWP.
SearchWP ist das beste WordPress-Such-Plugin auf dem Markt mit über 50.000 aktiven Installationen.
Damit können Sie die Live-Suche auf Ihrer Website mit wenigen Klicks aktivieren, ganz ohne Programmierung.
Und das ist nur eine von vielen anderen Funktionen von SearchWP. Der Hauptzweck dieses Plugins ist es, Ihnen die vollständige Kontrolle über die Suche auf Ihrer Website zu geben.
Zum Beispiel können Sie damit die Reihenfolge der Suchergebnisse ändern, Beitragsschlagwörter, Kategorien und benutzerdefinierte Felder durchsuchbar machen, benutzerdefinierte Suchformulare erstellen und vieles mehr.
Hier sind einige weitere SearchWP-Funktionen, die Ihrem Unternehmen beim Wachstum helfen:
- Fuzzy-Suche aktivieren: So können Ihre Besucher die richtigen Suchergebnisse finden, auch wenn sie einen Tippfehler in einer Suchanfrage machen.
- Verfolgen Sie Suchanfragen Ihrer Besucher: Sammeln Sie umfassende Daten zur Suchaktivität auf Ihrer Website, einschließlich der beliebtesten Suchanfragen, der Anzahl der Klicks und mehr.
- Schließen Sie bestimmte Seiten von Suchergebnissen aus: Blenden Sie unnötige Seiten aus den Suchergebnissen auf Ihrer Website aus, damit Ihre Besucher die gesuchten Inhalte schneller finden.
- PDF-Dateien in Suchergebnisse einbeziehen: Ermöglichen Sie Ihren Besuchern, PDFs und Office-Dokumente über die Suchleiste auf Ihrer Website zu finden.
Damit wollen wir sehen, wie Sie die Live-Suche auf Ihrer Website mit SearchWP aktivieren können.
Schritt 1: Installieren und aktivieren Sie SearchWP auf Ihrer Website
Um zu beginnen, müssen Sie die SearchWP-Website besuchen und Ihre Kopie von SearchWP erhalten.
Sobald Sie fertig sind, gehen Sie zu Ihrem SearchWP-Dashboard und klicken Sie auf die Registerkarte Downloads.
Drücken Sie dann die Schaltfläche SearchWP herunterladen und speichern Sie die ZIP-Datei des Plugins auf Ihrem Computer. Nach dem Herunterladen sollten Sie auch Ihren SearchWP-Lizenzschlüssel auf derselben Seite kopieren. Sie benötigen ihn später, um das Plugin auf Ihrer Website zu aktivieren.
Jetzt müssen Sie die SearchWP-ZIP-Datei auf Ihre Website hochladen und das Plugin installieren. Schauen Sie sich das Tutorial So installieren Sie ein WordPress-Plugin an, wenn Sie eine Erinnerung benötigen, wie das geht.
Sobald das Plugin aktiv ist, sehen Sie den SearchWP-Begrüßungsbildschirm und den Einrichtungsassistenten. Klicken Sie auf die Schaltfläche „Onboarding-Assistent starten“ und folgen Sie den Anweisungen auf dem Bildschirm.
Sobald Sie Ihre Lizenz aktiviert haben, können Sie mit dem nächsten Schritt fortfahren und die Live Search-Erweiterung installieren.
Schritt 2: Installieren Sie die SearchWP Live Search-Erweiterung
Die Installation dieser SearchWP-Erweiterung ermöglicht es Ihnen, die Live-Ajax-Suche auf Ihrer Website mit wenigen Klicks zu aktivieren, ohne eine einzige Codezeile schreiben zu müssen.
Um zu beginnen, können Sie von Ihrem WordPress-Dashboard aus zu SearchWP » Erweiterungen navigieren.
Von hier aus müssen Sie die Erweiterung Live Search finden und auf die Schaltfläche Installieren klicken.
Das ist alles. Sie haben gerade erfolgreich eine Live-Ajax-Suche zu Ihrer Website hinzugefügt.
Lassen Sie uns sehen, wie es funktioniert.
Schritt 3: Testen Sie Ihre neue Suche
Gehen Sie dazu auf Ihre Website und führen Sie eine Suche durch.
Hier ist zum Beispiel, wie eine Live-SearchWP-Ajax-Suche auf unserer Testseite aussieht:
Sie können auch unseren Leitfaden lesen, wie Sie kostenlose Live-Suche zu WordPress hinzufügen.
Methode 2: Live-Ajax-Suche ohne Plugin hinzufügen
Um eine Live-Ajax-Suche zu Ihrer Website hinzuzufügen, ohne ein Plugin zu verwenden, sollten Sie beachten, dass Sie viel benutzerdefinierten Code hinzufügen und Änderungen an Ihren Theme-Dateien vornehmen müssen.
Wenn Sie kein Entwickler sind, empfehlen wir diese Methode nicht. Verwenden Sie stattdessen die erste Methode und SearchWP, um Live-Ajax-Suche hinzuzufügen.
Bevor Sie beginnen, empfehlen wir, ein Child-Theme Ihres aktuellen Themes, das Sie auf Ihrer Website verwenden, zu erstellen. So können Sie schnell zu Ihrem Parent-Theme wechseln, falls Sie etwas falsch machen und Ihre Website zum Absturz bringen.
Sie können sich dieses Tutorial ansehen, wie man ein WordPress Child-Theme erstellt, wenn Sie dabei Hilfe benötigen.
Es ist auch eine gute Praxis, Ihre Website zu sichern, bevor Sie mit der Bearbeitung beginnen, nur für den Fall. Es gibt viele WordPress-Backup-Plugins, aus denen Sie wählen können, wie z. B. Duplicator.
Als Nächstes müssen Sie JavaScript, PHP und CSS für die Einrichtung der Ajax-Suche hinzufügen.
Um Ihnen zu helfen, hier ist eine Liste von Funktionalitäten, die Sie auf Ihrer WordPress-Website benötigen werden:
- Integrieren Sie die Live-Ergebnisse in die Suchformulare auf Ihrer Website.
- Führen Sie Ajax-Anfragen durch, um die Ergebnisse abzurufen.
- Zeigen Sie die Ergebnisse in einem Dropdown-Menü an, damit Besucher sie sehen können, während sie tippen.
- Verwalten Sie die Benutzerinteraktion mit den Suchergebnissen. Sie müssen beispielsweise mit den Pfeiltasten der Tastatur durch die Ergebnisse navigieren, das Dropdown-Menü schließen, wenn der Benutzer außerhalb klickt oder die ESC-Taste drückt.
- Fügen Sie PHP-Code hinzu, um die Ajax-Anfrage zu verarbeiten, die Abfrage auszuführen und die Ergebnisse zurückzugeben und eine Ajax-Antwort zu senden.
- CSS zum Stylen des Dropdown-Menüs und der anzuzeigenden Suchergebnisse.
Da dies eine kundenspezifische Entwicklung erfordert, möchten Sie vielleicht einen Entwickler oder einen professionellen Dienst wie WPBeginner Pro Services beauftragen.
Auf diese Weise können Sie Ihre Anforderungen erläutern und eine maßgeschneiderte Lösung für Ihre WordPress-Website erstellen lassen.
Dadurch können Ihre Besucher sofort Suchergebnisse erhalten und die Anzahl Ihrer Seitenaufrufe erhöhen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Live-Ajax-Suche zu Ihrer WordPress-Website ohne Plugin hinzufügen können. Möglicherweise möchten Sie auch unsere Anleitungen zum Thema Beiträge nach Tags in WordPress durchsuchen und Kategorie von der WordPress-Suche ausschließen sehen.
Möchten Sie mit wenigen Klicks Live-Suche zu Ihrer Website hinzufügen, ohne zu codieren? Sie können hier mit SearchWP beginnen.
