{"id":35855,"date":"2020-07-02T02:30:54","date_gmt":"2020-07-02T09:30:54","guid":{"rendered":"https:\/\/kinsta.com\/?p=66857&#038;preview=true&#038;preview_id=66857"},"modified":"2023-07-27T12:12:43","modified_gmt":"2023-07-27T11:12:43","slug":"navigation-auf-webseiten","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/","title":{"rendered":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)"},"content":{"rendered":"<p>Webseitennavigation ist etwas, das viele erst im Nachhinein nach Seiten und Inhalten erstellen. In einer k\u00fcrzlich durchgef\u00fchrten Umfrage konnten nur 50 % der Internetnutzer vorhersagen, wo relevante Inhalte auf der Basis einer Standard-Webseitennavigation zu finden sein w\u00fcrden.<\/p>\n<figure style=\"width: 955px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/wo-finde-ich-antworten-auf-spezifische-fragen.png\" alt=\"Wo finde ich Antworten auf spezifische Fragen?\" width=\"955\" height=\"377\"><figcaption class=\"wp-caption-text\">Wo finde ich Antworten auf spezifische Fragen?<\/figcaption><\/figure>\n<p>Wenn die H\u00e4lfte deiner Besucher die Seite, die sie suchen, nicht finden kann, ist das ein riesiges UX-Problem.<\/p>\n<p>Es f\u00fchrt zu h\u00f6heren <a href=\"https:\/\/kinsta.com\/de\/blog\/bounce-rate-reduzieren\/\" target=\"_blank\" rel=\"noopener noreferrer\">Absprungraten<\/a>, weniger Zeit auf der Webseite und <a href=\"https:\/\/kinsta.com\/de\/blog\/tipps-zur-optimierung-der-conversion-rate\/\" target=\"_blank\" rel=\"noopener noreferrer\">niedrigeren Conversions<\/a>.<\/p>\n<p>Wenn du einen <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">E-Commerce-Shop<\/a> betreibst, kann sich eine schlechte Navigation auch negativ auf dein Endergebnis und deinen Umsatz auswirken.<\/p>\n<p>In diesem Beitrag besch\u00e4ftige ich mich mit der Webseitennavigation von A bis Z. Das hei\u00dft, du lernst die besten Methoden, verschiedene Arten der Navigation und genau, was du tun solltest, um die perfekte Navigation f\u00fcr deine Webseite zu erstellen.<\/p>\n<p>Los geht&#8217;s!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Was ist Webseitennavigation?<\/h2>\n<p>Webseitennavigation ist der Prozess des Navigierens durch Seiten, Anwendungen und Webseiten im Internet. Die Technologie dahinter wird Hypertext oder Hypermedia genannt.<\/p>\n<p>Hypertext oder Medien sind textbasierte Webseiten, die Hyperlinks verwenden, um sie mit anderen Seiten im Internet zu verbinden. Ein <a href=\"https:\/\/techterms.com\/definition\/hyperlink\" target=\"_blank\" rel=\"noopener noreferrer\">Hyperlink<\/a> ist ein Link, der deinen Webbrowser zu einer URL f\u00fchrt.<\/p>\n<p>Die URL gibt an, auf welche Datei der Browser vom Server zugreifen soll und l\u00e4dt die Daten herunter und rendert sie so, dass der Benutzer sie sehen kann.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/google-sitelinks\/#6-build-internal-links\" target=\"_blank\" rel=\"noopener noreferrer\">Interne Links<\/a> f\u00fchren zu verschiedenen Seiten auf derselben Domain. Externe Links f\u00fchren zu verschiedenen Seiten auf einer anderen <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-viel-kostet-ein-domainname\/\" target=\"_blank\" rel=\"noopener noreferrer\">Domain<\/a>, einer v\u00f6llig anderen Webseite und einem anderen Server.<\/p>\n<p>Die Webseitennavigation verwendet Men\u00fcs mit internen Links, die es den Besuchern leicht machen, die gesuchte Seite zu finden. Eine gute Navigation ist ein wesentliches Element einer benutzerfreundlichen Webseite.<\/p>\n<h3>Was ist ein Webseitennavigations-Men\u00fc?<\/h3>\n<p>Ein <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/#navigational-menu\" target=\"_blank\" rel=\"noopener noreferrer\">Webseitennavigationsmen\u00fc<\/a> ist eine Reihe von Links, normalerweise zu internen Seiten, die in einem Men\u00fc organisiert sind. Die meisten Webseiten, einschlie\u00dflich unserer eigenen, haben ein Men\u00fc ganz oben auf ihrer Webseite.<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/kinsta-header-menu.png\" alt=\"Kinsta Header-Men\u00fc\" width=\"1200\" height=\"91\"><figcaption class=\"wp-caption-text\">Kinsta Header-Men\u00fc<\/figcaption><\/figure>\n<p>Dieser Abschnitt wird als &#8222;Header&#8220; einer Webseite in Webdesign und -entwicklung bezeichnet. Einige der h\u00e4ufigsten Seiten, auf die in diesen Men\u00fcs verwiesen wird, sind<\/p>\n<ul>\n<li>\u00dcber Uns.<\/li>\n<li>Blog.<\/li>\n<li>Kontakt.<\/li>\n<li>Besonderheiten.<\/li>\n<li>Pl\u00e4ne\/Preise.<\/li>\n<\/ul>\n<p>Das Men\u00fc kann nat\u00fcrlich auch Links zu anderen Seiten enthalten.<\/p>\n<h3>Was ist die Navigationsstruktur einer Webseite?<\/h3>\n<p>Die Webseitennavigation einer Webseite beschreibt, wie verschiedene Seiten auf deiner Webseite organisiert und miteinander verbunden sind.<\/p>\n<p>Zum Beispiel k\u00f6nnen einige Seiten und Inhalte nur durch den Besuch einer bestimmten Seite erreicht werden. <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\" target=\"_blank\" rel=\"noopener noreferrer\">Designer und Webentwickler<\/a> planen die Navigationsstruktur oft schon bei der Erstellung einer neuen Webseite.<\/p>\n<figure style=\"width: 992px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/struktur-der-webseitennavigation.jpg\" alt=\"Struktur der Webseitennavigation\" width=\"992\" height=\"336\"><figcaption class=\"wp-caption-text\">Struktur der Webseitennavigation<\/figcaption><\/figure>\n<p>In diesem Beispiel sind die Seiten &#8222;<strong>\u00dcber<\/strong>&#8222;, &#8222;<strong>Pl\u00e4ne<\/strong>&#8222;, &#8222;<strong>Kontakt<\/strong>&#8220; und &#8222;<strong>Blog<\/strong>&#8220; vom Startmen\u00fc aus verlinkt. Um auf die <strong>Missions<\/strong>&#8211; und <strong>Teamseiten<\/strong> zuzugreifen, musst du zuerst die <strong>\u00dcber<\/strong>-Seite besuchen.<\/p>\n<h3>Warum ist Webseitennavigation auf einer Webseite wichtig?<\/h3>\n<p>In der Einf\u00fchrung zu diesem Beitrag hast du gelernt, dass 50% der Internetnutzer nicht in der Lage sind, ein Standardmen\u00fc richtig zu benutzen. Stell dir vor, wie wenige Leute den <a href=\"https:\/\/kinsta.com\/de\/thema\/content-strategie\/\" target=\"_blank\" rel=\"noopener noreferrer\">richtigen Inhalt<\/a> ohne jegliche Navigation finden w\u00fcrden.<\/p>\n<p>Mit der richtigen Herangehensweise an Navigation und Men\u00fcs kannst du den Prozentsatz weit unter 50% bringen. Das wird deine Absprungraten reduzieren, deine durchschnittliche Verweildauer auf deiner Webseite erh\u00f6hen und zu <a href=\"https:\/\/kinsta.com\/de\/blog\/traffic-deine-webseite-bekommen\/\" target=\"_blank\" rel=\"noopener noreferrer\">mehr Traffic<\/a>, Leads und Kunden f\u00fchren.<\/p>\n\n<h2>Arten der Web-Navigation<\/h2>\n<p>Es gibt drei Haupttypen der Webseitennavigation. Sie sind:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<p>Wenn sie richtig kombiniert werden, helfen sie deinen Besuchern, auf deiner Webseite zu navigieren und ihr Ziel ohne Probleme zu finden. Schauen wir uns jede einzelne n\u00e4her an.<\/p>\n<h3>1. Globale Webseitennavigation<\/h3>\n<p>Bei der globalen Webseitennavigation sind das Men\u00fc und die Links auf allen Seiten der Webseite identisch. Viele moderne Men\u00fcs sind so gestaltet, so auch das Men\u00fc unserer eigenen Webseite hier bei Kinsta: Wenn du die Seite nach unten scrollst, &#8222;folgt&#8220; das Men\u00fc.<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/globales-header-menu-von-kinsta.png\" alt=\"Globales Header-Men\u00fc von Kinsta\" width=\"1282\" height=\"750\"><figcaption class=\"wp-caption-text\">Globales Header-Men\u00fc von Kinsta<\/figcaption><\/figure>\n<p>Auf dem Screenshot seht ihr unser einfaches und leicht verst\u00e4ndliches Header-Men\u00fc. Es ist auf allen unseren Seiten gleich und f\u00fchrt zu einigen unserer wichtigsten Seiten und Inhalte.<\/p>\n<p>Wir kennen die entscheidenden Informationen, die ein potenzieller Kunde \u00fcber eine Hosting-Firma wissen m\u00f6chte, bevor er eine Entscheidung trifft. Deshalb haben wir es potenziellen Kunden leicht gemacht, unsere Angebote und Funktionen zu finden und uns zu kontaktieren. Und f\u00fcr bestehende Nutzer haben wir die Login-Option, mit der sie sich in ihr <a href=\"https:\/\/kinsta.com\/de\/mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-Dashboard<\/a> einloggen k\u00f6nnen.<\/p>\n<p>Unser Fu\u00dfzeilenmen\u00fc ist ebenfalls global und hebt wesentliche Bereiche unserer Webseite und einige der vorgestellten Inhalte hervor.<\/p>\n<figure style=\"width: 1184px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/kinsta-fusszeilen-menu.png\" alt=\"Fu\u00dfzeilen-Men\u00fc\" width=\"1184\" height=\"729\"><figcaption class=\"wp-caption-text\">Fu\u00dfzeilen-Men\u00fc<\/figcaption><\/figure>\n<p>Globale Men\u00fcs sind der Standard f\u00fcr die <a href=\"https:\/\/kinsta.com\/de\/wordpress-marktanteil\/\" target=\"_blank\" rel=\"noopener noreferrer\">meisten CMS-L\u00f6sungen<\/a> &#8222;out of the box&#8220;.<\/p>\n<p>Jedes WordPress Theme erm\u00f6glicht es dir, verschiedene Typen und Bereiche f\u00fcr Navigationsmen\u00fcs anzubieten. Wenn du mehr brauchst, kannst du ein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Men\u00fc-Plugin<\/a> verwenden, um mehr Optionen zur Verf\u00fcgung zu haben.<\/p>\n<h3>2. Hierarchische Webseitennavigation<\/h3>\n<p>Hierarchische Navigation bedeutet, dass die Men\u00fcs je nach dem Kontext jeder Seite wechseln.<\/p>\n<p>Die meisten Zeitungen und rein inhaltsbasierten Webseiten verf\u00fcgen \u00fcber eine hierarchische Navigation. Wenn du zum Beispiel die oberste Seite einer Zeitung besuchst, siehst du normalerweise Links zu den wichtigsten Nachrichtenkategorien im Header-Men\u00fc.<\/p>\n<figure style=\"width: 1309px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-menu.png\" alt=\"Beispiel einer hierarchischen Navigation aus der NYT\" width=\"1309\" height=\"210\"><figcaption class=\"wp-caption-text\">Beispiel einer hierarchischen Navigation aus der NYT<\/figcaption><\/figure>\n<p>Wenn das Men\u00fc global w\u00e4re, w\u00fcrde es auch nach einem Klick in eine andere Kategorie gleich bleiben. Aber weil es hierarchisch ist, zeigt es neue Links an, die zu Unterkategorien der Kategorie-Seite f\u00fchren, die wir besuchen.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/beispiel-einer-hierarchischen-navigation.png\" alt=\"Beispiel einer hierarchischen Navigation\" width=\"1820\" height=\"496\"><figcaption class=\"wp-caption-text\">Beispiel einer hierarchischen Navigation<\/figcaption><\/figure>\n<p>Auf der <strong>Wissenschaftsseite<\/strong> der New York Times siehst du das Top-Level-Men\u00fc \u00fcberhaupt nicht. Stattdessen siehst du Links zu verschiedenen Unterabschnitten der wissenschaftlichen Forschung und Artikeln.<\/p>\n<p>Diese \u00c4nderung trennt dieses Men\u00fc von einem normalen globalen Men\u00fc, das du auf den meisten kleineren Webseiten findest.<\/p>\n<h3>3. Lokale Webseitennavigation<\/h3>\n<p>Im Gegensatz sowohl zur hierarchischen als auch zur globalen Navigation bezieht sich die lokale Webseitennavigation auf interne Links, die im Inhalt selbst enthalten sind. Gew\u00f6hnlich werden dem Benutzer Optionen auf der gleichen oder einer tieferen Hierarchieebene oder Links zur Navigation zu anderen relevanten Seiten angeboten.<\/p>\n<p>Ein gutes Beispiel sind Webseiten von Zeitschriften, die oft Links verwenden, um den Lesern zu helfen, den tieferen Kontext eines bestimmten Artikels zu erkunden. Wenn sie einen Vorfall erw\u00e4hnen, \u00fcber den sie in der Vergangenheit berichtet haben, werden sie auf diesen Artikel verlinken, anstatt es eingehend zu erkl\u00e4ren.<\/p>\n<figure style=\"width: 980px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/internal-links.png\" alt=\"Beispiel f\u00fcr verwandte Inhalte, die auf einer Seite verlinkt sind\" width=\"980\" height=\"908\"><figcaption class=\"wp-caption-text\">Beispiel f\u00fcr verwandte Inhalte, die auf einer Seite verlinkt sind<\/figcaption><\/figure>\n<p>Aber es ist nicht nur f\u00fcr Zeitschriften und Webseiten mit Nachrichten reserviert. <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-ecommerce-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">E-Commerce-Shops<\/a> verlassen sich stark auf diese Art von Navigationsmen\u00fc, um Produkte der gleichen Kategorie zu pr\u00e4sentieren.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/lokale-navigation-e-commerce.png\" alt=\"Beispiel f\u00fcr lokale Navigation im E-Commerce\" width=\"1500\" height=\"576\"><figcaption class=\"wp-caption-text\">Beispiel f\u00fcr lokale Navigation im E-Commerce<\/figcaption><\/figure>\n<p>Interne Verlinkung ist auch ein entscheidender Aspekt von <a href=\"https:\/\/kinsta.com\/de\/blog\/wofur-steht-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a> im Allgemeinen und speziell von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress SEO<\/a>, daher ist es mittlerweile Standard f\u00fcr jeden, der eine Webseite verwaltet.<\/p>\n<h2>Beispiele f\u00fcr Webseitennavigation<\/h2>\n<p>Anstatt \u00fcber Theorie zu quatschen, lass uns lieber tief in einige Beispiele eintauchen. Ich werde \u00fcber eine Webseite f\u00fcr Nachrichten und das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Twenty WordPress Theme<\/a> berichten.<\/p>\n<h3>Nachrichten Webseite: New York Times<\/h3>\n<figure style=\"width: 1267px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-homepage-menu.png\" alt=\"NYT Homepage-Men\u00fc\" width=\"1267\" height=\"223\"><figcaption class=\"wp-caption-text\">NYT Homepage-Men\u00fc<\/figcaption><\/figure>\n<p>Auf den ersten Blick mag es so aussehen, als w\u00fcrde die New York Times haupts\u00e4chlich ein einziges, globales Header-Men\u00fc ihrer Kategorien verwenden.<\/p>\n<p>Aber das ist nicht das Ende. Die NYT verwendet alle Arten der Navigation auf ihren Hunderten von Kategorieseiten und Millionen von Artikeln.<\/p>\n<p><strong>Verwendete Arten der Navigation:<\/strong><\/p>\n<ul>\n<li>Hierarchisch.<\/li>\n<li>Global.<\/li>\n<li>Lokal.<\/li>\n<\/ul>\n<p>Sehen wir uns die unterschiedliche Kopfnavigation f\u00fcr jede Seite an.<\/p>\n<h4>Homepage<\/h4>\n<p>Im Header-Abschnitt ihrer Webseite gibt es zwei Men\u00fcs, ein erweiterbares globales Men\u00fc \u00fcber dem Logo und ein hierarchisches Men\u00fc unter dem Header. Im Wesentlichen ist es wie ein Header-Men\u00fc und ein Unter-Header-Men\u00fc aufgebaut.<\/p>\n<figure style=\"width: 1569px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-header-menus.png\" alt=\"NYT-Startseite - Header-Men\u00fcs\" width=\"1569\" height=\"772\"><figcaption class=\"wp-caption-text\">NYT-Startseite &#8211; Header-Men\u00fcs<\/figcaption><\/figure>\n<p>Wenn man das Header-Hamburger-Men\u00fc erweitert, verwandelt es sich in eine Sidebar auf der linken Seite, wo bei den meisten modernen Aufl\u00f6sungen ein breiter Rand vorhanden ist.<\/p>\n<p>Es verschwimmt nicht\/verwendet kein Overlay, um Inhalte auf der Webseite zu verbergen.<\/p>\n<h4>Homepage (Mobile)<\/h4>\n<p>Betrachten wir den gleichen Kopfabschnitt auf dem Handy. Die Mehrheit der Internetnutzer greift \u00fcber ihr Smartphone auf Nachrichten-Webseiten zu, so dass die mobile Erfahrung m\u00f6glicherweise wichtiger ist als die auf dem Desktop.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-startseite-mobil.png\" alt=\"NYT-Startseite - mobil\" width=\"375\" height=\"100\"><figcaption class=\"wp-caption-text\">NYT-Startseite &#8211; mobil<\/figcaption><\/figure>\n<p>Das Unter-Header-Men\u00fc der Nachrichtenkategorie ist nicht Teil der Homepage auf dem Handy. Stattdessen steht dir nur die erweiterbare Option zur Verf\u00fcgung.<\/p>\n<p>Wenn es erweitert wird, wird es zu einem Vollbildmen\u00fc und deckt den gesamten Inhalt der Homepage vollst\u00e4ndig ab.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/erweitertes-menu-nyt-homepage.png\" alt=\"Erweitertes Men\u00fc - NYT Homepage (mobil)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Erweitertes Men\u00fc &#8211; NYT Homepage (mobil)<\/figcaption><\/figure>\n<p>Es enth\u00e4lt alle Optionen aus dem Hauptmen\u00fc auf Desktop-Computern, und die Links sind \u00fcbersichtlich nach Kategorien geordnet.<\/p>\n<h4>Kategorie Seite<\/h4>\n<p>Auf der Kategorieseite, unterhalb des Hamburger Header-Men\u00fcs, siehst du einen Link zu einer weiteren Untergruppe von <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-taxonomie\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kategorien<\/a>.<\/p>\n<figure style=\"width: 1006px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-wissenschaftsseite.png\" alt=\"NYT Wissenschaftsseite - Hauptmen\u00fc\" width=\"1006\" height=\"729\"><figcaption class=\"wp-caption-text\">NYT Wissenschaftsseite &#8211; Hauptmen\u00fc<\/figcaption><\/figure>\n<p>Es macht es f\u00fcr Leute, die sich nur f\u00fcr einen bestimmten Bereich innerhalb des breiteren Themas interessieren, einfacher, Artikel zu finden, die ihren Interessen besser entsprechen.<\/p>\n<h4>Kategorie-Seite ( Mobile)<\/h4>\n<p>Auf dem Mobiltelefon enthalten diese Kategorieseiten dasselbe Header-Men\u00fc und dieselbe Struktur wie die Desktop-Version. Das sekund\u00e4re Header-Men\u00fc ist \u00fcberhaupt nicht versteckt, um die Navigation und das Auffinden von Inhalten zu erleichtern.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-hauptmenu-mobile.png\" alt=\"NYT Wissenschaftsseite - Hauptmen\u00fc (Mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">NYT Wissenschaftsseite &#8211; Hauptmen\u00fc (Mobile)<\/figcaption><\/figure>\n<p>Ein weiterer Grund k\u00f6nnte sein, dass viele mobile Erlebnisse \u00fcber die Suche oder Social Media starten, anstatt direkt die NYT-Homepage zu besuchen.<\/p>\n<h4>Einzelner Artikel<\/h4>\n<p>Bei einzelnen Artikeln zeigt das schwebende Header-Men\u00fc den Abschnitt an, in dem du dich gerade befindest, aber es enth\u00e4lt nur das erweiterbare globale Men\u00fc (zusammen mit dem Suchfeld).<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-artikel-header-menu.png\" alt=\"NYT Artikel - Header-Men\u00fc\" width=\"1820\" height=\"508\"><figcaption class=\"wp-caption-text\">NYT Artikel &#8211; Header-Men\u00fc<\/figcaption><\/figure>\n<h4>Einzelner Artikel (Mobile)<\/h4>\n<p>Auf dem Handy wird eine saubere Navigation beibehalten, da das einzige Men\u00fc das Header-Men\u00fc der Hamburger ist.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-artikle-mobile.png\" alt=\"NYT Artikel - Header-Men\u00fc (Handy)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">NYT Artikel &#8211; Header-Men\u00fc (Handy)<\/figcaption><\/figure>\n<h4>Fu\u00dfzeile<\/h4>\n<p>Das NYT-Fu\u00dfzeilenmen\u00fc ist auf der gesamten Homepage, den Kategorieseiten und den einzelnen Artikeln gleich.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-artikel-fusszeilenmenu.png\" alt=\"NYT-Artikel - Fu\u00dfzeilenmen\u00fc\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">NYT-Artikel &#8211; Fu\u00dfzeilenmen\u00fc<\/figcaption><\/figure>\n<h4>Fu\u00dfzeile (Mobile)<\/h4>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-artikel-fusszeilenmenu-1.png\" alt=\"NYT-Artikel - Fu\u00dfzeilenmen\u00fc ( Mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">NYT-Artikel &#8211; Fu\u00dfzeilenmen\u00fc ( Mobile)<\/figcaption><\/figure>\n<p>Auf dem Handy zeigt das Fu\u00dfzeilenmen\u00fc nur f\u00fcnf Men\u00fcpunkte, die sich nach dem Anklicken in Unterabschnitte aufteilen.<\/p>\n<p>Wenn du zum Beispiel auf die Sektion &#8222;<strong>Arts<\/strong>&#8220; klickst, kannst du durch diese Untersektionen bl\u00e4ttern:<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/fusszeilenmen-erweitert-mobile.png\" alt=\"NYT Artikel - Fu\u00dfzeilenmen\u00fc erweitert (Mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">NYT Artikel &#8211; Fu\u00dfzeilenmen\u00fc erweitert (Mobile)<\/figcaption><\/figure>\n<p>Da die Webseite <a href=\"https:\/\/kinsta.com\/de\/blog\/parsen-von-javascript-verzogert\/\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript<\/a> verwendet, um dynamisch mehr Inhalt zu laden, w\u00e4hrend du nach unten scrollst, k\u00f6nnte es so aussehen, als ob die Fu\u00dfzeile gar nicht existiert.<\/p>\n<p>Es ist ein netter Trick, der mit der Zeit vor Ort helfen kann und die Leser dazu bringt, mehr Artikel zu lesen, aber es macht die Webseitennavigation etwas schwieriger.<\/p>\n<h4>Content Layout<\/h4>\n<p>Manche k\u00f6nnten argumentieren, dass das prim\u00e4re Navigationstool, das Online-Zeitungen und Blogs benutzen, nicht nur das Men\u00fc ist. Es ist das Zeitungslayout selbst, das das Navigations-Backbone f\u00fcr NYT und andere \u00e4hnliche Webseiten darstellt.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/nyt-homepage.png\" alt=\"NYT Homepage\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">NYT Homepage<\/figcaption><\/figure>\n<p>Alle hervorgehobenen Elemente sind anklickbar und f\u00fchren zu verschiedenen internen Seiten innerhalb der Webseite der New York Times.<\/p>\n<p>Das Content-Layout ist ein weiteres Schl\u00fcsselelement der Webseitennavigation, das sie auf ihrer Homepage und ihren Kategorieseiten implementieren.<\/p>\n<h3>Das Twenty Twenty WordPress Theme<\/h3>\n<p>Ein weiteres Jahr, ein weiteres Standard-Theme von WordPress. Dieses Mal ist es <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Twenty<\/a>, und wir werden tief eintauchen und sehen, was sich mit der Navigation ge\u00e4ndert hat.<\/p>\n<p>Ich werde untersuchen, ob sich etwas daran ge\u00e4ndert hat, wie die Entwickler beschlossen haben, die Men\u00fcs und die interne Verkn\u00fcpfung mit dieser neuesten Instanz von WordPress anzugehen.<\/p>\n<h4>Header-Men\u00fc<\/h4>\n<p>Wie jedes normale <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Theme<\/a> hat die neue offizielle Version ein schn\u00f6rkelloses Men\u00fc im Header-Men\u00fc. Du kannst verschiedene Darstellungsorte ausw\u00e4hlen und so sieht die Option <strong>Horizontales Desktopmen\u00fc<\/strong> aus:<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/twenty-twenty-menu.png\" alt=\"Beispiel eines Header-Men\u00fcs im Twenty Twenty Theme\" width=\"1920\" height=\"1017\"><figcaption class=\"wp-caption-text\">Beispiel eines Header-Men\u00fcs im Twenty Twenty Theme<\/figcaption><\/figure>\n<p>Auf der anderen Seite gibt es mit der <strong>Option Desktop Expanded Menu<\/strong> die M\u00f6glichkeit, deine Men\u00fclinks in einer begr\u00fcndeten Leiste oben rechts zu erweitern.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/twenty-twenty-erweiterten-menu.png\" alt=\"Beispiel eines erweiterten Header-Men\u00fcs im Twenty Twenty Theme\" width=\"1920\" height=\"1016\"><figcaption class=\"wp-caption-text\">Beispiel eines erweiterten Header-Men\u00fcs im Twenty Twenty Theme<\/figcaption><\/figure>\n<p>Der Hauptinhaltsbereich ist dunkelgrau eingef\u00e4rbt, was den Fokus des Users auf das Men\u00fc auf den Links lenkt.<\/p>\n<h4>Fu\u00dfzeile<\/h4>\n<figure style=\"width: 1224px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/twenty-twenty-fusszeilenmenus .png\" alt=\"Beispiel eines Fu\u00dfzeilenmen\u00fcs im Twenty Twenty Theme\" width=\"1224\" height=\"122\"><figcaption class=\"wp-caption-text\">Beispiel eines Fu\u00dfzeilenmen\u00fcs im Twenty Twenty Theme<\/figcaption><\/figure>\n<p>In der Fu\u00dfzeile gibt es keine Links f\u00fcr die interne Navigation, au\u00dfer einem einfachen &#8222;Nach oben&#8220;-Link, der dich wieder an den Anfang der Seite bringt.<\/p>\n<h2>Was macht eine gute Webseitennavigation aus?<\/h2>\n<p>Eine gute Webseitennavigation wird immer mit Blick auf den Benutzer entworfen. Es verwendet eine klare, leicht verst\u00e4ndliche Sprache und Links zu den wichtigsten Seiten.<\/p>\n<p>Es nutzt viel Wei\u00dfraum, Farbwechsel oder andere Gestaltungstechniken, um sich klar vom Hauptinhalt zu trennen. Au\u00dferdem ist es auf allen Ger\u00e4ten (Handy und Desktop) leicht zu lesen und zu verwenden.<\/p>\n<p>Benutzerfokussierte Navigation bedeutet auch, dass es kontextbezogen ist. Es ber\u00fccksichtigt die Erfahrungen und Erwartungen des Benutzers. Das k\u00f6nnte ein Grund daf\u00fcr sein, dass Online-Zeitungen immer noch nicht von ihrem &#8222;\u00fcberf\u00fcllten&#8220; Design loskommen.<\/p>\n<p>Im Kontext des Zeitungslesens ist es genau das, was ihre Nutzer und potentiellen Kunden erwarten, wozu auch ihre sehr umfangreichen Men\u00fcs mit Kategorien und Unterkategorien geh\u00f6ren.<\/p>\n<p>Im n\u00e4chsten Abschnitt werde ich die Grundlagen behandeln, wie man eine gute Navigation f\u00fcr deine Webseite erstellt.<\/p>\n<h2>8 Prinzipien f\u00fcr eine verbesserte Webseitennavigation<\/h2>\n<p>Selbst wenn du ein absoluter Anf\u00e4nger bist, kannst du die Webseitennavigation f\u00fcr deine Webseite mit den folgenden Tipps hinbekommen.<\/p>\n<h3>1. Plane deine Seitenstruktur und Navigation<\/h3>\n<p>Bevor du \u00fcberhaupt anf\u00e4ngst, <a href=\"https:\/\/kinsta.com\/de\/blog\/evergreen-content-erstellen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inhalte f\u00fcr deine Webseite zu schreiben<\/a>, solltest du dir \u00fcberlegen, wie deine Seitenstruktur und Webseitennavigation aussehen soll.<\/p>\n<p>Die Planung ist ein wesentlicher Teil des Prozesses, um deinen Besuchern eine zufriedenstellende Navigation zu bieten. Du kannst einen Sitemap-Ersteller verwenden, der dir dabei hilft, schnell Mockups f\u00fcr das zu erstellen, was du dir f\u00fcr deine Webseite w\u00fcnschst.<\/p>\n<p>Ein Beispiel f\u00fcr ein gutes Sitemap-Tool ist <a href=\"https:\/\/www.gloomaps.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GlooMaps<\/a>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/gloomaps.png\" alt=\"GlooMaps\" width=\"1920\" height=\"1049\"><figcaption class=\"wp-caption-text\">GlooMaps<\/figcaption><\/figure>\n<p>Du kannst kostenlos so viele Dokumente erstellen, wie du willst. Jedes wird eine eindeutige URL haben, die du dann teilen kannst, um Feedback zu sammeln und es von anderen bearbeiten zu lassen. Einmal erstellt, wird deine URL 14 Tage lang verf\u00fcgbar sein, sofern sie nicht erneut besucht wird. Jeder neue Besuch verl\u00e4ngert die Lebensdauer des Links um weitere 14 Tage.<\/p>\n<p>GlooMaps ist nicht das einzige Tool, das ihr benutzen k\u00f6nnt, es gibt noch viele weitere wie <a href=\"https:\/\/octopus.do\/\" target=\"_blank\" rel=\"noopener noreferrer\">Octopus<\/a>, <a href=\"https:\/\/visualsitemaps.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">VisualSitemaps<\/a>, <a href=\"https:\/\/creately.com\/lp\/website-sitemap-creator-online\/\" target=\"_blank\" rel=\"noopener noreferrer\">Creative<\/a>, um nur einige zu nennen.<\/p>\n<h3>2. Befolge etablierte Standards<\/h3>\n<p>Versuche nicht, das Rad neu zu erfinden. Bei der Webseitennavigation geht es mehr um Benutzerfreundlichkeit als um Kreativit\u00e4t.<\/p>\n<p>F\u00fcr wesentliche Designelemente wie z.B. wo du dein Men\u00fc platzierst und wie du darauf hinweist, dass es erweiterbar ist, halte dich an <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/\" target=\"_blank\" rel=\"noopener noreferrer\">bekannte Standards<\/a>.<\/p>\n<p>Drei horizontale Streifen oder das <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/#hamburger-menu\" target=\"_blank\" rel=\"noopener noreferrer\">&#8222;Hamburger&#8220;-Zeichen \u2630<\/a> ist eines der am besten erkennbaren Symbole zur Kennzeichnung eines erweiterbaren Men\u00fcs. Das andere sind die drei Punkte, die eine horizontale Linie bilden.<\/p>\n<p>Wenn du versuchst, kreativ zu werden und ein eigenes Icon zu entwickeln, stehen die Chancen gut, dass viele Besucher den Zweck deines Designs nicht verstehen und Schwierigkeiten haben werden, dein Men\u00fc zu finden.<\/p>\n<h3>3. Benutze das Vokabular deiner Benutzer<\/h3>\n<p>Anstatt einfach nur auf die gleichen alten Seiten zu verlinken, den \u00fcblichen Jargon der Webentwicklung zu verwenden oder allzu kreative Texte zu verfassen, solltest du eine Sprache verwenden, die n\u00e4her an dem ist, was deine Nutzer verwenden und wonach sie suchen und wollen.<\/p>\n<p>Dieser Ansatz ist sowohl f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/wofur-steht-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a> als auch f\u00fcr die Benutzerfreundlichkeit vorteilhaft. Erstelle Seiten, die das widerspiegeln, wonach deine User online suchen.<\/p>\n<p>Du kannst dann auf dieselben Seiten verlinken, <a href=\"https:\/\/kinsta.com\/de\/blog\/keyword-forschung\/\" target=\"_blank\" rel=\"noopener noreferrer\">indem du dieselben W\u00f6rter und Ausdr\u00fccke verwendest, die den Nutzern helfen, deine Webseite auf Google zu finden<\/a>.<\/p>\n<h3>4. Responsive Men\u00fcs benutzen<\/h3>\n<p>Da \u00fcber <a href=\"https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics\" target=\"_blank\" rel=\"noopener noreferrer\">52% des gesamten Online-Traffics<\/a> mittlerweile mobil ist, ist ein responsive\/mobile-first Design ein absolutes Muss geworden.<\/p>\n<p>Anstelle von Men\u00fcs, die im mobilen Webbrowser aus dem Rahmen fallen oder zu un\u00fcbersichtlich sind, solltest du erweiterbare mobile Men\u00fcs implementieren.<\/p>\n<p>Es ist aus gutem Grund zu einem Industriestandard geworden. Horizontale Men\u00fcs mit winzigem Text sind schwer zu lesen, zu klicken und auf dem Handy korrekt zu benutzen.<\/p>\n<p>Die gute Nachricht ist, dass die <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">besten WordPress Themes<\/a> standardm\u00e4\u00dfig ein <a href=\"https:\/\/kinsta.com\/de\/blog\/responsiven-webdesign\/\">ansprechendes Design<\/a> und ansprechende Men\u00fcs haben. Wenn du deine Webseite nicht von Grund auf neu entwirfst, hat WordPress hier f\u00fcr dich vorgesorgt.<\/p>\n<h3>5. Nutze die Vorteile deines Footer-Men\u00fcs<\/h3>\n<p>Leser, die st\u00e4ndig lesen und bis ans Ende deiner Webseite scrollen, sind engagierter als der durchschnittliche Benutzer. Mach dir das zunutze und nutze den Platz am Ende jeder Seite, um wertvolle Inhalte hervorzuheben.<\/p>\n<p>Da die <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/#web-best-designformatting-practices\" target=\"_blank\" rel=\"noopener noreferrer\">Fu\u00dfzeile nicht den Platz &#8222;above the fold&#8220; auffrisst<\/a>, kannst du granular vorgehen und mehrere Kategorien einbeziehen und sogar wichtige Eckpfeilerseiten oder Artikel hervorheben.<\/p>\n<p>Schaut euch zum Beispiel an, wie wir mit der Fu\u00dfzeile auf dieser Seite umgehen. Wir behandeln wichtige Seiten, unser Unternehmen, unsere Ressourcen und vieles mehr.<\/p>\n<p>In der Fu\u00dfzeile kannst du die Inhalte hervorheben, die du einfach nicht in deine Kopfzeile einf\u00fcgen konntest&#8220;.<\/p>\n<h3>6. Benutze Farbe und Wei\u00dfraum, um die Navigation von anderen Elementen zu trennen<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-fonts-in-wordpress-aendert\/\" target=\"_blank\" rel=\"noopener noreferrer\">Benutze Farbe, Schriftarten und Wei\u00dfraum<\/a>, um deine Men\u00fcs von deinem Hauptinhalt und deinen Sidebars zu trennen. Mache es deutlich, wo die Navigation beginnt und endet.<\/p>\n<p>Es spielt keine Rolle, welche Sprache du in deinen Men\u00fcs verwendest oder auf welche Seiten du verlinkt bist, wenn die Besucher deiner Webseiten das Men\u00fc gar nicht erst finden k\u00f6nnen.<\/p>\n<h3>7. Dropdown-Men\u00fcs vermeiden<\/h3>\n<p>F\u00fcr die meisten Webseiten (nicht alle) sind <a href=\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dropdown-Men\u00fcs<\/a> nicht notwendig oder n\u00fctzlich. Wenn Benutzer einen Link in einem Men\u00fc sehen, wird davon ausgegangen, dass es anklickbar ist. Wenn das Design es nicht von anklickbaren Links trennt, kann es zu Verwirrung f\u00fchren.<\/p>\n<p>Wenn du zu viele Links in deinem Hauptmen\u00fc hast, kann sich das auch negativ auf die Benutzerfreundlichkeit deiner Webseite auswirken.<\/p>\n<p>Die Implementierung einer hierarchischen und lokalen Navigation anstelle von Dropdown-Men\u00fcs kann zu einem reibungsloseren Benutzerfluss f\u00fchren. Es erm\u00f6glicht es den Benutzern auch, mit mehreren Seiten zu interagieren und mehr Zeit auf deiner Webseite zu verbringen, anstatt durch eine riesige Linkliste zu browsen.<\/p>\n<h3>8. Verflache deine Struktur<\/h3>\n<p>Wenn du es den Besuchern so einfach wie m\u00f6glich machen willst, alle Seiten deiner Webseite zu erkunden, solltest du die Webseitennavigation so flach wie m\u00f6glich halten.<\/p>\n<p>Anstatt von deiner Homepage auf eine Handvoll Seiten zu verlinken und dann mit immer mehr Unterseiten und Kategorien zu erweitern, halte die Dinge einfach.<\/p>\n<p>Achte darauf, dass du von deiner Homepage aus Links zu wichtigen Kategorien und von dort aus Links zu einer einzelnen Ebene von Unterkategorien oder einzelnen Artikelseiten anbringst.<\/p>\n<figure style=\"width: 1461px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/flache-webseiten-struktur.jpg\" alt=\"Flache Webseiten-Struktur\" width=\"1461\" height=\"350\"><figcaption class=\"wp-caption-text\">Flache Webseiten-Struktur<\/figcaption><\/figure>\n<p>Es gibt Anzeichen daf\u00fcr, dass eine solche <a href=\"https:\/\/searchengineland.com\/seo-benefits-developing-solid-site-structure-277456\" target=\"_blank\" rel=\"noopener noreferrer\">Abflachung der Struktur<\/a> einen positiven Effekt auf SEO hat und zu <a href=\"https:\/\/kinsta.com\/de\/blog\/google-sitelinks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Sitelinks<\/a> f\u00fchren kann. Also lass deine Webseitenstruktur nicht zu unordentlich werden!<\/p>\n<h2>Webseitennavigation Men\u00fc Trends 2020<\/h2>\n<p>Obwohl die breiteren <a href=\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\" target=\"_blank\" rel=\"noopener noreferrer\">Webdesign-Trends der letzten Jahre<\/a> Dinge wie 3D-Designelemente und das Einbinden von ma\u00dfgeschneiderten Fotos in kreative Designs beinhalten, hatten die Men\u00fcs kein besonders aufregendes Jahr.<\/p>\n<p>Aber das hei\u00dft nicht, dass sich nichts ge\u00e4ndert hat. Hier ist unser kurzer \u00dcberblick \u00fcber einige der wichtigsten Men\u00fctrends der letzten Jahre.<\/p>\n<h3>Erweiterbare Kategorien in Vollbildmen\u00fcs f\u00fcr Mobilger\u00e4te.<\/h3>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/uber.jpeg\" alt=\"Uber - Mobile-Men\u00fc\" width=\"750\" height=\"1187\"><figcaption class=\"wp-caption-text\">Uber &#8211; Mobile-Men\u00fc<\/figcaption><\/figure>\n<p>Uber und andere gigantische Unternehmen mit \u00fcberarbeitetem, modernem Design, haben ihre Men\u00fcs aktualisiert, um sie benutzerfreundlicher zu gestalten.<\/p>\n<p>Ein Problem f\u00fcr diese Unternehmen ist, dass sie so viele verschiedene Produkte und Kategorien haben, dass es unm\u00f6glich sein kann, sie sinnvoll in ein einziges Men\u00fc aufzunehmen.<\/p>\n<p>Dies f\u00fchrt zu \u00fcbersichtlichen, kategorisierten, erweiterbaren Mobile-Men\u00fcs, statt nur einer endlosen Liste von Links.<\/p>\n<h3>Floating Header-Men\u00fcs<\/h3>\n<p>Vielleicht ist der universelle Trend f\u00fcr Men\u00fcs in den letzten Jahren das schwebende Header-Men\u00fc.<\/p>\n<p>Ein schwebendes Header-Men\u00fc ist ein Men\u00fc, das am oberen Rand des Webbrowser-Fensters angezeigt wird, wenn man die Seite nach unten scrollt (wie das, das wir f\u00fcr kinsta.com verwenden). Normalerweise ist es Teil eines Kopfbereichs, der ein kleines Logo und vielleicht auch eine Suchleiste enth\u00e4lt.<\/p>\n<p>Es ist schwer dagegen zu argumentieren, da der st\u00e4ndige Zugriff auf ein Men\u00fc die interne Navigation so viel einfacher macht. Diese Art von Men\u00fc ist in vielen WordPress Themes enthalten und der Trend zeigt keine Anzeichen, dass man damit aufh\u00f6rt.<\/p>\n<h3>Overlay Dropdown Menus am Desktop<\/h3>\n<p>Einer der grundlegendsten Ratschl\u00e4ge zur Webseitennavigation ist, sich von Dropdown-Men\u00fcs fernzuhalten. Und das aus gutem Grund.<\/p>\n<p>Aber das bedeutet nicht, dass sie von Natur aus schrecklich sind. <a href=\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dropdown-Men\u00fcs<\/a> sind nur schwierig auf eine Weise zu implementieren, die auf dem Computerbildschirm Sinn macht.<\/p>\n<p>Mit einer farbigen \u00dcberlagerung des Hauptinhalts k\u00f6nnen sie 100% der Aufmerksamkeit des Benutzers auf das Men\u00fc lenken. Sie haben auch bessere Optionen f\u00fcr erweiterbare Kategorien als die Anzeige weiterer Links beim Hovern.<\/p>\n<p>Diese Faktoren haben sich zu einem wachsenden Trend im Jahr 2019 zusammengef\u00fcgt. Tats\u00e4chlich enthalten viele innovative Webseiten und Templates \u00fcberlagerte Dropdown-Men\u00fcs auf dem Desktop.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Dieser Beitrag sollte dir ein klares Verst\u00e4ndnis davon vermitteln, was Webseitennavigation ist und einige der wichtigsten Punkte.<\/p>\n<p>Webseitennavigation sollte immer auf Einfachheit, Klarheit und nicht auf intensive Farben und kreatives Design ausgerichtet sein. Da die Navigation und die Men\u00fcs deiner Webseite sowohl Desktop- als auch Handynutzer ber\u00fccksichtigen m\u00fcssen, k\u00f6nnen die Dinge kniffliger werden und es kann eine gute Entscheidung sein, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\" target=\"_blank\" rel=\"noopener noreferrer\">einen Webentwickler zu engagieren<\/a>.<\/p>\n<p>Versuche immer, <a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/#menu-navigation\" target=\"_blank\" rel=\"noopener noreferrer\">die besten Methoden f\u00fcr das Design von Webseiten-Men\u00fcs<\/a> zu befolgen, um sicherzustellen, dass deine Besucher und <a href=\"https:\/\/kinsta.com\/de\/blog\/alternative-suchmaschinen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Suchmaschinen<\/a> problemlos durch deine Inhalte browsen k\u00f6nnen.<\/p>\n<p>Benutzerfreundlichkeit und Klarheit werden auch in Zukunft Priorit\u00e4ten sein. Wenn du also die Sprache deiner Benutzer beherrschst und eine Struktur schaffst, die f\u00fcr sie Sinn macht, kannst du deine Men\u00fcs zukunftssicher gestalten.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webseitennavigation ist etwas, das viele erst im Nachhinein nach Seiten und Inhalten erstellen. In einer k\u00fcrzlich durchgef\u00fchrten Umfrage konnten nur 50 % der Internetnutzer vorhersagen, wo &#8230;<\/p>\n","protected":false},"author":103,"featured_media":46486,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[280,360],"topic":[984],"class_list":["post-35855","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-website","topic-benutzererfahrung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)<\/title>\n<meta name=\"description\" content=\"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)\" \/>\n<meta property=\"og:description\" content=\"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-02T09:30:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T11:12:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"19\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)\",\"datePublished\":\"2020-07-02T09:30:54+00:00\",\"dateModified\":\"2023-07-27T11:12:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\"},\"wordCount\":3757,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\",\"keywords\":[\"ux\",\"website\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\",\"name\":\"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\",\"datePublished\":\"2020-07-02T09:30:54+00:00\",\"dateModified\":\"2023-07-27T11:12:43+00:00\",\"description\":\"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Navigation auf Webseiten\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Benutzererfahrung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/benutzererfahrung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)","description":"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)","og_description":"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.","og_url":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-07-02T09:30:54+00:00","article_modified_time":"2023-07-27T11:12:43+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Matteo Du\u00f2","Gesch\u00e4tzte Lesezeit":"19\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)","datePublished":"2020-07-02T09:30:54+00:00","dateModified":"2023-07-27T11:12:43+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/"},"wordCount":3757,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","keywords":["ux","website"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/","url":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/","name":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","datePublished":"2020-07-02T09:30:54+00:00","dateModified":"2023-07-27T11:12:43+00:00","description":"Die Webseitennavigation hat Einfluss darauf, wie deine Besucher durch deine Seiten surfen. Wenn du es \u00fcbersiehst, wird es sich negativ auf deine Conversions, die Zeit auf der Seite und SEO auswirken.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/07\/website-navigation.jpeg","width":1460,"height":730,"caption":"Navigation auf Webseiten"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Benutzererfahrung","item":"https:\/\/kinsta.com\/de\/thema\/benutzererfahrung\/"},{"@type":"ListItem","position":3,"name":"Wie man die Navigation auf Webseiten verbessert (mit Beispielen und Gr\u00fcnden, warum man es tun sollte)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=35855"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35855\/revisions"}],"predecessor-version":[{"id":58979,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35855\/revisions\/58979"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35855\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/46486"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=35855"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=35855"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=35855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}