{"id":3646,"date":"2024-07-19T16:55:36","date_gmt":"2024-07-19T16:55:36","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=3646"},"modified":"2025-12-05T15:36:32","modified_gmt":"2025-12-05T15:36:32","slug":"welche-anderen-arten-von-website-navigation-gibt-es","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/de\/antworten\/welche-anderen-arten-von-website-navigation-gibt-es\/","title":{"rendered":"Welche anderen Arten der Website-Navigation gibt es?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Inhaltsverzeichnis<\/h2><nav><ul><li><a href=\"#what-is-a-breadcrumb-navigation\">Was ist eine Breadcrumb-Navigation?<\/a><\/li><li><a href=\"#what-is-a-sidebar-navigation\">Was ist eine Seitenleisten-Navigation?<\/a><\/li><li><a href=\"#what-is-the-difference-between-breadcrumb-navigation-and-a-sitemap\">Was ist der Unterschied zwischen Breadcrumb-Navigation und Sitemap?<\/a><ul><li><a href=\"#what-are-the-different-types-of-breadcrumbs\">Welche verschiedenen Arten von Breadcrumbs gibt es?<\/a><\/li><\/ul><\/li><li><a href=\"#how-do-breadcrumbs-help-in-improving-seo\">Wie helfen Breadcrumbs bei der Verbesserung der SEO?<\/a><\/li><li><a href=\"#are-breadcrumbs-good-for-accessibility\">Sind Breadcrumbs gut f\u00fcr die Barrierefreiheit?<\/a><\/li><li><a href=\"#when-should-you-use-breadcrumbs\">Wann sollten Sie Breadcrumbs verwenden?<\/a><\/li><li><a href=\"#what-factors-should-i-consider-when-choosing-website-navigation\">Welche Faktoren sollte ich bei der Auswahl der Website-Navigation ber\u00fccksichtigen?<\/a><\/li><li><a href=\"#conclusion\">Fazit<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-breadcrumb-navigation\" style=\"font-size:32px\">Was ist eine Breadcrumb-Navigation?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Die Breadcrumb-Navigation zeigt den Pfad an, den Benutzer von Ihrer Homepage zu der Seite genommen haben, auf der sie sich gerade befinden. Sie wird normalerweise auf Ihrer Seite als horizontal angeordneter Linkpfad angezeigt.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-sidebar-navigation\" style=\"font-size:32px\">Was ist eine Seitenleisten-Navigation?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Die Seitenleisten-Navigation wird auf der linken oder rechten Seite einer Website angezeigt. Sie \u00e4hnelt dem Men\u00fc oben auf einer Seite, der Hauptunterschied besteht jedoch darin, dass sie vertikal ist. Auf einigen Websites ist das Men\u00fc immer sichtbar, auf anderen ist es ausgeblendet und kann von den Benutzern eingeblendet werden.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Der Hauptzweck der Seitenleisten-Navigation besteht darin, dass Benutzer zu verschiedenen Seiten oder Abschnitten springen k\u00f6nnen. Einige Website-Themes und -Vorlagen verf\u00fcgen \u00fcber integrierte Widgets f\u00fcr die Seitenleisten-Navigation, in anderen F\u00e4llen m\u00fcssen Sie m\u00f6glicherweise Plugins installieren.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-the-difference-between-breadcrumb-navigation-and-a-sitemap\" style=\"font-size:32px\">Was ist der Unterschied zwischen Breadcrumb-Navigation und Sitemap?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Die Breadcrumb-Navigation zeigt, wie Benutzer ihre letzte Seite erreicht haben. Sitemaps hingegen erscheinen eher im Backend (Sie m\u00fcssen auch eine Sitemap einreichen, um bei Google ein Ranking zu erhalten).&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Sitemaps bieten eine \u00dcbersicht \u00fcber die Seiten Ihrer Website. In einer Website-Sitemap finden Sie Ihre Seiten, Blogbeitr\u00e4ge und \u2013 in vielen F\u00e4llen \u2013 Bild-URLs.&nbsp;<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-the-different-types-of-breadcrumbs\" style=\"color:#422b82;font-size:22px\">Welche verschiedenen Arten von Breadcrumbs gibt es?<\/h3>\n\n\n\n<p style=\"font-size:18px\">Es gibt drei Haupttypen von Breadcrumbs:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standortbasiert<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Attributbasiert<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pfadbasiert<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Sie haben wahrscheinlich schon standortbasierte Breadcrumbs auf Websites gesehen, die Sie besucht haben. In einem Blog k\u00f6nnte es beispielsweise so aussehen:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Home \/ Reisen \/ Reiseziele \/ Europa \/ Italien \/ Rom&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In der Zwischenzeit werden Ihnen m\u00f6glicherweise Attribut-Breadcrumbs angezeigt, nachdem Sie bestimmte Filter ausgew\u00e4hlt haben. Wenn Sie beispielsweise ein neues Hemd kaufen, k\u00f6nnte es so aussehen:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>M \/ Gelb \/ Freizeit \/ Langarm&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Pfadbasierte Breadcrumbs zeigen den gesamten Weg an, den Benutzer genommen haben, um ihre aktuelle Seite zu erreichen, sind aber oft verwirrender als standortbasierte. W\u00e4hrend standortbasierte Breadcrumbs nur den Weg anzeigen, der zum Klicken auf die jeweilige Seite genommen wurde, zeigen pfadbasierte den gesamten Weg an.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Anhand des obigen Beispiels k\u00f6nnten pfadbasierte Breadcrumbs etwa so aussehen:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Startseite \/ Reisen \/ Lifestyle \/ Reisen \/ Reiseziele \/ Europa \/ USA \/ New York City \/ Asien \/ Japan \/ Tokio&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In den meisten F\u00e4llen sollten Sie sich auf ortsbezogene Breadcrumbs konzentrieren und nicht auf pfadbezogene.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-do-breadcrumbs-help-in-improving-seo\" style=\"font-size:32px\">Wie helfen Breadcrumbs bei der Verbesserung der SEO?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Suchmaschinen verwenden Breadcrumbs, um zu verstehen, wie die Seiten einer Website aufgebaut sind, und interne Links werden ebenfalls ber\u00fccksichtigt. Breadcrumbs k\u00f6nnen sich auch auf Conversions und die allgemeine Benutzererfahrung (UX) auswirken.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Breadcrumbs verbessern die SEO, indem sie Suchmaschinen klare Informationen \u00fcber die Struktur und Inhaltshierarchie einer Website liefern. Sie erstellen auch interne Links, die die Sichtbarkeit einzelner Seiten in den Suchergebnissen erh\u00f6hen k\u00f6nnen.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"are-breadcrumbs-good-for-accessibility\" style=\"font-size:32px\">Sind Breadcrumbs gut f\u00fcr die Barrierefreiheit?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Hilfsmittel, die von Menschen mit Behinderungen verwendet werden, wie z. B. Bildschirmleseger\u00e4te und andere unterst\u00fctzende Technologien, k\u00f6nnen Breadcrumbs zur Navigation auf der Website verwenden. Benutzer k\u00f6nnen bei Bedarf auch \u00fcber Breadcrumbs zu vorherigen Seiten navigieren.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"when-should-you-use-breadcrumbs\" style=\"font-size:32px\">Wann sollten Sie Breadcrumbs verwenden?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Sie sollten Breadcrumbs auf Websites mit mehreren Seiten und Inhaltstypen verwenden, z. B. auf E-Commerce-Websites mit Blog-Abschnitten. Wenn eine Website weniger auf eine Nische ausgerichtet ist, sollten auch Breadcrumbs in Betracht gezogen werden.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Zu den Arten von Websites, die Breadcrumbs verwenden, geh\u00f6ren:&nbsp;<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Nachrichten-Websites&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Blogs&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Online-Magazine und -Publikationen&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Websites mit mehr als 100 Seiten&nbsp;<\/li>\n<\/ul>\n\n\n\n<p style=\"font-size:18px\">Es ist weniger \u00fcblich f\u00fcr kleinere Websites, wie <a href=\"https:\/\/hocoos.com\/de\/products\/website-builder-for-small-business\/photography-website-builder\/\" data-type=\"URL\" data-id=\"https:\/\/hocoos.com\/products\/website-builder-for-small-business\/photography-website-builder\/\">Portfolio-Websites<\/a>, um Breadcrumbs zu verwenden.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-factors-should-i-consider-when-choosing-website-navigation\" style=\"font-size:32px\">Welche Faktoren sollte ich bei der Auswahl der Website-Navigation ber\u00fccksichtigen?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Ber\u00fccksichtigen Sie die Seitenstruktur bei der Auswahl der Website-Navigation und beurteilen Sie das Verhalten Ihrer Zielgruppe, um hervorzuhebende Seiten zu finden. Sie m\u00fcssen auch an die Reaktionsf\u00e4higkeit auf verschiedenen Ger\u00e4ten denken.&nbsp;<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Struktur:<\/strong> Die Navigation sollte zur verwendeten Website passen. Beispielsweise ben\u00f6tigen Sie manchmal keine Seitenleisten, und allein die Kopfzeilen k\u00f6nnten sinnvoller sein.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Hauptseiten:<\/strong> Denken Sie an die Seiten, auf die Sie Traffic lenken m\u00f6chten, z. B. bestimmte Blogbeitr\u00e4ge und Kontaktformulare.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Zielgruppe:<\/strong> Analysieren Sie das Verhalten Ihrer Zielgruppe beim Navigieren auf Ihrer Website und f\u00fchren Sie Split-Tests f\u00fcr Seitenlayouts durch.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Reaktionsf\u00e4higkeit:<\/strong> Optimieren Sie Ihre Website f\u00fcr Desktop und Mobilger\u00e4te. Testen Sie Seiten auf Ladezeit und Layout.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\" style=\"font-size:32px\">Fazit<\/h2>\n\n\n\n<p style=\"font-size:18px\">Ber\u00fccksichtigen Sie verschiedene Faktoren der Website-Navigation bei der Gestaltung Ihrer Website. Verwenden Sie Breadcrumbs auf Websites mit mehr Seiten und denken Sie an Dropdown-Men\u00fcs, wenn Sie verschiedene Unterkategorien haben.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">\u00dcberlegen Sie, zu welchen Inhalten Ihre Nutzer navigieren sollen und wie sie dorthin gelangen. Da Ihre Website und Ihre Ziele sich von denen anderer unterscheiden, m\u00fcssen Sie verschiedene Dinge ausprobieren und beobachten, wie Ihre Zielgruppe interagiert.<\/p>","protected":false},"excerpt":{"rendered":"<p>Was ist eine Breadcrumb-Navigation? Eine Breadcrumb-Navigation zeigt den Pfad, den Benutzer von Ihrer Startseite zu der Seite genommen haben, auf der sie sich gerade befinden. Sie sehen sie normalerweise auf Ihrer Seite als eine Reihe von horizontal angeordneten Links.&nbsp; Was ist eine Sidebar-Navigation? Eine Sidebar-Navigation erscheint auf der linken oder rechten Seite eines [&hellip;]<\/p>","protected":false},"author":39,"featured_media":3647,"template":"","answers_category":[29],"class_list":["post-3646","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-navigation"],"acf":{"image":7580,"card_image":3647,"content":[{"acf_fc_layout":"header_section","title":"Welche anderen Arten der Website-Navigation gibt es?","descriptions":"Beyond standard horizontal menus and footers, websites use various navigation methods to guide their visitors more efficiently.\r\n\r\nThe main ones are:\r\n\r\n<strong>\u2022 Breadcrumb navigation<\/strong>\r\n\r\n<strong>\u2022 Sidebar navigation<\/strong>\r\n\r\nYou should make it easy for visitors to explore site content by considering both.","tip_label":"","tip":"","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Breadcrumb navigation","body":"Use breadcrumb navigation to show where users should go within your website for SEO purposes."},{"label":"Sidebar navigation","body":"Use the sidebar to share links to essential pages on your website."},{"label":"On-site features","body":"Enable dropdown and mega menus. Implement in-page navigation on sites with a lot of content."}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media\/3647"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media?parent=3646"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answers_category?post=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}