

{"id":3183,"date":"2021-01-04T15:28:07","date_gmt":"2021-01-04T15:28:07","guid":{"rendered":"https:\/\/www.prefixbox.com\/blog\/?p=3183"},"modified":"2023-02-10T14:39:14","modified_gmt":"2023-02-10T14:39:14","slug":"autovervollstandigung-suche","status":"publish","type":"post","link":"https:\/\/www.prefixbox.com\/blog\/de\/autovervollstandigung-suche\/","title":{"rendered":"10 bew\u00e4hrte Praktiken f\u00fcr die automatische Vervollst\u00e4ndigung &#8211; Wie Sie mit der pr\u00e4diktiven Suche mehr Umsatz f\u00fcr Ihren Shop generieren"},"content":{"rendered":"\n<div class=\"wp-block-getwid-section alignfull has-inner-blocks-gap-small getwid-section-content-custom-width\" style=\"margin-top:;margin-bottom:50px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-left-medium getwid-padding-right-medium\" style=\"padding-top:30px;padding-bottom:20px\"><div class=\"wp-block-getwid-section__inner-wrapper\" style=\"max-width:1140px\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background has-background has-dark-blue-background-color\" style=\"background-image:url('https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/06\/Prefixbox-blog-header-design-PURPLE-1400px-LE-75p.jpg')\"><div class=\"wp-block-getwid-section__background-image-wrapper\"><img class=\"wp-block-getwid-section__background-image\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/06\/Prefixbox-blog-header-design-PURPLE-1400px-LE-75p.jpg\" alt=\"\"\/><\/div><\/div><div class=\"wp-block-getwid-section__foreground\" style=\"opacity:0.2;background-color:#2c3847;mix-blend-mode:normal\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-getwid-advanced-heading has-custom-font-size\" id=\"3bc42dbb0452\" style=\"font-size:2.5em\"><h1 class=\"wp-block-getwid-advanced-heading__content has-text-color\" style=\"text-align:center;font-family:&quot;Montserrat&quot;;font-weight:800;text-transform:inherit;line-height:1.1em;color:#ffffff\">10 bew\u00e4hrte Praktiken f\u00fcr die automatische Vervollst\u00e4ndigung &#8211; Wie Sie mit der pr\u00e4diktiven Suche mehr Umsatz f\u00fcr Ihren Shop generieren<\/h1><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:30px\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns are-vertically-aligned-center\">\n<div class=\"wp-block-column is-vertically-aligned-top is-vertically-aligned-center\">\n<p class=\"intro-paragraph has-text-color\" style=\"color:#ffffff\">Eines ist sicher: Rund 30% der Besucher Ihres Online-Shops werden Ihre Suchfunktion nutzen \u2013 und 25% von ihnen werden auf einen Suchvorschlag klicken.<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-gray-color\">Das hei\u00dft, sofern Sie Vorschl\u00e4ge machen.<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-gray-color\">Aus diesem Grund ist die pr\u00e4diktive automatische Vervollst\u00e4ndigung von Suchbegriffen ein unverzichtbares Werkzeug f\u00fcr jeden Online-H\u00e4ndler.<\/mark><\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-gray-color\">Und wir sind hier, um Ihnen zu zeigen, wie Sie sie nutzen k\u00f6nnen, um Konversionen zu maximieren.<\/mark><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><img loading=\"lazy\" width=\"500\" height=\"377\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/12\/Featured_image-autocomplete-500px.png\" alt=\"automatische Vervollst\u00e4ndigung autovervollst\u00e4ndigung-suche\" class=\"wp-image-3097\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/12\/Featured_image-autocomplete-500px.png 500w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/12\/Featured_image-autocomplete-500px-300x226.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Doch zuerst wollen wir die Grundlagen kl\u00e4ren.<\/p>\n\n\n\n<div class=\"wp-block-getwid-table-of-contents is-style-default table-of-contents-toc\"><ul class=\"wp-block-getwid-table-of-contents__list\"><li><a href=\"#5606855c0257\">Was ist die automatische Vervollst\u00e4ndigung von Suchbegriffen?<\/a><\/li><li><a href=\"#82167b841987\">Wie funktioniert die automatische Vervollst\u00e4ndigung von Suchbegriffe?<\/a><\/li><li><a href=\"#54c32cec51e1\">Erzielen Sie bessere Verk\u00e4ufe durch eine effektivere automatische Vervollst\u00e4ndigung<\/a><\/li><li><a href=\"#e531cb3f9c6b\">10 Strategien zur automatischen Vervollst\u00e4ndigung von Suchbegriffen<\/a><ul><li><a href=\"#4c308664523f\">1. Wie das Ranking der Vorschl\u00e4ge funktionieren soll<\/a><\/li><li><a href=\"#07b1acf42634\">2. Personalisierung macht die automatische Vervollst\u00e4ndigung effektiver<\/a><\/li><li><a href=\"#e89e768140a1\">3. Halten Sie Vorschl\u00e4ge einfach und \u00fcberschaubar<\/a><ul><li><a href=\"#849dd1654655\">a. Halten Sie die Liste der Vorschl\u00e4ge \u00fcberschaubar<\/a><\/li><li><a href=\"#a04a1305865c\">b. Vermeiden Sie eine Bildlaufleiste<\/a><\/li><li><a href=\"#d400e411dc11\">c. Reduzieren Sie das visuelle Rauschen<\/a><\/li><\/ul><\/li><li><a href=\"#30d21b59f07e\">4. Hervorheben von Vorschl\u00e4gen zur automatischen Vervollst\u00e4ndigung<\/a><ul><li><a href=\"#55f64df77e6a\">a. Heben Sie die Unterschiede hervor<\/a><\/li><li><a href=\"#1c0d572dea8b\">b. Markieren Sie den aktiven Vorschlag<\/a><\/li><li><a href=\"#9bc340b2263d\">c. Unterschiedliche Vorschl\u00e4ge unterschiedlich gestalten<\/a><\/li><li><a href=\"#7ced237cfe37\">d. Stil f\u00fcr Lesbarkeit<\/a><\/li><\/ul><\/li><li><a href=\"#c9ae87c44f32\">5. Bieten Sie klare Anweisungen<\/a><\/li><li><a href=\"#0100a07e3154\">6. Visueller Fokus und Einfachheit<\/a><ul><li><a href=\"#a1558b1e3cd7\">a. Design f\u00fcr visuelle Tiefe<\/a><\/li><li><a href=\"#1dec96894296\">b. Reduzieren Sie die visuelle Konkurrenz<\/a><\/li><\/ul><\/li><li><a href=\"#2779e37c532d\">7. Unterst\u00fctzung von Mausinteraktion als auch Tastaturnavigation<\/a><\/li><li><a href=\"#20f98b5305a2\">8. Spezifische mobile Optimierungen<\/a><ul><li><a href=\"#a1c58b4ee09d\">a. Textumbruch<\/a><\/li><li><a href=\"#01faf3021e63\">b. Teilweise Verdeckung der letzten sichtbaren Vorschl\u00e4ge<\/a><\/li><li><a href=\"#e386fe42eff3\">c. Einfaches Beenden der automatischen Vervollst\u00e4ndigung (und Entfernen einer Abfrage)<\/a><\/li><\/ul><\/li><li><a href=\"#7d16192bdb53\">9. Vorschl\u00e4ge f\u00fcr die Kategoriesuche<\/a><\/li><li><a href=\"#a698eeedcca7\">10. Geschwindigkeit ist entscheidend: Automatische Vervollst\u00e4ndigung in Echtzeit<\/a><\/li><\/ul><\/li><li><a href=\"#bcaa22c0f291\">Zusammenfassung<\/a><\/li><\/ul><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"5606855c0257\">Was ist die automatische Vervollst\u00e4ndigung von Suchbegriffen?<\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Die automatische Vervollst\u00e4ndigung von Suchbegriffen ist die Funktion, die in Echtzeit Schl\u00fcsselwort- und Produktvorschl\u00e4ge anzeigt, basierend auf dem, was der Benutzer in das Suchfeld eingibt.<\/p>\n\n\n\n<p>Die <strong>Funktion funktioniert ganz einfach: <\/strong>Sie erkennt, was ein Kunde eintippt, und gleicht die Anfrage mit den Daten im <strong>Suchindex <\/strong>ab. Wenn im Index Schl\u00fcsselw\u00f6rter oder Phrasen gespeichert sind, die mit der Eingabe \u00fcbereinstimmen, werden diese vorgeschlagen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"694\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-1.jpg\" alt=\"automatische Vervollst\u00e4ndigung von Suchbegriffen\" class=\"wp-image-3120\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-1.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-1-300x245.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-1-768x627.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>In Wirklichkeit ist es etwas komplizierter, weil sie auch die Popularit\u00e4t verschiedener Produkte und Schl\u00fcsselw\u00f6rter bei den Ranking-Vorschl\u00e4gen ber\u00fccksichtigen.<\/p>\n\n\n\n<p><strong>Ein Beispiel:<\/strong> Wenn Sie in einem Online-Shop, der Kleidung verkauft, &#8220;ba&#8221; eingeben, werden m\u00f6glicherweise Ballkleider oder Badeanz\u00fcge vorgeschlagen. Wenn der Shop Badezimmerzubeh\u00f6r verkauft, k\u00f6nnte er Badezimmerteppiche oder Badewannenkissen vorschlagen.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"82167b841987\">Wie funktioniert die automatische Vervollst\u00e4ndigung von Suchbegriffe?<\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Abgesehen von der Verwendung des Suchindexes Ihrer Website ber\u00fccksichtigt die automatische Vervollst\u00e4ndigung auch das <strong>fr\u00fchere Nutzerverhalten<\/strong>, da es verfolgt, welche Suchanfragen zuvor gesucht und angeklickt wurden und welche zu einem Kauf f\u00fchrten.<\/p>\n\n\n\n<p>Welche Vorschl\u00e4ge in welcher Reihenfolge erscheinen, kann von weiteren Faktoren abh\u00e4ngen, z.B. von der H\u00e4ufigkeit der Eingabe bestimmter Begriffe oder von den Klickraten einzelner Vorschl\u00e4ge.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"800\" height=\"399\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatische-vervollstandigung-von-suchbegriffe.jpg\" alt=\"Wie funktioniert die automatische Vervollst\u00e4ndigung von Suchbegriffe\" class=\"wp-image-3332\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatische-vervollstandigung-von-suchbegriffe.jpg 800w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatische-vervollstandigung-von-suchbegriffe-300x150.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatische-vervollstandigung-von-suchbegriffe-768x383.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"54c32cec51e1\">Erzielen Sie bessere Verk\u00e4ufe durch eine effektivere automatische Vervollst\u00e4ndigung<\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Es gibt viele Vorteile der Verwendung einer automatischen Vervollst\u00e4ndigung. Doch im Grunde dient es dazu, dass K\u00e4ufer eine erfolgreiche Suche durchf\u00fchren k\u00f6nnen.<\/p>\n\n\n\n<p>Hier sind einige weitere M\u00f6glichkeiten, wie es das Kundenerlebnis in Ihrem Shop verbessert:<\/p>\n\n\n\n<ul><li><strong>Es verk\u00fcrzt die Suchzeit<\/strong>, da dem Benutzer relevante Vorschl\u00e4ge pr\u00e4sentiert werden und er schnell zu dem kommt, was er sucht.<\/li><li><strong>Es<\/strong> <strong>gibt den Benutzern mehr Vertrauen <\/strong>in die Suche und ermutigt sie, mehr Details hinzuzuf\u00fcgen, was zu pr\u00e4ziseren Treffern f\u00fchrt.<\/li><li><strong>Es<\/strong> <strong>verringert die Anzahl, wie oft ein Benutzer auf eine <\/strong><a href=\"https:\/\/www.prefixbox.com\/blog\/de\/keine-ergebnisse-gefunden-seiten\/\" class=\"rank-math-link\"><strong>0-Ergebnisseite <\/strong><\/a><strong>gelangt<\/strong>, was insgesamt eine bessere Erfahrung bietet. Wenn relevante Suchanfragen, die mit bestehenden Produktseiten verbunden sind, vorgeschlagen werden, garantiert dies effektiv eine erfolgreiche Suche.<\/li><li>Dies f\u00fchrt auch dazu, dass <strong>weniger Besucher Ihre Website verlassen<\/strong>. Das bedeutet, dass Sie mehr Zeit und M\u00f6glichkeiten haben, Besucher in K\u00e4ufer zu konvertieren.Es <strong>informiert <\/strong>auch <strong>potenzielle Kunden \u00fcber Ihre Produktpalette <\/strong>und dient als eine Art weiche Cross- oder Upsell-M\u00f6glichkeit.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"447\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/effektivere-automatische-vervollstandigung.jpg\" alt=\"bessere Verk\u00e4ufe durch eine effektivere automatische Vervollst\u00e4ndigung\" class=\"wp-image-3333\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/effektivere-automatische-vervollstandigung.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/effektivere-automatische-vervollstandigung-300x158.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/effektivere-automatische-vervollstandigung-768x404.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>Kurz gesagt: Indem die Suche schneller wird und relevante Ergebnisse gew\u00e4hrleistet, senkt die automatische Vervollst\u00e4ndigung die Abbruchrate, erh\u00f6ht die Konversionsrate und wahrscheinlich sogar Ihren durchschnittlichen Bestellwert.<\/p>\n\n\n\n<p>Wir wissen aus dem <a class=\"rank-math-link\" href=\"https:\/\/www.episerver.com\/globalassets\/03.-global-documents\/reports\/b2c-retail-benchmark-report-q1-2020.pdf\" target=\"_blank\" rel=\"noopener\"><strong>B2C Retail Benchmark Report<\/strong><\/a>, dass<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Die Konversionsraten deutlich h\u00f6her sind, wenn die Konsumenten eine h\u00f6here Intention haben und beispielsweise nach Produkten suchen.<\/p><\/blockquote>\n\n\n\n<p>Nachdem wir nun die Grundlagen besprochen haben, lassen Sie uns in die tats\u00e4chlichen bew\u00e4hrten Praktiken eintauchen, um die Ergebnisse zu gew\u00e4hrleisten, \u00fcber die wir gerade gesprochen haben.<\/p>\n\n\n\n<p>Wir haben 10 davon mit detaillierten Beschreibungen hier aufgenommen \u2013 beginnen wir mit&#8230;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"e531cb3f9c6b\">10 Strategien zur automatischen Vervollst\u00e4ndigung von Suchbegriffen<\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"4c308664523f\">1. Wie das Ranking der Vorschl\u00e4ge funktionieren soll<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Selbst mit der automatischen Vervollst\u00e4ndigung haben Sie nur eine sehr <strong>begrenzte Anzahl von Chancen, dem Benutzer die richtigen Abfragen zu zeigen<\/strong>, was ein Ranking unerl\u00e4sslich macht.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"367\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-3b.jpg\" alt=\"dem Benutzer die richtigen Abfragen zu zeigen\" class=\"wp-image-3145\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-3b.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-3b-300x130.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-3b-768x332.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>Wie bereits erw\u00e4hnt, kann es viele Faktoren geben, die das Ranking der Vorschl\u00e4ge beeinflussen. <strong>Basierend auf dem Benutzerverhalten <\/strong>k\u00f6nnen Sie Abfragen, die beliebt sind (und am h\u00e4ufigsten eingegeben werden), zuerst anzeigen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen sich auch daf\u00fcr entscheiden, Abfragen zu ranken, die h\u00e4ufiger gekauft werden. Oder Sie k\u00f6nnen Abfragen, die sich<strong> auf laufende Aktionen <\/strong>oder Sonderangebote beziehen<strong>, <\/strong>zuerst anzeigen.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"07b1acf42634\">2. Personalisierung macht die automatische Vervollst\u00e4ndigung effektiver<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<ul><li>Es gibt drei grundlegende M\u00f6glichkeiten, den automatischen Suchvorschlag in der Suche zu personalisieren:<\/li><li><strong>Ber\u00fccksichtigen Sie den Standort <\/strong>des Kunden, und zeigen Sie ihm Suchanfragen, die in seiner Gegend beliebt sind \u2013 oder schlie\u00dfen Sie solche aus, die irrelevant sind.<\/li><li><strong>Ber\u00fccksichtigen Sie die Sprache<\/strong>: Wenn Ihr Online-Shop mehrsprachig ist, zeigen Sie jedem Benutzer Vorschl\u00e4ge in seiner bevorzugten Sprache an, um eine bessere Benutzererfahrung zu erm\u00f6glichen.<strong>Beziehen Sie ihre Suchhistorie mit ein<\/strong>: Machen Sie Vorschl\u00e4ge, die f\u00fcr das relevant sind, wonach sie zuvor auf der Website gesucht haben.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"524\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-4b.jpg\" alt=\"Personalisiete Automatische Vervollst\u00e4ndigung\" class=\"wp-image-3146\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-4b.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-4b-300x185.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-4b-768x473.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"e89e768140a1\">3. Halten Sie Vorschl\u00e4ge einfach und \u00fcberschaubar<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Ihre Vorschl\u00e4ge sollten den verf\u00fcgbaren Platz nicht ausdehnen oder \u00fcberladen \u2013 was auf einem mobilen Bildschirm noch wichtiger ist, wenn man bedenkt, dass Tastaturen normalerweise 30% des Bildschirms einnehmen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"542\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-5b.jpg\" alt=\"einfach und \u00fcberschaubar Vorschl\u00e4ge \" class=\"wp-image-3147\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-5b.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-5b-300x191.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/01\/article-illustrations-ac-850px-95p-5b-768x490.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"849dd1654655\">a. Halten Sie die Liste der Vorschl\u00e4ge \u00fcberschaubar<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Am besten ist es, wenn Sie Ihre Vorschl\u00e4ge auf 10 Elemente oder weniger beschr\u00e4nken (und deshalb ist das richtige Ranking so wichtig).<\/p>\n\n\n\n<p>Wenn Ihre Vorschlagsliste l\u00e4nger ist, kann eine Reihe unangenehmer Dinge passieren:<\/p>\n\n\n\n<ul><li>Dadurch wird die Suchzeit l\u00e4nger, da der Benutzer durchbl\u00e4ttert.<br>Vorschl\u00e4ge, die au\u00dferhalb des Bildschirms erscheinen, werden m\u00f6glicherweise ganz ignoriert.<\/li><li>Das Paradoxon der Wahl kann eintreten und zu einer Wahll\u00e4hmung f\u00fchren. Das bedeutet im Grunde, dass unser Gehirn, wenn uns zu viele Optionen pr\u00e4sentiert werden, sich oft daf\u00fcr entscheidet, einfach ganz auszusteigen, anstatt Energie f\u00fcr das Abw\u00e4gen aller Optionen zu verschwenden.<\/li><li>Auf einem mobilen Bildschirm liegt die bevorzugte Anzahl von Vorschl\u00e4gen bei 4-8, und kann sogar noch weniger sein, wenn sie nicht nur Abfragen, sondern pr\u00e4zise Produkte mit Fotos und Beschreibungen enthalten.<\/li><\/ul>\n\n\n\n<p>Wenn Sie mehr Schl\u00fcsselw\u00f6rter und Produkte anzeigen m\u00f6chten, sollten Sie stattdessen ein Layout mit 2 Spalten in Betracht ziehen.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"a04a1305865c\">b. Vermeiden Sie eine Bildlaufleiste<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn sich Ihre Vorschl\u00e4ge in einen Bereich erstrecken, der nur durch Scrollen zug\u00e4nglich ist, k\u00f6nnen wiederum viele Probleme auftreten.<\/p>\n\n\n\n<p>Zum einen werden diese anf\u00e4nglich versteckten Vorschl\u00e4ge <strong>wahrscheinlich ignoriert<\/strong>, aber wenn nicht, <strong>erh\u00f6ht sich die Suchzeit <\/strong>wieder.<\/p>\n\n\n\n<p>Auch die Tatsache, dass dem <strong>Benutzer eine zus\u00e4tzliche Aufgabe abverlangt wird, <\/strong>verschlechtert das Erlebnis. Ebenso wie die Tatsache, dass sie <strong>nicht sofort einen schnellen \u00dcberblick \u00fcber ihre Auswahl erhalten k\u00f6nnen<\/strong>.<\/p>\n\n\n\n<p>Eine Suchleiste im Vorschlagsfeld kann auch designtechnische<strong> Probleme <\/strong>verursachen, auf die wir hier aber nicht n\u00e4her eingehen werden.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"d400e411dc11\">c. Reduzieren Sie das visuelle Rauschen<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Bei modernen Suchl\u00f6sungen kann das Vorschlagsfeld mit einer Vielzahl von Elementen wie Text, Preisen, Fotos, Kurzbeschreibungen etc. gef\u00fcllt werden.<\/p>\n\n\n\n<p>W\u00e4hrend diese den K\u00e4ufern helfen k\u00f6nnen, sollten Sie darauf achten, nicht zu viele zus\u00e4tzliche Elemente einzubauen, da dies <strong>den Fokus von den eigentlichen Vorschl\u00e4gen ablenken <\/strong>und die Kunden mehr verwirren kann, als es ihnen hilft.<\/p>\n\n\n\n<p>Unser Vorschlag ist, das visuelle Rauschen auf ein Minimum zu beschr\u00e4nken. F\u00fcgen Sie sowohl Keyword- als auch Produktvorschl\u00e4ge, Preise und Fotos ein, wo dies relevant ist.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"30d21b59f07e\">4. Hervorheben von Vorschl\u00e4gen zur automatischen Vervollst\u00e4ndigung<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Das Hervorheben bestimmter Elemente Ihrer pr\u00e4diktiven Vorschl\u00e4ge hilft dem Benutzer, den Fokus zu behalten und die Funktion nat\u00fcrlicher zu nutzen. Hier ist, worauf Sie ein Auge haben sollten:<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"55f64df77e6a\">a. Heben Sie die Unterschiede hervor<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Anstatt hervorzuheben (was in der Regel durch Fettdruck geschieht), was der Kunde bereits eingegeben hat, ist es viel effektiver, stattdessen <strong>den pr\u00e4diktiven Teil <\/strong>der Vorschl\u00e4ge <strong>hervorzuheben<\/strong>.<\/p>\n\n\n\n<p>So k\u00f6nnen sie <strong>sich leichter darauf konzentrieren <\/strong>und den <strong>Unterschied <\/strong>zwischen den Vorschl\u00e4gen feststellen, was zu einer <strong>schnelleren Entscheidung <\/strong>f\u00fchrt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"474\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-1024x474.png\" alt=\"den pr\u00e4diktiven Teil der Vorschl\u00e4ge hervorzuheben\" class=\"wp-image-2763\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-1024x474.png 1024w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-300x139.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-768x355.png 768w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-938x434.png 938w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete-1130x523.png 1130w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2020\/10\/ikea-search-autocomplete.png 1135w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"1c0d572dea8b\">b. Markieren Sie den aktiven Vorschlag<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn Sie zwischen Vorschl\u00e4gen w\u00e4hlen, sollten Sie <strong>deutlich anzeigen, \u00fcber welchem Vorschlag die Maus des Benutzers schwebt <\/strong>bzw. welcher Vorschlag bei K\u00e4ufern mit Tastaturnavigation (die in Ihrer automatischen Vervollst\u00e4ndigungsfunktion unterst\u00fctzt werden muss) aktiv ist.<\/p>\n\n\n\n<p>Das schafft Klarheit und <strong>hilft, Fehler zu vermeiden<\/strong>: wie z.B. den falschen Vorschlag zu w\u00e4hlen und zur\u00fcckgehen zu m\u00fcssen.<\/p>\n\n\n\n<p>Au\u00dferdem <strong>sollten <\/strong>die <strong>aktiven Vorschl\u00e4ge in die <\/strong><a href=\"https:\/\/www.prefixbox.com\/blog\/de\/suchfunktionen-fur-e-commerce\/\" class=\"rank-math-link\"><strong>Suchleiste <\/strong><\/a><strong>kopiert werden<\/strong>. Dies hilft dem Benutzer zu verstehen, wie die automatische Vervollst\u00e4ndigung funktioniert und erm\u00f6glicht es, den Vorschlag durch weitere Details zu erweitern, was zu pr\u00e4ziseren Ergebnissen f\u00fchrt.<\/p>\n\n\n\n<p>Die Hervorhebung des aktiven Vorschlags erfolgt in der Regel am besten mit einer einfachen Hintergrundschattierung.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"9bc340b2263d\">c. Unterschiedliche Vorschl\u00e4ge unterschiedlich gestalten<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wie wir bereits besprochen haben, k\u00f6nnen mehrere verschiedene Vorschlagsarten in Ihrem Feld erscheinen, und Sie m\u00fcssen <strong>dem Benutzer helfen, den Unterschied zwischen ihnen zu verstehen<\/strong>.<\/p>\n\n\n\n<p>Nehmen wir an, dass Sie neben pr\u00e4diktiven Abfragen auch Produkte und\/oder Produktkategorien einbeziehen. Wenn Sie diese zusammen gruppieren, achten Sie darauf, sie zu unterscheiden. Gestalten Sie z.B. den Text anders. <strong>Beispielsweise durch eine andere Farbe<\/strong>.<\/p>\n\n\n\n<p>Wenn alle verschiedenen Arten von Vorschl\u00e4gen als gleich dargestellt werden, <strong>k\u00f6nnten die<\/strong> <strong>Benutzer den Unterschied nicht verstehen, <\/strong>sie ignorieren oder solche ausw\u00e4hlen, die nicht wirklich relevant sind.<\/p>\n\n\n\n<p>Kleine \u00c4nderungen im Stil machen es dem <strong>Benutzer leichter, <\/strong>die pr\u00e4sentierten Vorschl\u00e4ge <strong>zu scannen <\/strong>und sich auf die zu konzentrieren, die ihn interessieren.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"523\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/prasentierten-vorschlage-zu-scannen.jpg\" alt=\"Kleine \u00c4nderungen im Stil machen es dem Benutzer leichter, die pr\u00e4sentierten Vorschl\u00e4ge zu scannen\" class=\"wp-image-3334\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/prasentierten-vorschlage-zu-scannen.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/prasentierten-vorschlage-zu-scannen-300x185.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/prasentierten-vorschlage-zu-scannen-768x473.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"7ced237cfe37\">d. Stil f\u00fcr Lesbarkeit<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Besonders auf mobilen Ger\u00e4ten ist es sehr wichtig, dass die Kunden <strong>die Vorschl\u00e4ge tats\u00e4chlich lesen <\/strong>und auch <strong>leicht die ausw\u00e4hlen k\u00f6nnen, f\u00fcr die sie sich interessieren<\/strong>.<\/p>\n\n\n\n<p>Um die Lesbarkeit zu gew\u00e4hrleisten, sollten die Vorschl\u00e4ge in einer <strong>ausreichend gro\u00dfen Schriftgr\u00f6\u00dfe <\/strong>und mit <strong>gen\u00fcgend Abstand, vielleicht sogar mit Trennzeichen, <\/strong>dargestellt werden, damit das Antippen nicht versehentlich zur Auswahl einer anderen Option f\u00fchrt.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"c9ae87c44f32\">5. Bieten Sie klare Anweisungen<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Die genaue Funktionsweise einer automatischen Vervollst\u00e4ndigungsfunktion ist den Nutzern m\u00f6glicherweise nicht auf Anhieb klar, vor allem, wenn man bedenkt, wie unterschiedlich die Suchl\u00f6sungen auf Websites sein k\u00f6nnen.<\/p>\n\n\n\n<p>Um ihnen bei der Nutzung der Funktion zu helfen, kann die Bereitstellung von Anweisungen und Beschriftungen sehr n\u00fctzlich sein. Dazu k\u00f6nnen <strong>\u00dcberschriften in der Liste <\/strong>geh\u00f6ren, z.B. die Trennung von &#8220;Suchvorschl\u00e4gen&#8221;, &#8220;Kategorien&#8221;, &#8220;Artikeln&#8221; und so weiter.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"396\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/uberschriften-in-der-liste-gehoren.jpg\" alt=\"\u00dcberschriften in der Liste geh\u00f6ren\" class=\"wp-image-3335\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/uberschriften-in-der-liste-gehoren.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/uberschriften-in-der-liste-gehoren-300x140.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/uberschriften-in-der-liste-gehoren-768x358.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>Dies wird <strong>den Benutzern helfen, zu verstehen, <\/strong>wie die Liste strukturiert ist, sodass sie <strong>sie leichter scannen <\/strong>und ihre Aufmerksamkeit auf die f\u00fcr sie relevanten Vorschl\u00e4ge lenken k\u00f6nnen. Durch die Vermischung der verschiedenen Vorschl\u00e4ge und ohne die Kl\u00e4rung dieser Details kann es sein, dass der Benutzer trotz seiner urspr\u00fcnglichen Absicht einen Artikel statt eines Produkts ausw\u00e4hlt oder auf einer Kategorieseite statt auf einer allgemeineren Ergebnisseite landet.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"0100a07e3154\">6. Visueller Fokus und Einfachheit<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn der Kunde die Suchfunktion nutzt, sollte dem Feld der automatischen Vervollst\u00e4ndigung zusammen mit der Suchleiste absolute Priorit\u00e4t in Bezug auf die visuelle Aufmerksamkeit einger\u00e4umt werden.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"a1558b1e3cd7\">a. Design f\u00fcr visuelle Tiefe<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Dem Feld der automatischen Vervollst\u00e4ndigung Vorrang zu geben, l\u00e4sst sich leicht erreichen, indem man <strong>den Rest der Seite <\/strong>\u2013 in diesem Fall den Hintergrund \u2013 <strong>abdunkelt<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"303\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatischen-vervollstandigung-abdunkelt.jpg\" alt=\"automatischen Vervollst\u00e4ndigung Vorrang zu geben, l\u00e4sst sich leicht erreichen, indem man den Rest der Seite \u2013 in diesem Fall den Hintergrund \u2013 abdunkelt.\" class=\"wp-image-3336\" title=\"automatischen Vervollst\u00e4ndigung Vorrang zu geben, l\u00e4sst sich leicht erreichen, indem man den Rest der Seite \u2013 in diesem Fall den Hintergrund \u2013 abdunkelt.\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatischen-vervollstandigung-abdunkelt.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatischen-vervollstandigung-abdunkelt-300x107.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/automatischen-vervollstandigung-abdunkelt-768x274.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>Dies hilft dabei, die Elemente auf der Website auszublenden, die um die Aufmerksamkeit des K\u00e4ufers k\u00e4mpfen \u2013 CTA-Schaltfl\u00e4chen, Banner, Produktfotos und so weiter. Auf diese Weise kann der Kunde leicht <strong>seinen Fokus behalten und wird nicht abgelenkt<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"1dec96894296\">b. Reduzieren Sie die visuelle Konkurrenz<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Auf mobilen Ger\u00e4ten k\u00f6nnen direktive Elemente wie Navigation oder Shortcuts <strong>neben oder sogar \u00fcber dem Eingabefeld der automatischen Vervollst\u00e4ndigung erscheinen<\/strong>, was die Navigation problematisch macht und den Nutzer ablenkt.<\/p>\n\n\n\n<p>Achten Sie darauf, wo Sie Ihre Live-Chat-Option, ein Symbol f\u00fcr den Einkaufswagen oder sogar fixe Kopfzeilen platzieren, um sicherzustellen, dass sie nicht von der Sucherfahrung ablenken.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"850\" height=\"451\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/ablenkenden-elemente-minimieren.jpg\" alt=\"Indem Sie diese ablenkenden Elemente minimieren\" class=\"wp-image-3337\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/ablenkenden-elemente-minimieren.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/ablenkenden-elemente-minimieren-300x159.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/ablenkenden-elemente-minimieren-768x407.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div>\n\n\n\n<p>Indem Sie diese ablenkenden Elemente minimieren, k\u00f6nnen Sie Fehlklicks reduzieren und ein viel reibungsloseres Erlebnis bieten.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"2779e37c532d\">7. Unterst\u00fctzung von Mausinteraktion als auch Tastaturnavigation<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Kunden sollten sehen k\u00f6nnen, \u00fcber welchem Vorschlag sie schweben. Dies kann durch Hervorheben der jeweiligen Zeile geschehen. Sie k\u00f6nnen auch den Handcursor aufrufen, um zu verdeutlichen, dass sie auf die Vorschl\u00e4ge klicken k\u00f6nnen und dadurch auf eine Ergebnisseite gelangen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"850\" height=\"541\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/vorschlage-klicken-ergebnisseite-gelangen.jpg\" alt=\"Vorschl\u00e4ge klicken k\u00f6nnen und dadurch auf eine Ergebnisseite gelangen\" class=\"wp-image-3338\" title=\"Vorschl\u00e4ge klicken k\u00f6nnen und dadurch auf eine Ergebnisseite gelangen\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/vorschlage-klicken-ergebnisseite-gelangen.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/vorschlage-klicken-ergebnisseite-gelangen-300x191.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/vorschlage-klicken-ergebnisseite-gelangen-768x489.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>Es ist wichtig, <strong>eine Tastaturnavigation <\/strong>zur Verf\u00fcgung zu stellen<strong> <\/strong>(vor allem, da die meisten von uns Google f\u00fcr die externe Suche verwenden und uns diese Funktionalit\u00e4t sehr vertraut ist).<\/p>\n\n\n\n<p>Mit den Auf- und Abw\u00e4rtspfeilen sollte der Kunde zwischen den Vorschl\u00e4gen wechseln und durch Dr\u00fccken der <em>Eingabetaste <\/em>ausw\u00e4hlen k\u00f6nnen.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"20f98b5305a2\">8. Spezifische mobile Optimierungen<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Es gibt einige Dinge, die sehr, sehr wichtig sind und auf die man achten muss, wenn man die automatische Vervollst\u00e4ndigung f\u00fcr einen kleinen Bildschirm gestaltet.<\/p>\n\n\n\n<p>Hier sind die wichtigsten:<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"a1c58b4ee09d\">a. Textumbruch<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wir haben bereits erw\u00e4hnt, dass Sie nicht versuchen sollten, Ihr Vorschlagsfeld mit einer vertikalen Bildlaufleiste zu erweitern. Wir raten auch von einer horizontalen Bildlaufleiste ab. Angesichts der begrenzten Bildschirmgr\u00f6\u00dfe und einer ausreichend gro\u00dfen Schrift f\u00fcr die Lesbarkeit werden <strong>viele<\/strong> <strong>Vorschl\u00e4ge, einschlie\u00dflich langer oder mehrfacher Schl\u00fcsselw\u00f6rter, nicht in ihre Zeile passen<\/strong>.<\/p>\n\n\n\n<p>Wenn Sie den Vorschlag einfach abk\u00fcrzen, indem Sie &#8220;&#8230;&#8221; am Ende einf\u00fcgen, verwirren Sie den Kunden, der nicht genau wei\u00df, worauf er klicken k\u00f6nnte, da ein Teil der Info fehlt.<\/p>\n\n\n\n<p>Wie k\u00f6nnen Sie also dieses Problem l\u00f6sen?<\/p>\n\n\n\n<p>Verwenden Sie den Textumbruch und erweitern Sie Vorschl\u00e4ge bei Bedarf auf mehrere Zeilen, auch wenn dadurch weniger Optionen sichtbar sind.<\/p>\n\n\n\n<p>Die Bereitstellung ausreichender Informationen, bevor sich der Kunde auf einen Klick festlegen muss, ist von entscheidender Bedeutung.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"366\" height=\"448\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/textumbruch-amazon.png\" alt=\"Verwenden Sie den Textumbruch\" class=\"wp-image-3339\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/textumbruch-amazon.png 366w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/textumbruch-amazon-245x300.png 245w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"01faf3021e63\">b. Teilweise Verdeckung der letzten sichtbaren Vorschl\u00e4ge<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Auf mobilen Ger\u00e4ten ist das Scrollen in vielen F\u00e4llen unvermeidlich, besonders wenn Sie Vorschl\u00e4ge in mehreren Zeilen anzeigen m\u00fcssen.<\/p>\n\n\n\n<p>Anstatt eine Bildlaufleiste hinzuzuf\u00fcgen, gibt es ein paar andere Dinge, die Sie tun k\u00f6nnen.<\/p>\n\n\n\n<p>Die beste Option ist wahrscheinlich, wenn Sie das <strong>letzte Ergebnis teilweise verdecken<\/strong> \u2013 was ein deutlicher Hinweis darauf ist, dass die Liste unten weitergeht.<\/p>\n\n\n\n<p>In Anbetracht der <strong>verschiedenen Bildschirmgr\u00f6\u00dfen, Browser, Schriftarten usw<\/strong>. ist es nahezu unm\u00f6glich, dies jedes Mal richtig hinzubekommen, da es einfach zu viele Variablen gibt.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"656\" height=\"530\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/teilweise-verdeckung-der-ltezten-sichbaren-vorschlage.png\" alt=\"Teilweise Verdeckung der letzten sichtbaren Vorschl\u00e4ge\" class=\"wp-image-3340\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/teilweise-verdeckung-der-ltezten-sichbaren-vorschlage.png 656w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/teilweise-verdeckung-der-ltezten-sichbaren-vorschlage-300x242.png 300w\" sizes=\"(max-width: 656px) 100vw, 656px\" \/><\/figure><\/div>\n\n\n\n<p>Sie sollten also Ihre Analysen \u00fcberpr\u00fcfen, um herauszufinden, welche Ger\u00e4te am h\u00e4ufigsten f\u00fcr den Zugriff auf Ihren Shop verwendet werden, und speziell f\u00fcr diese optimieren.<\/p>\n\n\n\n<p>Die meisten Benutzer werden immer noch einen der Vorschl\u00e4ge ausw\u00e4hlen, die sofort sichtbar sind, aber mit dieser Methode k\u00f6nnen Sie eine reibungslose Erfahrung f\u00fcr diejenigen bieten, die die gesamte Liste erkunden m\u00f6chten.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"e386fe42eff3\">c. Einfaches Beenden der automatischen Vervollst\u00e4ndigung (und Entfernen einer Abfrage)<\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn ein Kunde beschlie\u00dft, die Suchleiste nicht weiter zu nutzen und zum Durchsuchen der Website zur\u00fcckkehren m\u00f6chte, sollte er das problemlos tun k\u00f6nnen.<\/p>\n\n\n\n<p>Die Bereitstellung eines &#8220;X&#8221;-Symbols zum L\u00f6schen der Abfrage, anstatt dies manuell tun zu m\u00fcssen, ist eine praktische L\u00f6sung, um das Surf-Erlebnis des Kunden zu verbessern.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"645\" height=\"163\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-eines-X-symbols-zum-loschen-der-abfrage.png\" alt=\"Einfaches Beenden der automatischen Vervollst\u00e4ndigung (und Entfernen einer Abfrage\" class=\"wp-image-3341\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-eines-X-symbols-zum-loschen-der-abfrage.png 645w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-eines-X-symbols-zum-loschen-der-abfrage-300x76.png 300w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"7d16192bdb53\">9. Vorschl\u00e4ge f\u00fcr die Kategoriesuche<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn ein Kunde beginnt, eine Anfrage in die Suchleiste einzugeben, <strong>m\u00f6chte er<\/strong> <strong>vielleicht nur erkunden<\/strong>, was Sie in einer bestimmten Produktkategorie haben.<\/p>\n\n\n\n<p>Die <strong>Bereitstellung von Kategorievorschl\u00e4gen <\/strong>ist eine sehr bequeme Methode, die es den Nutzern erm\u00f6glicht, Ihre Produkte zu durchsuchen und das zu finden, was sie kaufen m\u00f6chten.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"606\" height=\"433\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-von-kategorievorschlagen.png\" alt=\"Bereitstellung von Kategorievorschl\u00e4gen\" class=\"wp-image-3342\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-von-kategorievorschlagen.png 606w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2021\/03\/bereitstellung-von-kategorievorschlagen-300x214.png 300w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/figure><\/div>\n\n\n\n<p>Dies <strong>spart Zeit <\/strong>f\u00fcr den Kunden und <strong>sorgt f\u00fcr einen klaren Weg, <\/strong>was die<strong> <\/strong>Benutzererfahrung reibungsloser macht.<\/p>\n\n\n\n<p>Wie wir aber bereits besprochen haben, m\u00f6chten Sie <strong>visuelle Unordnung und Verwirrung vermeiden.<\/strong> Weisen Sie deutlich darauf hin, dass Kategorievorschl\u00e4ge keine Schl\u00fcsselwortvorschl\u00e4ge sind. Tun Sie dies mit einer einfachen \u00dcberschrift und\/oder durch Verwendung eines anderen Stils.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 id=\"a698eeedcca7\">10. Geschwindigkeit ist entscheidend: Automatische Vervollst\u00e4ndigung in Echtzeit<\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Ihre automatische Vervollst\u00e4ndigung sollte immer <strong>Vorschl\u00e4ge in Echtzeit <\/strong>liefern.<\/p>\n\n\n\n<p><strong>Wenn es langsamer ist, kann es f\u00fcr den Benutzer irritierend sein<\/strong>, da er die Verz\u00f6gerung visuell wahrnehmen kann \u2013 wie bei einer Website, die einzelne Elemente langsam l\u00e4dt.<\/p>\n\n\n\n<p>Wenn die automatische Vervollst\u00e4ndigung von Suchbegriffen nicht in Echtzeit erfolgt, sind alle oben genannten bew\u00e4hrten Praktiken wertlos, da niemand eine Suchleiste verwenden wird, die er als nutzlos empfindet.<\/p>\n\n\n\n<p>Die Vorschl\u00e4ge m\u00fcssen <strong>gleich bei der Eingabe des ersten Zeichens der Abfrage erscheinen <\/strong>und sollten sich mit jedem weiteren Tastendruck \u00e4ndern, um die relevanten Optionen anzuzeigen.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"bcaa22c0f291\">Zusammenfassung<\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background has-primary-background-color has-primary-color blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Wenn Sie w\u00e4hrend der Customer Journey ein H\u00f6chstma\u00df an Qualit\u00e4t bieten, k\u00f6nnen Sie den Umsatz Ihres Shops direkt steigern. Ein besseres Sucherlebnis f\u00fchrt zu h\u00f6herer Zufriedenheit, besserer Erfahrung und insgesamt zu h\u00f6heren Konversionsraten und durchschnittlichem Bestellwert.<\/p>\n\n\n\n<p>Wenn Sie die bew\u00e4hrten Praktiken in Ihrem Gesch\u00e4ft anwenden, k\u00f6nnen Sie genau das erreichen.<\/p>\n\n\n\n<p>Erinnern Sie sich an die grundlegendsten Richtlinien:<\/p>\n\n\n\n<ul><li>Die automatische Vervollst\u00e4ndigung sollte in Echtzeit stattfinden.<\/li><li>Sie sollte relevante Ergebnisse liefern \u2013 die personalisiert werden k\u00f6nnen.<\/li><li>Es sollte eine klare visuelle Anleitung f\u00fcr deren Verwendung bieten.<\/li><li>Wenn es in Gebrauch ist, sollten alle anderen Seitenelemente in den Hintergrund treten.<\/li><\/ul>\n\n\n\n<p>Nat\u00fcrlich kann es schnell kompliziert werden, und die Feinabstimmung kann sehr zeitaufw\u00e4ndig sein. Um die besten Ergebnisse zu erzielen, empfehlen wir daher die Zusammenarbeit mit Experten f\u00fcr die On-Site-Suche.<\/p>\n\n\n\n<p>Wie immer, wenn Sie Fragen oder Anregungen zur Erweiterung dieser Liste haben, kontaktieren Sie uns!<\/p>\n\n\n\n<div class=\"wp-block-getwid-person author-profile-picture\"><div class=\"wp-block-getwid-person__image\"><img loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2019\/04\/Paige_Tyrrell-150x150.jpg\" class=\"wp-image-1830\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2019\/04\/Paige_Tyrrell-150x150.jpg 150w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2019\/04\/Paige_Tyrrell.jpg 200w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><div class=\"wp-block-getwid-person__content-wrapper\"><span class=\"wp-block-getwid-person__title\">Paige Tyrrell<\/span><span class=\"wp-block-getwid-person__subtitle\">Marketingleiterin \u2013 Prefixbox<\/span><p class=\"wp-block-getwid-person__content\">Paige ist Marketingleiterin bei Prefixbox, einer f\u00fchrenden E-Commerce Website-Suchl\u00f6sung. Sie ist Amerikanerin, lebt seit 2017 in Budapest und liebt es, #alwayslearning-Sessions zu geben, um Menschen bei der Optimierung ihrer Online-Shops zu helfen.<\/p>\n<div class=\"wp-block-getwid-social-links has-default-spacing\" style=\"font-size:29px\"><ul class=\"wp-block-getwid-social-links__list getwid-justify-content-center\"><li class=\"wp-block-getwid-social-links__item\"><a class=\"wp-block-getwid-social-links__link\" href=\"https:\/\/www.linkedin.com\/in\/paigetyrrell\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"wp-block-getwid-social-links__wrapper\"><i class=\"fab fa-linkedin\"><\/i><\/span><\/a><\/li><\/ul><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Doch zuerst wollen wir die Grundlagen kl\u00e4ren. Was ist die automatische Vervollst\u00e4ndigung von Suchbegriffen? Die automatische Vervollst\u00e4ndigung von Suchbegriffen ist die Funktion, die in Echtzeit [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":5137,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[],"_links":{"self":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/3183"}],"collection":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/comments?post=3183"}],"version-history":[{"count":36,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/3183\/revisions"}],"predecessor-version":[{"id":5103,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/3183\/revisions\/5103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/media\/5137"}],"wp:attachment":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/media?parent=3183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/categories?post=3183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/tags?post=3183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}