{"id":2039,"date":"2017-05-12T11:31:53","date_gmt":"2017-05-12T09:31:53","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=2039"},"modified":"2025-09-05T21:00:06","modified_gmt":"2025-09-05T19:00:06","slug":"navigation-struktur-einer-webseite","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/","title":{"rendered":"Navigation und Struktur einer Webseite bestimmen"},"content":{"rendered":"<p>Die Struktur einer Webseite ist ein wichtiger Faktor f\u00fcr deren Erfolg. \u00dcber die Navigation muss der Nutzer mit wenigen Klicks sein Ziel erreichen k\u00f6nnen. Dabei sollte er stets wissen, wie er zu den gew\u00fcnschten Inhalten gelangt und wo er sich gerade befindet. Doch wie ist das zu bewerkstelligen? Wie sollen die vielen Inhalte nur untergebracht werden? Wodurch zeichnet sich eine gute Struktur aus? Gibt es hierf\u00fcr gewisse Regeln? Wir werden Ihre Fragen beantworten.<\/p>\n<p class=\"h2\">Die Motivation<\/p>\n<p>Noch bevor mit dem Design einer Webseite begonnen wird, sollte erstmal feststehen, was \u00fcberhaupt auf der Webseite angezeigt werden soll und warum? Welche Inhalte m\u00f6chte ich auf meiner Webseite pr\u00e4sentieren und f\u00fcr wen? Hier gilt: <strong>weniger ist manchmal mehr<\/strong>. Versuchen Sie nicht Wikipedia zu kopieren. Beginnen Sie mit der Zielsetzung Ihrer Webseite.<\/p>\n<h3>Das Ziel meiner Webseite<\/h3>\n<p>Definieren Sie das Ziel Ihrer Webseite. M\u00f6chten Sie Ihr Unternehmen repr\u00e4sentieren oder m\u00f6glichst viele Zugriffe generieren? Wollen Sie Ihre Einnahmen steigern oder Ihre Reichweite?<\/p>\n<p>Beschr\u00e4nken Sie sich hier auf einen konkreten Satz. Das ist vielleicht nicht immer einfach, aber es hilft, dass dieses Ziel w\u00e4hrend der gesamten Erstellungsphase immer pr\u00e4sent ist. Formulieren Sie das Ziel so, dass es am Ende des Projekts auch gemessen werden kann.<\/p>\n<p>Hierzu ein paar Beispiele:<\/p>\n<ol>\n<li>\u00dcber unsere Webseite m\u00f6chten wir haupts\u00e4chlich neue Stellen im Unternehmen besetzen.<\/li>\n<li>Das oberste Ziel unseres neuen Internetauftritts ist es, unsere Einnahmen zu steigern und mehr Verk\u00e4ufe zu generieren.<\/li>\n<li>Mit dem Relaunch unserer Unternehmenswebseite, m\u00f6chten wir mehr Kontaktanfragen von potentiellen Kunden erhalten.<\/li>\n<li>Die Nutzer unserer Internetseite sollen selbst\u00e4ndig die gut aufbereiteten Informationen finden k\u00f6nnen, sodass unser Kunden-Support entlastet wird.<\/li>\n<\/ol>\n<h3>Zielgruppen definieren<\/h3>\n<p>Als zweiten Schritt ist es ungemein wichtig, seine <strong>Zielgruppe<\/strong> zu kennen. Orientieren Sie sich an Ihren Nutzern. Liefern Sie\u00a0ihnen aussagekr\u00e4ftige sowie kompakte Informationen. Hierf\u00fcr ist die Erstellung von Personas ein bewehrtes Mittel.<\/p>\n<p class=\"h3\">Zielgruppen mit Personas spezifieren<\/p>\n<p>Personas sind frei erfundene Personen. Sie repr\u00e4sentieren Ihre verschiedenen Zielgruppen. Personas k\u00f6nnen auf verschiedene Arten angelegt und festgehalten werden. Wir empfehlen eine Tabelle aufzustellen. Dabei ist nicht unbedingt wichtig, wie detailliert Personas beschrieben sind. Wichtig ist, dass Sie nun im ganzen weiteren Prozess der Webseitenerstellung ber\u00fccksichtigt werden.<\/p>\n<p>Ein Beispiel hierzu: Die Stadtverwaltung eines Kurorts m\u00f6chte eine neue Webseite erstellen. Vorher definierte Zielgruppen sind B\u00fcrger, Touristen und Unternehmen. Je nachdem wie umfangreich und in sich unterschiedlich die jeweilige Zielgruppe ist, lassen sich verschieden viele Personas erstellen. Zum Beispiel:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2066 size-thumbnail\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/135246139_e7d5825b62_b-150x150.jpg\" alt=\"Persona 1\" width=\"150\" height=\"150\" \/><\/p>\n<p><strong>Lisa M\u00fcller<\/strong><\/p>\n<ul>\n<li>44 Jahre aus dem Kurort<\/li>\n<li>Friseuse<\/li>\n<li>geschieden, 2 Kinder im Schulalter<\/li>\n<li>Hobbies: Zeit mit ihren Kindern, Joggen, Basteln<\/li>\n<li>EDV-Kenntnisse: Erfahren im Online-Shopping und Social Media<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2065 size-thumbnail\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/5243167965_c4bbba4a44_b-150x150.jpg\" alt=\"Persona 2\" width=\"150\" height=\"150\" \/><\/p>\n<p><strong>Elfride\u00a0Waldmann<\/strong><\/p>\n<ul>\n<li>74\u00a0Jahre aus Leipzig<\/li>\n<li>Rentnerin<\/li>\n<li>verheiratet mit Heinz Waldmann, 3 Kinder und 4 Enkel<\/li>\n<li>Hobbies: Unternehmungen mit Familie, Spazierg\u00e4nge, Theater und Oper<\/li>\n<li>EDV-Kenntnisse: Nutzt mittlerweile ein Smartphone und dort haupts\u00e4chlich WhatsApp, um mit der Familie in Kontakt zu bleiben.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2064 size-thumbnail\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/14553540952_1e867e9b3c_b-150x150.jpg\" alt=\"Persona 3\" width=\"150\" height=\"150\" \/><\/p>\n<p><strong>Augustus\u00a0Maler<\/strong><\/p>\n<ul>\n<li>32 Jahre, wohnt im Kurort<\/li>\n<li>ehem. Angestellter im Malerbetrieb, m\u00f6chte nun selbst\u00e4ndig werden<\/li>\n<li>ledig, keine Kinder<\/li>\n<li>Hobbies: Fu\u00dfball, PC-Spiele<\/li>\n<li>EDV-Kenntnisse: gut<\/li>\n<\/ul>\n<p>Geben Sie Ihren Personas ein Gesicht. Mit einem Foto aus dem Netz werden sie noch greifbarer. Nutzen Sie hierzu\u00a0Portale wie die Google Bildersuche oder <a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">flickr<\/a>.<\/p>\n<p>Falls Sie sich nicht sicher sind, wie Ihre Zielgruppe aussieht, k\u00f6nnen Sie sich bei \u00e4hnlichen Webseiten inspirieren lassen. Wenn die Personas nicht den Ihren Nutzern entsprechen, sind sie wertlos. Hier finden Sie weitere Informationen zum Thema Personas:\u00a0<a href=\"http:\/\/www.gruenderszene.de\/operations\/persona-personas-entwickeln\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.gruenderszene.de\/operations\/persona-personas-entwickeln<\/a>.<\/p>\n<h3>User Story<\/h3>\n<p>Nun gilt es f\u00fcr die verschiedenen Personas bestimmte Szenarien zu erstellen. Beispielsweise m\u00f6chte Lisa M\u00fcller\u00a0schauen, was sie dieses Wochenende mit ihren\u00a0Kindern hier unternehmen kann. Frau Waldmann m\u00f6chte eine \u00dcbernachtungsm\u00f6glichkeit finden. Herr Maler m\u00f6chte Werbung f\u00fcr seinen Betrieb machen. Die Navigation der Webseite muss daf\u00fcr sorgen, dass alle Personen schnell an ihr Ziel gelangen.<\/p>\n<p>Wichtig: <strong>Nicht mehr als 3 Klicks<\/strong>. F\u00fcr umfangreiche Seiten ist das sicherlich schwer zu realisieren. Aber gerade hier liegt die Herausforderung bei der Strukturierung.<\/p>\n<h2>Strukturierung\u00a0von Webseiten<\/h2>\n<p>Haben Sie alle Ihre Inhalte weitestgehend sowie Ihre Nutzergruppe erfasst, gilt es die Inhalte in eine Struktur zu bringen. Es gilt nun systematisch Kategorien festzulegen und\u00a0zu klassifizieren.\u00a0Dabei wird unterschieden zwischen der hierarchischen und der Facettenklassifikation.<\/p>\n<h3>Hierarchische Klassifikation<\/h3>\n<p>Die hierarchische Klassifikation spiegelt sich in der Navigation der Webseite wieder. Der Nutzer gelangt hier von einem allgemeineren Thema zu immer spezifischeren. Wie wenn Sie den Ordner <em>Dokumente<\/em> auf Ihrem PC \u00f6ffnen,\u00a0danach auf <em>Steuererkl\u00e4rung<\/em> klicken und danach auf <em>2017<\/em>. Schon haben Sie mit 3 Klicks Ihre gew\u00fcnschten Unterlagen gefunden. So sollte es sich auch auf der Webseite verhalten.<\/p>\n<p>!Wichtig: <strong>Nicht mehr als 7 Punkte auf einer Ebene<\/strong>. Wirklich aller h\u00f6chstens 9 Seiten auf einer Ebene. Machen Sie selbst den Test. Erfassen Sie hier mal den Punkt <em>Amtsblatt<\/em>.<\/p>\n<ul>\n<li>Aktuelle Meldungen<\/li>\n<li>Neu 2017<\/li>\n<li>Bekanntmachungen<\/li>\n<li>Immobilien\u00adangebote<\/li>\n<li>Haushaltsplan<\/li>\n<li>Rathaus<\/li>\n<li>Soziale Medien<\/li>\n<li>Amtsblatt<\/li>\n<li>Handlungsprogramm<\/li>\n<li>Galerie<\/li>\n<li>Webcam<\/li>\n<li>Termine<\/li>\n<\/ul>\n<p>Und hier sind es nur 12 Punkte. Hingegen leicht zu erfassen gelten maximal 7 Punkte. Werden es mehr, werden die einzelnen Inhalte \u00fcberlesen. Versuchen Sie jetzt den Punkt <em>Termine<\/em> zu erfassen:<\/p>\n<ul>\n<li>Rathaus<\/li>\n<li>Soziale Medien<\/li>\n<li>Amtsblatt<\/li>\n<li>Termine<\/li>\n<li>Haushaltsplan<\/li>\n<li>Webcam<\/li>\n<li>Aktuelle Meldungen<\/li>\n<\/ul>\n<p>Wichtig: <strong>Vermeiden Sie nicht aussagekr\u00e4ftige Punkte wie <em>Sonstiges<\/em> oder <em>Weitere Informationen<\/em><\/strong>. Hier kann sich alles oder nichts verbergen. Der Nutzer wird es jedenfalls nicht erahnen k\u00f6nnen.<\/p>\n<h3>Facettenklassifkation<\/h3>\n<p>Die Facettenklassifikation ist nur m\u00f6glich, wenn die Inhalte \u00e4hnliche Eigenschaften aufweisen mit denen sie klassifiziert werden k\u00f6nnen. Ein Beispiel hierf\u00fcr sind Autos. Sie haben Eigenschaften wie Marke, Baujahr, PS usw. Ein anderes Beispiel sind Immobilien mit Quadratmeter, Mieth\u00f6he, Anzahl der Zimmer usw. Hier macht es wenig Sinn die Immobilien in eine hierarchische Struktur zu packen. Nach den einzelnen Facetten kann der Nutzer filtern und gelangt so zu seinem gew\u00fcnschten Inhalt.<\/p>\n<p class=\"h3\">Card Sorting<\/p>\n<p>Card Sorting klingt in der Ausf\u00fchrung simpel, ist aber durchaus effektiv. Die Inhalte werden auf Karteikarten geschrieben. Nun gilt es mit diesen Karteikarten Stapel zu bilden. Das erledigen\u00a0im besten Fall Personen aus Ihrer Zielgruppe. Somit ist auch das Vokabular der Zielgruppe erkennbar. \u00c4hnliche Begriffe kommen auf den selben Stapel. Anschlie\u00dfend werden\u00a0die einzelnen Stapel benannt und so klassifiziert. Mit den Oberbegriffen kann der Vorgang wiederholt werden usw. Bis eine fertige Struktur entstanden ist.<\/p>\n<div class=\"privacy-container js-privacy-msg-video\"><img decoding=\"async\" class=\"privacy-text-image\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/plugins\/clickstorm-embed\/images\/comment-alt-exclamation.svg\" alt=\"Info Icon\"><\/p>\n<p class=\"privacy-text\">Dieses Video wird \u00fcber eine externe Plattform (YouTube) gehostet. Das Laden bedarf der Zustimmung unserer <a class=\"privacy-text-link\" href=\"https:\/\/www.clickstorm.de\/blog\/datenschutz\/\" target=\"_blank\">Datenschutzbestimmungen.<\/a><\/p>\n<p><a class=\"btn btn-primary btn-cookie js-cookie-open-modal\" data-cs-cookie-anchor=\"externalMedia\" href=\"#\">Einstellung vornehmen<\/a><\/div>\n<div class=\"iframe\"><iframe class=\"js-iframe-privacy-video\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"\" data-src=\"https:\/\/www.youtube-nocookie.com\/embed\/W9WU-vxdMT4\"><\/iframe><\/div>\n<p>Das Video ist zwar auf englisch, aber verdeutlicht auch so die Vorgehensweise und den Mehrwert vom Card Sorting. Weitere Informationen hierzu finden Sie hier: <a href=\"https:\/\/www.usability.de\/leistungen\/methoden\/card-sorting.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.usability.de\/leistungen\/methoden\/card-sorting.html<\/a><\/p>\n<p class=\"h3\">XMind<\/p>\n<p><a href=\"http:\/\/www.xmind.net\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xmind<\/a> ist ein von uns genutztes, kostenloses Programm, um die Struktur einer Webseite festzuhalten. Mit der Software lassen sich einfach Mindmaps erstellen und exportieren. Hier sehen Sie ein einfaches Beispiel, welches mit XMind erstellt wurde:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2081\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/xmind_sitemap_beispiel-1.png\" alt=\"XMind Sitemap Beispiel\" width=\"547\" height=\"243\" srcset=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/xmind_sitemap_beispiel-1.png 547w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/xmind_sitemap_beispiel-1-300x133.png 300w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><\/p>\n<p>Sicherlich gibt es auch weitere Programme. Falls Sie ein \u00e4hnliches oder gar besseres Programm kennen, schreiben Sie es gerne als Kommentar.<\/p>\n<h3>Noch Fragen?<\/h3>\n<p>Hier nochmal das Wichtigste\u00a0auf einen Blick:<\/p>\n<ul>\n<li><strong>Sie m\u00fcssen Ihre Zielgruppe kennen!<\/strong><\/li>\n<li><strong>Personas<\/strong> und <strong>User Stories<\/strong> helfen, die Zielgruppe nicht au\u00dfer Acht zu lassen<\/li>\n<li>Beschr\u00e4nken Sie sich auf <strong>aussagekr\u00e4ftig<\/strong>e Inhalte und Navigationspunkte<\/li>\n<li>Nicht mehr als <strong>3 Klicks<\/strong>, um zum Ziel zu gelangen<\/li>\n<li>Nicht mehr als <strong>7 Punkte<\/strong> auf einer Navigationsebene<\/li>\n<li><strong>Card Sorting<\/strong> und Programme wie <strong>XMind<\/strong> dienen als Hilfsmittel f\u00fcr die hierarchische Strukturierung<\/li>\n<li>Bei Inhalten mit vergleichbaren Eigenschaften nutzen Sie die <strong>Facettenklassifikation<\/strong><\/li>\n<\/ul>\n<p>Die Struktur einer Webseite ist nicht in Stein gemei\u00dfelt. Sie sollte dynamisch erweiterbar sein. Ungeachtet dessen gilt es sie am Anfang der Erstellung zu definieren. Nur so ist sichergestellt, dass das Design und die Programmierung ebenfalls daf\u00fcr sorgen, dass Ihre Inhalte gefunden werden.<\/p>\n<p>Wie Sie Ihre Inhalte f\u00fcr externe Suchmaschinen aufbereiten, erfahren Sie u.a. in unserem Artikel\u00a0f\u00fcr <a href=\"https:\/\/www.clickstorm.de\/blog\/seo-titel-beschreibung\/\">SEO-Metadaten<\/a>. Haben Sie weitere Fragen zu dem Thema, <a href=\"https:\/\/www.clickstorm.de\/kontakt\/\">kontaktieren<\/a> Sie uns gerne oder hinterlassen Sie uns einen Kommentar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bringen Sie Ihren Inhalt in Form<\/p>\n","protected":false},"author":7,"featured_media":2087,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[135,137,136],"tags":[109,30,110,111,66],"class_list":["post-2039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","category-frontend","category-seo","tag-naviagtion","tag-seo","tag-sitemap","tag-user-experience","tag-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Navigation und Struktur einer Webseite bestimmen - clickstorm Blog<\/title>\n<meta name=\"description\" content=\"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation und Struktur einer Webseite bestimmen - clickstorm Blog\" \/>\n<meta property=\"og:description\" content=\"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/\" \/>\n<meta property=\"og:site_name\" content=\"clickstorm Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/de-de.facebook.com\/clickstorm\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-12T09:31:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T19:00:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"577\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:site\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/\"},\"author\":{\"name\":\"Marc\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/594fb824a2f049d33b2a1b4406bfc86b\"},\"headline\":\"Navigation und Struktur einer Webseite bestimmen\",\"datePublished\":\"2017-05-12T09:31:53+00:00\",\"dateModified\":\"2025-09-05T19:00:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/\"},\"wordCount\":1298,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/navigation-und-struktur-webseite_teaser-01.jpg\",\"keywords\":[\"Naviagtion\",\"SEO\",\"Sitemap\",\"User Experience\",\"Webdesign\"],\"articleSection\":[\"CMS\",\"Frontend\",\"SEO\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/\",\"name\":\"Navigation und Struktur einer Webseite bestimmen - clickstorm Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/navigation-und-struktur-webseite_teaser-01.jpg\",\"datePublished\":\"2017-05-12T09:31:53+00:00\",\"dateModified\":\"2025-09-05T19:00:06+00:00\",\"description\":\"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/navigation-und-struktur-webseite_teaser-01.jpg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/navigation-und-struktur-webseite_teaser-01.jpg\",\"width\":1170,\"height\":577,\"caption\":\"Kind vor B\u00fccherregal, Navigation und Struktur einer Webseite\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/navigation-struktur-einer-webseite\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Navigation und Struktur einer Webseite bestimmen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"name\":\"clickstorm Blog\",\"description\":\"Neuigkeiten rund um Webentwicklung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\",\"name\":\"clickstorm GmbH\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"caption\":\"clickstorm GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/de-de.facebook.com\\\/clickstorm\\\/\",\"https:\\\/\\\/x.com\\\/clickstorm_gmbh\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCEaU1eUbug6OiI4uU6vA-cA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/594fb824a2f049d33b2a1b4406bfc86b\",\"name\":\"Marc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"caption\":\"Marc\"},\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/author\\\/marc\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation und Struktur einer Webseite bestimmen - clickstorm Blog","description":"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.","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:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/","og_locale":"de_DE","og_type":"article","og_title":"Navigation und Struktur einer Webseite bestimmen - clickstorm Blog","og_description":"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.","og_url":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/","og_site_name":"clickstorm Blog","article_publisher":"https:\/\/de-de.facebook.com\/clickstorm\/","article_published_time":"2017-05-12T09:31:53+00:00","article_modified_time":"2025-09-05T19:00:06+00:00","og_image":[{"width":1170,"height":577,"url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg","type":"image\/jpeg"}],"author":"Marc","twitter_card":"summary_large_image","twitter_creator":"@clickstorm_gmbh","twitter_site":"@clickstorm_gmbh","twitter_misc":{"Verfasst von":"Marc","Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#article","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/"},"author":{"name":"Marc","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/594fb824a2f049d33b2a1b4406bfc86b"},"headline":"Navigation und Struktur einer Webseite bestimmen","datePublished":"2017-05-12T09:31:53+00:00","dateModified":"2025-09-05T19:00:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/"},"wordCount":1298,"commentCount":0,"publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg","keywords":["Naviagtion","SEO","Sitemap","User Experience","Webdesign"],"articleSection":["CMS","Frontend","SEO"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/","url":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/","name":"Navigation und Struktur einer Webseite bestimmen - clickstorm Blog","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#primaryimage"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg","datePublished":"2017-05-12T09:31:53+00:00","dateModified":"2025-09-05T19:00:06+00:00","description":"Sie planen eine neue Seite und wissen nicht wie Sie die vielen Inhalte strukturieren sollen? Nutzen Sie unsere Tipps bei der Erstellung Ihrer Sitemap.","breadcrumb":{"@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#primaryimage","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/05\/navigation-und-struktur-webseite_teaser-01.jpg","width":1170,"height":577,"caption":"Kind vor B\u00fccherregal, Navigation und Struktur einer Webseite"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clickstorm.de\/blog\/navigation-struktur-einer-webseite\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.clickstorm.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Navigation und Struktur einer Webseite bestimmen"}]},{"@type":"WebSite","@id":"https:\/\/www.clickstorm.de\/blog\/#website","url":"https:\/\/www.clickstorm.de\/blog\/","name":"clickstorm Blog","description":"Neuigkeiten rund um Webentwicklung","publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clickstorm.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.clickstorm.de\/blog\/#organization","name":"clickstorm GmbH","url":"https:\/\/www.clickstorm.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","caption":"clickstorm GmbH"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/de-de.facebook.com\/clickstorm\/","https:\/\/x.com\/clickstorm_gmbh","https:\/\/www.youtube.com\/channel\/UCEaU1eUbug6OiI4uU6vA-cA"]},{"@type":"Person","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/594fb824a2f049d33b2a1b4406bfc86b","name":"Marc","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","caption":"Marc"},"url":"https:\/\/www.clickstorm.de\/blog\/author\/marc\/"}]}},"_links":{"self":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/2039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":14,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/2039\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/2039\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media\/2087"}],"wp:attachment":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media?parent=2039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/categories?post=2039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/tags?post=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}