Dezember 5, 2021

So erstellen Sie ein benutzerdefiniertes WordPress-Suchformular (in 3 einfachen Schritten)

Die Suche ist ein wichtiger Teil der Online-Erfahrung, und so finden die meisten Benutzer Informationen im Web. Wenn also ein Besucher auf Ihrer Website ankommt und nicht sofort findet, wonach er sucht, besteht eine gute Chance, dass er geht, ohne weiter zu graben. Ein WordPress-Suchformular kann helfen, sicherzustellen, dass dies nicht geschieht.

Durch die Implementierung einer besseren Suchfunktion auf Ihrer Website können Sie Benutzern helfen, schneller zu finden, was sie benötigen, und gleichzeitig die Absprungraten reduzieren. Es ist eine Win-Win-Situation für alle Beteiligten.

In diesem Artikel erläutern wir die Bedeutung der internen Suche Ihrer Website und zeigen Ihnen, wie Sie Ihrer Website ein Suchformular hinzufügen. Dann werden wir Sie in drei Schritten durch das Erstellen Ihres eigenen benutzerdefinierten WordPress-Suchformulars führen. Lass uns anfangen!

Warum Ihr WordPress-Suchformular wichtig ist

Die Suche ist eine dominierende Kraft im Web. So findet die überwiegende Mehrheit der Nutzer neue Inhalte und Websites, die sie besuchen können – und wir alle kennen die Bedeutung der Suchmaschinenoptimierung (SEO), wenn es darum geht, online gefunden zu werden.

Allerdings berücksichtigen nicht so viele Websitebesitzer die Bedeutung der Suche auf ihren eigenen Websites. Schließlich kann ein Hauptmenü wie die gesamte Navigation erscheinen, die Besucher benötigen.

Wenn Benutzer jedoch auf Ihrer Website landen und nicht schnell finden, wonach sie suchen, bleiben sie möglicherweise nicht dabei. Dies ist besonders kritisch, wenn sie aus einer Google-Suche stammen, da eine ganze Liste wahrscheinlicher Wettbewerber nur einen Mausklick entfernt ist.

Ein nützliches und zugängliches internes Suchformular verhindert, dass Benutzer Ihre Website vorzeitig verlassen. Dies bedeutet weniger Verluste für die Konkurrenz und mehr Chancen, Besucher in Abonnenten, Kunden oder Fans zu verwandeln.

Wenn Sie Hunderte oder Tausende von Blog-Posts veröffentlicht haben, kann es für Benutzer schwierig sein, Artikel zu bestimmten Themen zu durchsuchen und zu finden. Eine Suchfunktion kann die Benutzererfahrung (UX) Ihrer Website verbessern und die Besucher zufriedener machen, was letztendlich gut für das Geschäft ist.

So fügen Sie Ihrer Site eine Suchleiste hinzu (zwei Methoden)

Die WordPress-Standardinstallation enthält ein Suchleisten-Widget, das Widget-fähigen Bereichen Ihrer Site hinzugefügt werden kann, z. B. Kopf-, Fuß- oder Seitenleiste. Es gibt zwei Methoden, um dieses Widget hinzuzufügen:

  1. Über den WordPress Customizer.
  2. Direkt aus dem Armaturenbrett.

Fügen Sie ein Suchformular mit dem WordPress Customizer hinzu

Um das Suchformular mit dem Customizer hinzuzufügen, gehen Sie zu Ihrem WordPress-Dashboard und navigieren Sie zu Darstellung → Anpassen. Klicken Sie in der Customizer-Seitenleiste auf Widgets.

Dies öffnet ein neues Menü mit einer Liste der Widget-Bereiche auf Ihrer Website und den Elementen, die jeder derzeit enthält:

Um die Suchleiste zu einem Widget-Bereich hinzuzufügen, klicken Sie in dem Bereich, in dem Sie sie platzieren möchten, auf die Schaltfläche Widget hinzufügen. Scrollen Sie im neuen Menü nach unten und wählen Sie das Such-Widget aus:

 Hinzufügen des Such-Widgets im WordPress-Customizer.

Dadurch wird das Widget am Ende der Liste hinzugefügt:

 Das Such-Widget am Ende der Fußzeile platziert.

Sie können es dann an eine andere Stelle ziehen, um es neu zu positionieren. Wenn Sie es beispielsweise am Anfang der Liste ablegen, wird es ganz links im Widget-Bereich verschoben.

Sie können dem Suchformular auch einen Titel hinzufügen, indem Sie das Feld Titel ausfüllen. Dazu gehört eine kleine Kopfzeile über dem Suchfeld:

 Das WordPress-Suchformular mit einem benutzerdefinierten Titel.

