{"id":31087,"date":"2020-01-09T04:37:03","date_gmt":"2020-01-09T12:37:03","guid":{"rendered":"https:\/\/kinsta.com\/?p=59559"},"modified":"2023-08-25T11:50:24","modified_gmt":"2023-08-25T10:50:24","slug":"wordpress-suche","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-suche\/","title":{"rendered":"Wie man die WordPress-Suche Verbessert (und Beschleunigt)"},"content":{"rendered":"

Warum verwenden Menschen Suchformulare auf Webseiten \u00fcberhaupt? Weil sie nach sofortigen und relevanten Ergebnissen suchen, die sie nicht durch das Surfen auf einer Webseite oder durch die Navigation erhalten k\u00f6nnen.<\/p>\n

Manchmal liefern diese Suchergebnisse Antworten auf ihre Fragen<\/a> (z. B. Informationen \u00fcber die R\u00fcckgaberichtlinien eines Unternehmens) oder eine Liste mit passenden Produkten oder Inhalten (z. B. Blog-Eintr\u00e4ge zu den Plugins f\u00fcr den Seitenaufbau<\/a>). Unabh\u00e4ngig davon, wonach sie suchen, ist eines jedoch sicher:<\/p>\n

Besucher erwarten, dass ihr WordPress-Suchformular schnell und pr\u00e4zise Ergebnisse liefert. <\/strong><\/p>\n

Es macht Sinn, wenn man das Verbraucherverhalten als Ganzes betrachtet. Google hat einen fast unm\u00f6glichen Standard gesetzt, wenn es um die Online-Suche geht. Nach den Erkenntnissen von SparkToro sind \u00fcber die H\u00e4lfte aller Suchanfragen bei Google Null-Klick<\/a>. Im Grunde hat Google die Suche so effizient gemacht, dass die Menschen oft nicht mehr auf eine Website gehen m\u00fcssen, um Antworten auf ihre Fragen zu erhalten.<\/p>\n

Nat\u00fcrlich 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<\/a> gemeinsam hat, ist Folgendes: Die Verbraucher wollen schnelle, bequeme und hyperrelevante Ergebnisse von beiden Seiten.<\/p>\n

Es gibt nur ein Problem: Die native Suchfunktion von WordPress ist nicht besonders gut.<\/p>\n

Deshalb werden wir in diesem Leitfaden alles untersuchen, was du wissen musst, um die WordPress-Suche f\u00fcr deine Besucher zu optimieren<\/strong>:<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Wie Wichtig ist die interne Suche \u00dcberhaupt?<\/h2>\n

Wenn du eine Webseite richtig gestaltest<\/a>, werden die Besucher nat\u00fcrlich dem Weg folgen, den du ihnen vorgezeichnet hast. Eine gut organisierte Men\u00fcstruktur<\/a> hilft ebenfalls.<\/p>\n

Dabei spielt die interne Suche eine wichtige Rolle.<\/p>\n

Stelle dir die WordPress-Suche wie einen Fast Pass f\u00fcr deine Webseite vor. Wenn deine Suchfunktion so funktioniert, wie sie sollte, kann sie deine Besucher in Sekundenschnelle von Schritt 1 bis Schritt 5 f\u00fchren.<\/p>\n

Dies ist besonders f\u00fcr WordPress Webseiten mit einer gro\u00dfen Menge an Inhalten n\u00fctzlich. Hier sind einige Beispiele:<\/p>\n

eCommerce<\/h3>\n

Online-Shops wie Nordic Ware<\/a> k\u00f6nnen Besuchern helfen, von der Startseite aus zu starten:<\/p>\n

\"Nordic
Nordic Ware: Startseite mit Suchleiste in der Kopfzeile<\/figcaption><\/figure>\n

Zu einer engeren Liste von Produkten einfach \u00fcber die Suchleiste in der rechten oberen Ecke der Seite gehen:<\/p>\n

\"Nordic
Nordic Ware: Suchergebnisseite<\/figcaption><\/figure>\n

Dadurch, dass das Produktsuchformular immer vorhanden ist, m\u00fcssen die Besucher nie das Men\u00fc oder die Kategorien des Shops durchforsten, um etwas Bestimmtes zu finden, das sie gerade suchen.<\/p>\n

Blogs, Podcasts und Nachrichten-Webseiten<\/h3>\n

Webseiten mit gro\u00dfen Content-Repositories wie Kinsta<\/a>, das 39 Seiten mit Blog-Posts hat (und w\u00e4chst), profitieren von einer Suchleiste:<\/p>\n

\"Kinsta:
Kinsta: Blog-Seite und Seitenumbruch<\/figcaption><\/figure>\n

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\u00e4ttern w\u00fcrden:<\/p>\n

\"WordPress-Suchleiste
WordPress-Suchleiste am oberen Rand des Kinsta-Blogs<\/figcaption><\/figure>\n

Blogs<\/a> k\u00f6nnen 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\u00e4ge zu erh\u00f6hen.<\/p>\n

Stattdessen hilft eine Suchleiste den Besuchern, sich effizienter in den Beitr\u00e4gen zurechtzufinden, die f\u00fcr ihre aktuellen Interessen relevant sind.<\/p>\n

Seiten f\u00fcr Inserate<\/h3>\n

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

\"Trulia:
Trulia: Homepage-Suche f\u00fcr Immobilien<\/figcaption><\/figure>\n

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\u00f6glichen es den Benutzern immer, ihre Ergebnisse so weit wie m\u00f6glich zu filtern:<\/p>\n

\"Trulia:
Trulia: Beispiel Suchergebnisseite<\/figcaption><\/figure>\n

Wissensdatenbanken<\/h3>\n

Die Suche ist eine n\u00fctzliche Komponente f\u00fcr Hilfszentren und Wissensdatenbanken f\u00fcr Produkte wie z.B. Elementor<\/a>:<\/p>\n

\"Elementor:
Elementor: Wissensdatenbank Artikel und Themen ausgez\u00e4hlt<\/figcaption><\/figure>\n

Die Suche hilft den Benutzern, schneller Antworten auf ihre Fragen zu finden, als dies bei einer manuellen Suche durch die Kategorien m\u00f6glich w\u00e4re:<\/p>\n

\"Elementor:
Elementor: Dokumentation nach „Vorlage“ durchsuchen<\/figcaption><\/figure>\n

In vielen F\u00e4llen k\u00f6nnen die Probleme, auf die die Nutzer mit SaaS-Produkten<\/a> sto\u00dfen, leicht von den Nutzern selbst gel\u00f6st werden. Wenn du deinen Live-Chat<\/a> und den Helpdesk-Support von einfach zu l\u00f6senden Fragen freihalten m\u00f6chtest, dann mach deine Knowledgebase einfach durchsuchbar.<\/p>\n

Unterm Strich<\/h3>\n

Wenn es eine gro\u00dfe Menge von Inhalten auf deiner Webseite gibt, gehe nicht davon aus, dass die Navigation<\/a> den Besuchern hilft, sich durch die Webseite zu arbeiten. Baue eine Fast-Pass-\u00e4hnliche Sucherfahrung auf, die sie genau dorthin bringt, wo sie sie brauchen und hinwollen.<\/p>\n

Wie f\u00fcgt man eine Suche zu einer WordPress Webseite hinzu<\/h2>\n

Du hast einige Optionen f\u00fcr die Implementierung und Aktivierung der grundlegenden WordPress-Suche f\u00fcr deine Webseite:<\/p>\n

WordPress Suche zum Men\u00fc mit deinem Theme hinzuf\u00fcgen<\/h3>\n

Je nachdem, welches WordPress-Thema du installiert hast<\/a>, kannst du die Suche mit wenigen Klicks in dein Men\u00fc aufnehmen. In diesem Beispiel benutze ich das Astra-Theme,<\/a> das sich \u00fcbrigens als sehr schnell herausstellt!<\/p>\n

Das erste, was zu tun ist, ist, auf Darstellung > Anpassen zu gehen:<\/p>\n

\"WordPress
WordPress – Navigiere zum Men\u00fc<\/figcaption><\/figure>\n

Als n\u00e4chstes gehe zur Kopfzeile > Prim\u00e4res Men\u00fc.<\/p>\n

\"WordPress
WordPress – das Men\u00fc anpassen<\/figcaption><\/figure>\n

W\u00e4hle unter „Letzter Eintrag im Men\u00fc“ die Option „Suchen“ aus der Dropdown-Liste.<\/p>\n

\"WordPress
WordPress – eine Suchleiste zum Men\u00fc hinzuf\u00fcgen<\/figcaption><\/figure>\n

Dies f\u00fcgt ein Suchsymbol und eine Suchleiste als allerletztes Element zu deinem Navigationsmen\u00fc hinzu.<\/p>\n

\"WordPress
WordPress – Suchleiste mit Themeinstellungen hinzugef\u00fcgt<\/figcaption><\/figure>\n

Wenn du andere WordPress-Themes<\/a> verwendest, kann es sein, dass sich diese Suchaktivierungseinstellung nicht an der gleichen Stelle des Theme-Anpassers befindet. Wenn sie verf\u00fcgbar ist, findet man sie unter den „Kopfzeilen“-Einstellungen. Andernfalls musst du sie manuell mit einer der folgenden Optionen hinzuf\u00fcgen.<\/p>\n

Suche mit einem WordPress Widget Hinzuf\u00fcgen<\/h3>\n

WordPress Widgets<\/a> erm\u00f6glichen es dir, Inhalte zu dedizierten Bl\u00f6cken in den Elementen, die deinen Inhalt umgeben, wie die Seitenleiste<\/a> und die Fu\u00dfzeile<\/a>, hinzuzuf\u00fcgen.<\/p>\n

Eine Art Inhaltsblock, den du mit WordPress-Widgets erstellen kannst, ist eine Suchleiste.<\/p>\n

Beginne, indem du die Widgets unter dem Men\u00fc „Aussehen“ findest:<\/p>\n

\"WordPress
WordPress – suche das Widgets-Men\u00fc<\/figcaption><\/figure>\n

Hier findest du alle Widgets, die dir zur Verf\u00fcgung stehen. Je nachdem welches verwendete Theme oder Template verwendet wird sieht man vielleicht nicht mehr als eine Sidebar oder eine Fu\u00dfzeile, oder man sieht eine umfangreichere Auswahl wie diese:<\/p>\n

\"Beispiel
Beispiel f\u00fcr Widgets und Abschnitte<\/figcaption><\/figure>\n

Egal, was du jetzt tun musst, ist zu entscheiden, wo deine Suchleiste erscheinen soll.<\/p>\n

Nehmen wir an, du planst, jeden Tag neue Blog-Inhalte<\/a> zu ver\u00f6ffentlichen und wei\u00dft, dass das Archiv schnell wachsen wird. Es w\u00e4re also von Vorteil, wenn auf jeder Blog-Seite eine Suchleiste vorhanden w\u00e4re.<\/p>\n

F\u00fchre einen Scroll zum unteren Ende deiner Widgets aus und suche dasjenige, das sich „Suche“ nennt:<\/p>\n

\"Suche-Widget
Suche-Widget<\/figcaption><\/figure>\n

Du kannst sie entweder durch Anklicken hinzuf\u00fcgen oder du w\u00e4hlst den Abschnitt aus, dem du sie so hinzuf\u00fcgen m\u00f6chtest:<\/p>\n

\"Such-Widget
Such-Widget mit Dropdown hinzuf\u00fcgen<\/figcaption><\/figure>\n

Oder du kannst das Widget per Drag & Drop auf den Abschnittsblock ziehen, in dem es erscheinen soll:<\/p>\n

\"Such-Widget
Such-Widget mit Drag & Drop hinzuf\u00fcgen<\/figcaption><\/figure>\n

Sobald du es da hast, wo du es haben willst, gib ihm einen Namen:<\/p>\n

\"Gib
Gib deinem Such-Widget einen Titel<\/figcaption><\/figure>\n

Speichere deine \u00c4nderungen und besuche dann deine Seite, um sicher zu gehen, dass sie so aussieht, wie du sie haben willst:<\/p>\n

\"Suchleiste
Suchleiste zum Blog hinzugef\u00fcgt<\/figcaption><\/figure>\n

Du kannst jetzt sehen, dass die Suchleiste am oberen Rand der Blog-Sidebar sitzt, bereit f\u00fcr deine Leser sie zu nutzen.<\/p>\n

Hinzuf\u00fcgen der Suche zum Hauptinhalt deiner Seite mit WordPress Tools<\/h3>\n

Es ist zwar sinnvoll, die Suchleiste in den immer pr\u00e4senten Elementen der Website zu platzieren, aber du findest vielleicht einen Grund, sie auch in den eigentlichen Inhalt deiner Seiten einzubinden.<\/p>\n

Es gibt einige M\u00f6glichkeiten, dies zu realisieren:<\/p>\n

Mit dem WordPress-Editor<\/h4>\n

Der Gutenberg-Editor<\/a> hat es sicherlich einfacher gemacht, kreativere Seitenlayouts zu entwerfen, ohne auf HTML<\/a> oder Shortcodes<\/a> angewiesen zu sein.<\/p>\n

Ein solches Element, das du jetzt dank des WordPress-Editors zu deinen Seiten hinzuf\u00fcgen kannst, ist ein Such-Widget:<\/p>\n

\"Widget-Block
Widget-Block in Gutenberg suchen<\/figcaption><\/figure>\n

Du hast mehr Kontrolle dar\u00fcber, wie die Suchleiste angezeigt wird, wenn du diese Option verwendest. Zum Beispiel kannst du den Titel der Suchleiste, den Platzhaltertext sowie die Schaltfl\u00e4che \u00e4ndern:<\/p>\n

\"Suchleiste
Suchleiste mit Gutenberg anpassen<\/figcaption><\/figure>\n

Du kannst sogar den Stil des Suchblocks mit benutzerdefinierten CSS-Klassen<\/a> \u00e4ndern.<\/p>\n

Mit einem Page Builder Plugin<\/h4>\n

F\u00fcr diejenigen unter euch, die lieber mit Drag-and-Drop-Plugins wie Elementor arbeiten, k\u00f6nnen das Such-Widget auch mit dem Plugin ihrer Wahl aufrufen. Der Prozess ist \u00e4hnlich dem, was du mit Gutenberg machen w\u00fcrdest.<\/p>\n

Wenn eine neue Seite oder ein neuer Beitrag ge\u00f6ffnet ist und der Elementor-Editor aktiviert ist, suche das WordPress-Suche-Widget aus der Liste der Elemente:<\/p>\n

\"Such-Widget
Such-Widget in Elementor<\/figcaption><\/figure>\n

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

\"404
404 Seitenbeispiel mit Suchleiste<\/figcaption><\/figure>\n

Wie du sehen kannst, gibt dir das Page Builder Plugin mehr Kontrolle dar\u00fcber, wo deine WordPress-Suchleiste erscheint als Gutenberg, so dass du sie \u00fcber und innerhalb anderer Inhalte \u00fcberlagern kannst.<\/p>\n

Mit einem Theme<\/h4>\n

In einigen F\u00e4llen wirst du vielleicht ein Theme und eine Vorlage finden, die den Inhalt deiner Webseite automatisch mit einer Suche erg\u00e4nzen. Die Arten von Themes, die dies tun, neigen jedoch dazu, hochspezialisiert zu sein, wie das Thema Residence Real Estate<\/a>:<\/p>\n

\"Demo
Demo des Themas Residence Real Estate<\/figcaption><\/figure>\n

Da die Suche auf solchen Webseiten<\/a> kompliziert werden kann, macht es Sinn, dass der Themeentwickler<\/a> die Funktionalit\u00e4t in die Vorlage<\/a> einbaut.<\/p>\n

Buchungsseitenthemes sind ein weiteres Beispiel f\u00fcr solche, die bereits mit einer Suchfunktionalit\u00e4t ausgestattet sind, genau wie diese Demo aus dem Reise-Buchungstheme<\/a>:<\/p>\n

\"Demo
Demo des Themes f\u00fcr Reisebuchungen<\/figcaption><\/figure>\n

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

WordPress Suche mit Code Hinzuf\u00fcgen<\/h3>\n

Es gibt eine weitere M\u00f6glichkeit, ein einfaches Suchformular zu deiner Webseite hinzuzuf\u00fcgen, aber es erfordert, dass du programmieren kannst.<\/p>\n

Um dies zu tun, gehe zu Darstellung > Theme-Editor:<\/p>\n

\"Theme
Theme Editor<\/figcaption><\/figure>\n

Was du hier machst, ist ein Shortcode f\u00fcr eine Suchleiste mit Hilfe der functions.php Theme-Datei zu erstellen:<\/p>\n

\"Die
Die functions.php Theme Datei<\/figcaption><\/figure>\n

F\u00fcge am Ende der Datei das folgende Snippet hinzu:<\/p>\n

add_shortcode( 'shortcodename', 'get_search_form');<\/code><\/pre>\n
Ersetze „Shortcodename“ durch deinen eigenen Namen f\u00fcr 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.<\/p>\n
Hier ist ein Beispiel:<\/p>\n
\"Ein
Ein benutzerdefinierter Kurzcode zum Hinzuf\u00fcgen einer Suchleiste zu deiner Seite<\/figcaption><\/figure>\n
Der Shortcode wird so hinzugef\u00fcgt, wie jeder normale Text auf der Seite hinzugef\u00fcgt wird. Denke einfach daran, ihn in Klammern [] zu setzen.<\/p>\n
W\u00e4hrend 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:<\/p>\n
\"Suchleiste
Suchleiste mit Kurzcode hinzugef\u00fcgt<\/figcaption><\/figure>\n
Obwohl es sich hierbei um eine schnelle Bearbeitung handelt, die f\u00fcr den Zweck dieses Artikels gut geeignet ist, empfehlen wir, niemals den Code des Designs zu bearbeiten und stattdessen ein WordPress-Child-Theme<\/a> zu erstellen.<\/p>\n
Ein Hinweis zu den WordPress-Suchbeschr\u00e4nkungen<\/h3>\n
Es gibt viele Optionen, die du verwenden kannst, um grundlegende WordPress-Suchfunktionen zu deiner Webseite hinzuzuf\u00fcgen. Aber ist das genug?<\/p>\n
Es sei denn, du hast eine sehr kleine Webseite oder du m\u00f6chtest die Suche auf deinen Blog beschr\u00e4nken, dann wird es wahrscheinlich nicht ausreichen. Lasse mich das erkl\u00e4ren.<\/p>\n
Das native Suchformular von WordPress durchsucht die folgenden Arten von Inhalten auf deinen Webseiten und Blog-Beitr\u00e4gen:<\/p>\n