Wenn Sie fertig sind, denken Sie daran, Ihre Änderungen zu speichern. Sie können dies tun, indem Sie oben im Customizer-Menü auf die blaue Schaltfläche Veröffentlichen klicken.

Fügen Sie ein Suchformular aus dem WordPress-Dashboard hinzu

Wenn Sie möchten, können Sie das Suchformular auch direkt aus dem WordPress-Dashboard hinzufügen. Navigieren Sie zunächst zu Darstellung → Widgets, um den Widget-Editor-Bildschirm zu öffnen:

 Der Widget-Bereich des WordPress-Dashboards.

Suchen Sie von dort aus einfach das Such-Widget in der Liste und ziehen Sie es in den Bereich, in dem Sie es anzeigen möchten:

 Das WordPress-Suchformular wurde der Fußzeile der Website hinzugefügt.

Sie erhalten hier Zugriff auf die gleichen Optionen wie im Customizer. Sie können das Widget neu anordnen, um seine Position zu ändern oder einen Titel hinzuzufügen, wenn Sie möchten.

Der einzige Unterschied besteht darin, dass der Customizer eine visuelle Vorschau Ihrer Änderungen bietet. Wenn Sie sich zu einem beliebigen Zeitpunkt entscheiden, den Customizer lieber zu verwenden, klicken Sie einfach oben auf dem Bildschirm auf die Schaltfläche Mit Live-Vorschau verwalten, um ihn zu öffnen.

Beachten Sie, dass die spezifischen Widget-Bereiche, die auf Ihrer Website verfügbar sind, von Ihrem Thema gesteuert werden und nicht jedes Thema die gleichen Optionen enthält. Zum Beispiel bietet das Standard-WordPress Twenty Twenty-One-Thema nur die Fußzeile als Widget-Bereich.

So passen Sie das Standard-WordPress-Suchformular manuell an

Leider bietet das Standard-WordPress-Suchformular nicht viele Anpassungsoptionen. Sie können die Position ändern und einen Titel hinzufügen, wie in den obigen Abschnitten beschrieben, aber das ist alles, was über die Benutzeroberfläche verfügbar ist.

Da es sich jedoch um WordPress handelt, gibt es einen Weg, dies zu umgehen: den Code direkt bearbeiten. Mithilfe von WordPress-Vorlagendateien können Sie eine benutzerdefinierte Suchseite für Ihre Website erstellen. Wenn du das machen willst, WordPress.org hat eine fantastische Komplettlösung.

Selbst bei dieser Methode ist die standardmäßige WordPress-Suchfunktion jedoch immer noch eingeschränkt. Sie können das Formular nur in Widget-Bereichen platzieren, und das Erscheinungsbild basiert auf Ihrem Thema, das möglicherweise nicht viele Anpassungsoptionen bietet. Glücklicherweise gibt es einfachere Möglichkeiten, Ihr Suchformular anzupassen – nämlich mithilfe von WordPress-Plugins.

So erstellen Sie ein benutzerdefiniertes WordPress-Suchformular mit einem kostenlosen Plugin

Wenn Sie ein benutzerdefiniertes WordPress-Suchformular erstellen möchten und mit Code nicht vertraut sind (oder einfach keine Zeit dafür haben), können Sie stattdessen ein kostenloses Plugin verwenden. In diesem Abschnitt führen wir Sie durch das Erstellen einer benutzerdefinierten Suchleiste mit dem Ivory Search-Plugin.

Installieren und aktivieren Sie das Ivory Search Plugin

Der erste Schritt besteht darin, zu Ihrem WordPress-Dashboard zu gehen und Ivory Search zu installieren:

 Ivory Search - WordPress-Such-PluginIvory Search – WordPress-Such-Plugin

Autor (en): Ivory Search

Aktuelle Version: 5.3

Letzte Aktualisierung: Dezember 29, 2021

add-search-to-menu.5.3.postleitzahl

Dies ist ein kostenloses Plugin, mit dem Sie ein benutzerdefiniertes Suchformular für Ihre WordPress-Site erstellen können. Sie können das Erscheinungsbild der Suchleiste anpassen, das Formular im Menü Ihrer Website platzieren und die Inhalte in den Ergebnissen optimieren.

Installieren Sie das Plugin über Ihr WordPress-Dashboard. Sobald Sie es aktiviert haben, können Sie mit dem nächsten Schritt fortfahren.

Erstellen Sie ein neues Suchformular

Nachdem Sie das Plugin aktiviert haben, können Sie Ihr erstes Suchformular erstellen. Navigieren Sie in Ihrem WordPress-Dashboard zu: Suche → Suchformulare:

 Hinzufügen eines neuen Suchformulars in Ihrer Suche.

Das Plugin füllt das Formular automatisch mit seinen Standardeinstellungen, sodass Sie schnell loslegen können, wenn Sie möchten. Sie können die Einstellungen jedoch auch gründlich anpassen.

Auf der Registerkarte Suchen können Sie angeben, welche Inhalte auf Ihrer Website in die Suche einbezogen werden sollen. Klicken Sie sich durch die einzelnen Abschnitte, um verschiedene Post- und Seitentypen zu aktivieren und zu deaktivieren:

 Auswählen, welche Arten von Inhalten in das benutzerdefinierte WordPress-Suchformular aufgenommen werden sollen.

Auf der Registerkarte Ausschließen können Sie bestimmte Beiträge und Seiten auswählen, die nicht in die Suchergebnisse aufgenommen werden sollen. Dies ist beispielsweise praktisch, um bestimmte Indexseiten auszuschließen.

Auf der Registerkarte Design können Sie das Erscheinungsbild des Suchformulars anpassen:

 Der Design-Bereich des Fensters Sucheinstellungen.

Möglicherweise müssen Sie auf das Kontrollkästchen Suchformularanpassung aktivieren klicken, um den Customizer zu aktivieren (standardmäßig deaktiviert). Sobald Sie das getan haben, können Sie auf den Link Suchformular-Customizer klicken, um den WordPress-Customizer zu öffnen:

 Anpassen des WordPress-Suchformulars im Customizer.

Dort können Sie den Stil des Suchfelds selbst sowie die Farben und den Text für verschiedene Elemente auswählen, z. B. den im Feld enthaltenen Platzhaltertext. Wenn Sie fertig sind, klicken Sie oben auf der Seite auf die Schaltfläche Veröffentlichen.

Schließlich können Sie auf der Registerkarte Optionen die Suchergebnisseite konfigurieren:

 Anpassen des WordPress-Suchformulars in den WordPress-Sucheinstellungen.

Es gibt Optionen für die Anzahl der Ergebnisse pro Seite, ob Suchbegriffe hervorgehoben werden sollen, und mehrere andere erweiterte Optionen. Wenn Sie mit der Konfiguration Ihres Formulars fertig sind, klicken Sie auf die blaue Schaltfläche Formular speichern, um Ihre Änderungen abzuschließen.

Fügen Sie das Suchformular zu Ihrer Website hinzu

Wenn Ihr Formular konfiguriert ist, können Sie es jetzt zu Ihrer Website hinzufügen. Sie können das Formular in Ihrer Kopf-, Fußzeile oder im WordPress-Menü platzieren.

Um Ihr Ivory-Suchformular zur Kopf- oder Fußzeile Ihrer Website hinzuzufügen, navigieren Sie zu Ivory Search → Einstellungen:

 Der Bildschirm Erweiterte Sucheinstellungen.

Wählen Sie als Nächstes entweder Kopfzeilensuche oder Fußzeilensuche aus der Liste aus, und klicken Sie dann im Dropdown-Menü auf das soeben erstellte Formular:

 Hinzufügen des benutzerdefinierten Suchformulars zum WordPress-Header.

Wenn Sie fertig sind, klicken Sie auf Speichern, um Ihre Website zu aktualisieren. In diesem Fall haben wir die Leiste zu unserer Kopfzeile hinzugefügt:

 Das benutzerdefinierte Suchformular wird im WordPress-Header angezeigt.

Wenn Sie das Suchformular zu Ihrem Site-Menü hinzufügen möchten, navigieren Sie zu: Suche → Menü Suche:

 Hinzufügen eines benutzerdefinierten Suchformulars zum WordPress-Menü.

Auf diesem Bildschirm können Sie das Menü auswählen, in das Sie Ihre Suchleiste einfügen möchten. Das Plugin fügt dem Menü eine kleine Lupe hinzu. Ein Klick auf die Lupe öffnet ein Suchfeld, in dem Begriffe eingegeben werden können:

 Die benutzerdefinierte Suche wird im WordPress-Menü angezeigt.

Das war’s! Sie haben jetzt Ihr eigenes WordPress-Suchformular angepasst.

Fazit

Egal, ob Sie versuchen, die Absprungraten auf Ihrer Website zu reduzieren oder eine bessere UX bereitzustellen, ein benutzerdefiniertes Suchformular ist eine fantastische Lösung.

Während WordPress standardmäßig eine Suchleiste enthält, ist es begrenzt, wo es platziert werden kann und wie es angepasst werden kann. Mit einem Plugin wie Ivory Search können Sie ganz einfach ein vollständig benutzerdefiniertes Formular erstellen und es in nur wenigen Schritten fast überall anzeigen.

Weitere Ideen zur Verbesserung der Suche auf Ihrer Website finden Sie in unseren Tipps zur Verbesserung der internen WordPress-Suche.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.