{"id":24132,"date":"2025-07-12T15:50:51","date_gmt":"2025-07-12T07:50:51","guid":{"rendered":"https:\/\/www.szlogic.net\/?p=24132"},"modified":"2025-07-12T15:50:51","modified_gmt":"2025-07-12T07:50:51","slug":"website-building","status":"publish","type":"post","link":"https:\/\/www.szlogic.net\/de\/learn\/web-design-devel\/website-building\/","title":{"rendered":"Websiteaufbau: Anleitung von Planung bis Livegang"},"content":{"rendered":"<h1 class=\"wp-block-heading has-text-align-center\" style=\"margin-bottom:30px\">Komplette Anleitung zum Websiteaufbau: Von Planung bis Livegang<\/h1>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u642d\u5efa\u5168\u653b\u7565\uff1a\u4ece\u89c4\u5212\u5230\u4e0a\u7ebf\u7684\u5b8c\u6574\u6d41\u7a0b\u89e3\u6790.png\" alt=\"Komplette Anleitung zum Websiteaufbau: Von Planung bis Livegang\" class=\"wp-image-24134\" srcset=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u642d\u5efa\u5168\u653b\u7565\uff1a\u4ece\u89c4\u5212\u5230\u4e0a\u7ebf\u7684\u5b8c\u6574\u6d41\u7a0b\u89e3\u6790.png 1024w, https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u642d\u5efa\u5168\u653b\u7565\uff1a\u4ece\u89c4\u5212\u5230\u4e0a\u7ebf\u7684\u5b8c\u6574\u6d41\u7a0b\u89e3\u6790-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Bevor Sie eine erfolgreiche Website erstellen, ist eine umfassende und klare Planung entscheidend. Der Artikel \u201eDie komplette Anleitung zum Websiteaufbau: Eine umfassende Prozessanalyse von der Planung bis zum Livegang\u201c erkl\u00e4rt systematisch den gesamten Prozess der Website-Erstellung \u2013 von der ersten Inhaltsplanung und visuellen Designans\u00e4tzen \u00fcber die Optimierung der Nutzererfahrung bis hin zur technischen Umsetzung der Funktionalit\u00e4ten und dem Deployment. Schritt f\u00fcr Schritt wird der vollst\u00e4ndige Weg einer Website von Grund auf dargestellt.<\/p>\n\n\n\n<p>Dieser Leitfaden eignet sich besonders f\u00fcr Einzelpersonen oder Unternehmen, die eine Website konzipieren m\u00f6chten, aber noch nicht genau wissen, wo sie anfangen sollen. Durch die tiefgehende Analyse der Ziele und wichtigsten Arbeitsschritte in jeder Schl\u00fcsselphase hilft er Ihnen, den Gesamtzusammenhang des Websiteaufbaus zu verstehen und ein systematisches Denk- und Umsetzungsmodell zu etablieren.<\/p>\n\n\n\n<p>Das finale Erscheinungsbild und der sp\u00e4tere Betriebserfolg einer Website h\u00e4ngen oft ma\u00dfgeblich vom anf\u00e4nglichen Planungsniveau ab. Eine wirklich hochwertige Website entsteht niemals \u00fcberst\u00fcrzt, sondern ist das Ergebnis wohl\u00fcberlegter und klar strukturierter Umsetzung. Dieser Artikel m\u00f6chte Ihnen durch die vollst\u00e4ndige Prozessdarstellung helfen, von Anfang an den richtigen Weg einzuschlagen und Ihre Website als starke Plattform f\u00fcr pers\u00f6nliche Markenbildung, Gesch\u00e4ftsentwicklung oder Online-Dienste zu etablieren.<\/p>\n\n\n\n<p>Um den Lesern ein effizientes Lesen und schnelles Auffinden der ben\u00f6tigten Inhalte zu erm\u00f6glichen, wird der Artikel entsprechend einer vorgegebenen Kapiteleinteilung strukturiert erl\u00e4utert. Jeder Kapitel\u00fcberschrift ist ein Sprunglink eingebettet, sodass Sie je nach Interesse gezielt bestimmte Abschnitte lesen k\u00f6nnen. Ein Klick auf die Kapitel\u00fcberschrift im Inhaltsverzeichnis f\u00fchrt Sie direkt zum jeweiligen Inhalt.<\/p>\n\n\n\n<p class=\"translation-block\">Das Ziel dieser Inhaltsstruktur ist es, den Lesern Zeit beim Suchen zu sparen und ihnen zu erm\u00f6glichen, die wichtigsten Kernkenntnisse und Praxistipps zu den verschiedenen Phasen des <strong><a href=\"https:\/\/www.szlogic.net\/de\/web-design\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Websiteaufbaus<\/a><\/strong> gezielt zu erfassen. Egal, ob Sie den Artikel komplett lesen oder sich auf einzelne Bereiche konzentrieren m\u00f6chten \u2013 die Struktur erlaubt eine flexible Nutzung zur Steigerung von Leseeffizienz und Verst\u00e4ndnis.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#planning\">Webseiten-Seitenplanung und Inhaltsplanung<\/a><\/strong>\n<ol class=\"wp-block-list\">\n<li><a href=\"#value\">Seitenplanung: Ausrichtung auf Suchintention und Gesch\u00e4ftswert<\/a><\/li>\n\n\n\n<li><a href=\"#specific\">Inhaltsplanung: Konkretisierung des Seitenthemas<\/a><\/li>\n\n\n\n<li><a href=\"#foundation\">\u00dcbliche Standardseiten einer Website<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong><a href=\"#optimi\">Visuelles Design und Nutzererfahrungsoptimierung der Website<\/a><\/strong>\n<ol class=\"wp-block-list\">\n<li><a href=\"#design\">Markenorientiertes visuelles Design<\/a><\/li>\n\n\n\n<li><a href=\"#improv\" data-type=\"internal\" data-id=\"#improv\">Nutzererfahrungsoptimierung: Ganzheitliche Verbesserung von Wahrnehmung bis Interaktion<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong><a href=\"#implem\">Website-Entwicklung und Funktionserf\u00fcllung<\/a><\/strong>\n<ol class=\"wp-block-list\">\n<li><a href=\"#frontend\">Frontend-Entwicklung: Design in eine sichtbare Oberfl\u00e4che umsetzen<\/a><\/li>\n\n\n\n<li><a href=\"#backend\">Backend-Entwicklung: Funktionslogik und Datenverarbeitung basierend auf WordPress<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong><a href=\"#operation\">Website bei Suchmaschinen einreichen und live schalten<\/a><\/strong>\n<ol class=\"wp-block-list\">\n<li><a href=\"#steps\">Warum ist die Einreichung bei Suchmaschinen ein notwendiger Schritt?<\/a><\/li>\n\n\n\n<li><a href=\"#method\">G\u00e4ngige Einreichungsmethoden bei Suchmaschinen<\/a><\/li>\n\n\n\n<li><a href=\"#process\">Beispielhafter Einreichungsprozess mit Google Search Console<\/a><\/li>\n\n\n\n<li><a href=\"#subm\">Kurze Erl\u00e4uterung der Einreichungsmethoden bei Bing und Yandex<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"planning\" style=\"margin-bottom:30px\">\u4e00\u3001Webseiten-Seitenplanung und Inhaltsplanung<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u7684\u9875\u9762\u89c4\u5212\u548c\u5185\u5bb9\u7b56\u5212.png\" alt=\"Webseiten-Seitenplanung und Inhaltsplanung\" class=\"wp-image-24135\" srcset=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u7684\u9875\u9762\u89c4\u5212\u548c\u5185\u5bb9\u7b56\u5212.png 1024w, https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u7684\u9875\u9762\u89c4\u5212\u548c\u5185\u5bb9\u7b56\u5212-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Der erste Schritt im Websiteaufbau beginnt mit einer klaren Seitenplanung und Inhaltsplanung. Diese Phase bestimmt die gesamte Struktur und inhaltliche Ausrichtung der Website und bildet die Grundlage f\u00fcr das sp\u00e4tere Design, die Entwicklung und Optimierung. Fehlt eine systematische Gliederung von Inhalten und Seiten in der Anfangsphase, ist es selbst bei einem optisch ansprechenden Erscheinungsbild schwierig, Gesch\u00e4ftsziele zu erreichen oder eine langfristige Anerkennung durch Suchmaschinen zu erhalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"value\">Seitenplanung: Ausrichtung auf Suchintention und Gesch\u00e4ftswert<\/h3>\n\n\n\n<p>Seitenplanung bedeutet nicht nur, die Anzahl der ben\u00f6tigten Seiten zu bestimmen, sondern systematisch Themenbereiche zu definieren, die eng mit den Kernzielen der Website, den Nutzerbed\u00fcrfnissen und dem Gesch\u00e4ftswert verkn\u00fcpft sind.<\/p>\n\n\n\n<p class=\"translation-block\">Aus der professionellen Perspektive von <strong><a href=\"https:\/\/www.szlogic.net\/de\/seo\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a><\/strong> handelt es sich dabei im Wesentlichen um eine strukturierte Antwort auf die \u201eSuchintention\u201c. Wir analysieren die m\u00f6glichen Suchanfragen der Zielnutzer in Suchmaschinen und w\u00e4hlen Keywords oder Themen mit hohem kommerziellem Potenzial aus. Darauf aufbauend werden entsprechende Seiten erstellt, die eine umfassende und pr\u00e4zise Abdeckung der Zielintentionen auf struktureller Ebene sicherstellen.<\/p>\n\n\n\n<p>Besonders hervorzuheben ist: Obwohl jede Website \u00fcber Standard-Basis-Seiten verf\u00fcgt, gibt es keine \u201eStandardanzahl von Seiten\u201c f\u00fcr eine strategisch orientierte Websitegestaltung und -entwicklung. Die Seitenanzahl sollte vollst\u00e4ndig von der Service-Struktur des Unternehmens, der Komplexit\u00e4t der Customer Journey und den SEO- sowie Conversion-Funktionen der Inhalte abh\u00e4ngen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"specific\">Inhaltsplanung: Konkretisierung des Seitenthemas<\/h3>\n\n\n\n<p>Nach der Planung der Seitenstruktur folgt die Inhaltsplanung f\u00fcr jede einzelne Seite. Der Kern der Inhaltsplanung besteht darin, rund um das Zielthema jeder Seite die Informationshierarchie, die logische Struktur und den Lesefluss f\u00fcr den Nutzer klar zu definieren. Dabei geht es nicht nur um den Textinhalt selbst, sondern auch um die Gestaltung von \u00dcberschriften, die Einbindung von Bildern und Videos sowie die Platzierung von CTA-Buttons. Tats\u00e4chlich sind Inhaltsplanung und Seitenplanung zwei Seiten derselben Medaille: Die Seite ist der Container f\u00fcr Informationen, der Inhalt der Motor f\u00fcr Konversionen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"foundation\">\u00dcbliche Standardseiten einer Website<\/h3>\n\n\n\n<p>Obwohl die Seitenstruktur jeder Website je nach Bedarf flexibel angepasst werden sollte, gibt es in den meisten Projekten einige Seiten, die nahezu jede Website ben\u00f6tigt. Diese \u00fcbernehmen nicht nur die grundlegende Informationsvermittlung, sondern unterst\u00fctzen auch die Gesamtstruktur f\u00fcr SEO:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Startseite<\/h4>\n\n\n\n<p>Das erste Fenster des Markenimages muss klar den Zweck der Website, den Serviceumfang und den Kernwert vermitteln.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Produkt-\/Dienstleistungsseite<\/h4>\n\n\n\n<p>Fokussiert auf die Pr\u00e4sentation der Kerninhalte des Gesch\u00e4fts und ist der Schl\u00fcsselbereich f\u00fcr die Konversion. F\u00fcr jede Dienstleistung\/Produkt sollte idealerweise eine eigene Seite eingerichtet werden, um die Optimierung zu erleichtern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Kundenerfolgsgeschichten oder Fallstudien<\/h4>\n\n\n\n<p>St\u00e4rken das Vertrauen der Nutzer, zeigen tats\u00e4chliche L\u00f6sungen und Kundenfeedback und eignen sich besonders f\u00fcr B2B- oder ma\u00dfgeschneiderte Dienstleistungswebsites.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u00dcber uns<\/h4>\n\n\n\n<p>Pr\u00e4sentiert die Markenphilosophie, Team-Hintergrund und Entwicklungsgeschichte und ist ein entscheidender Bestandteil zum Aufbau von Vertrauen und emotionaler Markenbindung.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Kontakt<\/h4>\n\n\n\n<p>Bietet einfache Kontaktm\u00f6glichkeiten, ermutigt Nutzer zur aktiven Kontaktaufnahme oder Anfrage und ist der Abschlussort f\u00fcr potenzielle Kundenkonversionen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"optimi\" style=\"margin-bottom:30px\">\u4e8c\u3001Visuelles Design und Optimierung der Nutzererfahrung (UX)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u89c6\u89c9\u8bbe\u8ba1\u4e0e\u7528\u6237\u4f53\u9a8c\u4f18\u5316.png\" alt=\"Visuelles Design und Nutzererfahrungsoptimierung der Website\" class=\"wp-image-24137\" srcset=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u89c6\u89c9\u8bbe\u8ba1\u4e0e\u7528\u6237\u4f53\u9a8c\u4f18\u5316.png 1024w, https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u89c6\u89c9\u8bbe\u8ba1\u4e0e\u7528\u6237\u4f53\u9a8c\u4f18\u5316-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im gesamten Website-Aufbauprozess ist das visuelle Design und die Optimierung der Nutzererfahrung (UX) ein entscheidendes Bindeglied. Es bestimmt nicht nur den ersten Eindruck des Nutzers von der Website, sondern beeinflusst auch direkt das Verhalten und die Verweildauer auf der Seite. Eine hochwertige Website ben\u00f6tigt nicht nur einen beeindruckenden visuellen Ausdruck, sondern auch eine reibungslose Ablaufstruktur und logische Nutzerinteraktion.<\/p>\n\n\n\n<p>Visuelles Design vermittelt den Markenwert, die Nutzererfahrung bestimmt das tats\u00e4chliche Verhalten. Nur durch eine enge Verkn\u00fcpfung von \u00e4sthetischer Kreativit\u00e4t und Nutzungslogik kann eine Website geschaffen werden, die wirklich ber\u00fchrt und die Konversionsrate steigert. Im Website-Aufbauprozess sind visuelles Design und UX keine getrennten Phasen, sondern ein integriertes, sich erg\u00e4nzendes System.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"design\">Markenorientiertes visuelles Design<\/h3>\n\n\n\n<p>Visuelles Design ist nicht nur ein \u00e4sthetischer Ausdruck, sondern auch eine externe Manifestation der Markenstrategie. Ein erfolgreiches visuelles Design der Website muss von der Markenpositionierung ausgehen und sich um den Markencharakter herum entwickeln und vereinheitlichen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Konsistentes visuelles Markensystem<\/h4>\n\n\n\n<p>Das visuelle Design muss auf dem Markenerkennungssystem basieren, einschlie\u00dflich einheitlicher Farbgebung, Schriftarten, grafischer Elemente und Layoutlogik. Selbst wenn die Webseitendarstellung kreativ sein kann, muss diese Kreativit\u00e4t der Marke dienen und darf nicht von der Gesamtidentit\u00e4t abweichen.<\/p>\n\n\n\n<p>Beispielsweise eignen sich f\u00fcr Technologie-Marken schlichte, k\u00fchle Blau-Grau-Farbpaletten; Lifestyle-Marken bevorzugen m\u00f6glicherweise warme, freundliche und sanfte Farbt\u00f6ne. Jedes Designelement sollte dem Nutzer in der ersten Sekunde des Website-Besuchs helfen, den Kerncharakter der Marke klar wahrzunehmen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Klarer Fokus und visuelle Schwerpunkte<\/h4>\n\n\n\n<p>Das visuelle Thema jeder Seite sollte sich um ihr Inhaltsziel drehen und mittels Kontrasten, Wei\u00dfraum und Bildf\u00fchrung die Nutzeraugen nat\u00fcrlich auf die Schl\u00fcsselbereiche lenken. Die Startseite kann den Markenwert hervorheben, w\u00e4hrend die Produktseite die Produktmerkmale und Differenzierungsvorteile fokussiert.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Einzigartiger und konsistenter Website-Stil<\/h4>\n\n\n\n<p>Das Endergebnis des visuellen Stils ist ein Gesamteindruck, den man sich \u201emit einem Blick einpr\u00e4gt\u201c. Durch den konsistenten Einsatz von Stilelementen (z.\u202fB. Illustrationsstil, minimalistischer E-Commerce-Stil, Magazin-Look etc.) wird nicht nur die Wiedererkennbarkeit gesteigert, sondern auch daf\u00fcr gesorgt, dass sich Nutzer beim wiederholten Besuch an die Marke erinnern.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"improv\">Nutzererfahrungsoptimierung: Ganzheitliche Verbesserung von Wahrnehmung bis Interaktion<\/h3>\n\n\n\n<p>User Experience (UX)-Optimierung bedeutet nicht einfach nur, dass die Oberfl\u00e4che sch\u00f6n aussieht oder Buttons gut klickbar sind. Sie umfasst die gesamte Logikkette vom Seitenladeverhalten bis zu jedem einzelnen Klick, inklusive Performance, Prozessf\u00fchrung, Feedback und Bedienbarkeit.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Performance und fl\u00fcssiger Zugriff<\/h4>\n\n\n\n<p>Die Ladegeschwindigkeit der Website ist die erste Schwelle der Nutzererfahrung. Egal ob Startseite, verz\u00f6gertes Laden von Bildern oder Mehrger\u00e4te-Responsivit\u00e4t \u2013 all das beeinflusst Verweildauer und Absprungrate. Schlankes Design, Bildkomprimierung, CDN-Beschleunigung und Frontend-Caching sollten Priorit\u00e4t haben.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Klare und vorhersehbare Interaktionslogik<\/h4>\n\n\n\n<p>Interaktionsdesign bedeutet mehr als nur eine Reaktion auf Klicks \u2013 es geht um klare Abl\u00e4ufe, sinnvolle Wege und zeitnahes Feedback. Ein gutes Formulardesign umfasst Fortschrittsanzeigen, Fehlermeldungen und Eingabehinweise. Komplexe Module wie Kaufprozesse, Benutzerregistrierungen oder Dateneingaben sollten einen durchdachten Ablaufplan haben, damit Nutzer jederzeit wissen, \u201ewas als N\u00e4chstes zu tun ist\u201c.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nutzbarkeit und barrierefreies Design<\/h4>\n\n\n\n<p>Unabh\u00e4ngig davon, ob Nutzer einen PC, ein Smartphone oder eine schwache Netzverbindung nutzen \u2013 die grundlegenden Interaktionsfunktionen m\u00fcssen stets verf\u00fcgbar bleiben. Au\u00dferdem sollte man die Zug\u00e4nglichkeit f\u00fcr unterschiedliche Nutzergruppen ber\u00fccksichtigen, etwa durch Schriftgr\u00f6\u00dfenanpassung, Tastaturbedienbarkeit und Farbkontraste gem\u00e4\u00df Barrierefreiheitsstandards.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"implem\" style=\"margin-bottom:30px\">\u4e09\u3001Website-Entwicklung und Funktionserf\u00fcllung<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u5f00\u53d1\u4e0e\u529f\u80fd\u5b9e\u73b0.png\" alt=\"Website-Entwicklung und Funktionserf\u00fcllung\" class=\"wp-image-24139\" srcset=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u5f00\u53d1\u4e0e\u529f\u80fd\u5b9e\u73b0.png 1024w, https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u5f00\u53d1\u4e0e\u529f\u80fd\u5b9e\u73b0-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nach der Planung der Seitenstruktur, der Inhaltserstellung und dem visuellen Design geht die Website nun in die Phase der \u201eEntwicklung und Funktionalen Umsetzung\u201c. Der zentrale Auftrag dieser Phase ist es, die Entw\u00fcrfe in funktionierende Webseiten zu verwandeln, indem Frontend- und Backend-Technologien eingesetzt werden, um die gew\u00fcnschte Logik und Interaktivit\u00e4t bereitzustellen. Das ist der technische Kernprozess, der das Design in ein tats\u00e4chliches Produkt \u00fcberf\u00fchrt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"frontend\">Frontend-Entwicklung: Design in eine sichtbare Oberfl\u00e4che umsetzen<\/h3>\n\n\n\n<p>Im Kern geht es bei der Frontend-Entwicklung darum, das Design \u201epixelgenau umzusetzen\u201c \u2013 also aus den UI-Entw\u00fcrfen eine optisch und strukturell identische Web-Oberfl\u00e4che zu bauen. Ob mit handgeschriebenem Code oder \u00fcber moderne Baukastensysteme \u2013 diese Ebene braucht immer diese technischen Grundlagen:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">HTML: Strukturierte Seitenlayouts<\/h4>\n\n\n\n<p class=\"translation-block\"><strong><a href=\"https:\/\/www.w3schools.com\/html\/\" data-type=\"link\" data-id=\"https:\/\/www.w3schools.com\/html\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">HTML<\/a><\/strong> (Hypertext Markup Language) ist das Grundger\u00fcst des <strong><a href=\"https:\/\/www.szlogic.net\/de\/category\/learn\/web-design-devel\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/category\/learn\/web-design-devel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Webdesigns<\/a><\/strong>. Es definiert die grundlegende Struktur und Elemente einer Seite wie \u00dcberschriften, Abs\u00e4tze, Tabellen oder Bilder und bildet das Fundament jeder Website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">CSS: Gestaltung und Styles<\/h4>\n\n\n\n<p class=\"translation-block\"><strong><a href=\"https:\/\/www.w3schools.com\/css\/\" data-type=\"link\" data-id=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">CSS<\/a><\/strong> (Cascading Style Sheets) verleiht den HTML-Elementen ihr Aussehen. Es steuert Schriftarten, Farben, Layouts, Animationen und responsives Design und bestimmt damit die visuelle Darstellung der Website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">JavaScript: Interaktive Funktionen<\/h4>\n\n\n\n<p class=\"translation-block\"><strong><a href=\"https:\/\/www.w3schools.com\/js\/\" data-type=\"link\" data-id=\"https:\/\/www.w3schools.com\/js\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">JavaScript<\/a><\/strong> ist die Kernsprache f\u00fcr Interaktivit\u00e4t im Frontend \u2013 von einfachen Dropdown-Men\u00fcs und Slidern bis zu komplexen Formularvalidierungen, Animationen und der Kommunikation mit dem Backend (z.\u202fB. \u00fcber AJAX).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"backend\">Backend-Entwicklung: Funktionslogik und Datenverarbeitung basierend auf WordPress<\/h3>\n\n\n\n<p class=\"translation-block\">Unter der <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/what-is-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/what-is-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a><\/strong>-Architektur konzentriert sich die Backend-Entwicklung vor allem auf Funktionserweiterung, Inhaltsverwaltung und Datenschnittstellen. Im Vergleich zur klassischen Entwicklung \u201evon Grund auf\u201c bietet WordPress ein ausgereiftes Content-Management-Framework, mit dem Entwickler schnell und gezielt auf bestehende Funktionalit\u00e4ten aufbauen und diese individuell erweitern k\u00f6nnen.<\/p>\n\n\n\n<p>Die Backend-Entwicklung mit WordPress betont \u201eflexible Erweiterung innerhalb des bestehenden Frameworks\u201c. Standardfunktionen lassen sich schnell per Plugin hinzuf\u00fcgen, w\u00e4hrend individuelle Gesch\u00e4ftslogik \u00fcber benutzerdefinierte Beitragstypen, Custom Fields und Hook-Programmierung realisierbar ist. WordPress macht Backend-Entwicklung strukturierter und wartungsfreundlicher, reduziert Komplexit\u00e4t erheblich und bietet gleichzeitig ein starkes \u00d6kosystem und Sicherheitsunterst\u00fctzung.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WordPress REST API<\/h4>\n\n\n\n<p>Die WordPress REST API ist ein integriertes Schnittstellensystem, das Entwicklern erm\u00f6glicht, \u00fcber standardisierte HTTP-Requests mit den Website-Daten zu interagieren \u2013 darunter Beitr\u00e4ge, Seiten, Benutzer, Medien und Kommentare. Die Einf\u00fchrung der REST API hat die Offenheit und Flexibilit\u00e4t von WordPress enorm gesteigert und eignet sich besonders f\u00fcr folgende Einsatzszenarien:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Integration mit mobilen Apps und externen Systemen<\/h5>\n\n\n\n<p>\u00dcber die REST API k\u00f6nnen mobile Apps, Mini-Programme oder Drittplattformen Inhalte aus WordPress abrufen, Kommentare einsenden, Nutzerregistrierungen durchf\u00fchren oder Daten aktualisieren. Beispiele: Artikel-Synchronisierung in einer App oder Abruf von Nutzerfeedback durch ein CRM-System.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Entwicklung individueller Datenschnittstellen<\/h5>\n\n\n\n<p>Neben den Standard-Endpunkten f\u00fcr Beitr\u00e4ge oder Seiten lassen sich auch eigene REST-Routen per Code registrieren, um spezielle Anwendungsf\u00e4lle abzudecken \u2013 z.\u202fB. das Speichern von Formulardaten. Das Frontend kann diese Schnittstellen per AJAX ansprechen und Daten zur Verarbeitung senden.<\/p>\n\n\n\n<p>add_action(&#8216;rest_api_init&#8217;, function () {<br>register_rest_route(&#8216;myplugin\/v1&#8217;, &#8216;\/form-submit\/&#8217;, [<br>&#8216;methods&#8217; =&gt; &#8216;POST&#8217;,<br>&#8216;callback&#8217; =&gt; &#8216;my_custom_form_handler&#8217;,<br>&#8216;permission_callback&#8217; =&gt; &#8216;__return_true&#8217;<br>]);<br>});<\/p>\n\n\n\n<p>Die WordPress REST API ist eine zentrale F\u00e4higkeit moderner WordPress-Projekte. Ob externe Systemanbindung oder die Entwicklung individueller Funktionen \u2013 effiziente Nutzung der REST API erweitert den Funktionsumfang einer Website erheblich und legt ein stabiles Fundament f\u00fcr zuk\u00fcnftige Plattform-Erweiterungen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"operation\" style=\"margin-bottom:30px\">\u56db\u3001Einreichen der Website bei Suchmaschinen und Live-Betrieb<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u63d0\u4ea4\u7ed9\u641c\u7d22\u5f15\u64ce\u4e0a\u7ebf\u8fd0\u8425.png\" alt=\"Website bei Suchmaschinen einreichen und live schalten\" class=\"wp-image-24138\" srcset=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u63d0\u4ea4\u7ed9\u641c\u7d22\u5f15\u64ce\u4e0a\u7ebf\u8fd0\u8425.png 1024w, https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/07\/\u7f51\u7ad9\u63d0\u4ea4\u7ed9\u641c\u7d22\u5f15\u64ce\u4e0a\u7ebf\u8fd0\u8425-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\">Wenn die Website inhaltlich geplant, visuell gestaltet und technisch umgesetzt ist, kommt der letzte entscheidende Schritt: die <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/seo\/site-submit\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/seo\/site-submit\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00dcbermittlung der Website an gro\u00dfe Suchmaschinen<\/a><\/strong> und der offizielle Start des Betriebs. Ohne diesen Schritt kann es sein, dass Suchmaschinen die Seite lange Zeit nicht crawlen oder indexieren \u2013 was die Sichtbarkeit und den Erhalt von organischem Traffic massiv beeintr\u00e4chtigt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"steps\">Warum ist die Einreichung bei Suchmaschinen ein notwendiger Schritt?<\/h3>\n\n\n\n<p>Suchmaschinen entdecken neue Websites nicht immer sofort von selbst \u2013 insbesondere eigenst\u00e4ndige Marken-Websites oder solche ohne bestehende Verlinkung zu gro\u00dfen Plattformen. Um die anf\u00e4ngliche Indexierung zu beschleunigen und den Suchmaschinen die Seitenstruktur und -inhalte bereitzustellen, ist eine manuelle \u00dcbermittlung inklusive Sitemap und Inhaberverifizierung n\u00f6tig. Dieser Schritt ist die Grundvoraussetzung f\u00fcr den Beginn der aktiven Online-Pr\u00e4senz und stellt sicher, dass die Website \u201eim Netz sichtbar\u201c wird.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"method\">G\u00e4ngige Einreichungsmethoden bei Suchmaschinen<\/h3>\n\n\n\n<p>Derzeit z\u00e4hlen zu den wichtigsten Suchmaschinen, bei denen man Websites aktiv einreichen kann:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Google<\/strong><\/li>\n\n\n\n<li><strong>Bing (Microsoft)<\/strong><\/li>\n\n\n\n<li><strong>Yandex (russische Suchmaschine)<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Da Yahoo und DuckDuckGo beide den Index von Bing verwenden, reicht eine einmalige Einreichung bei Bing aus, um auch diese beiden Plattformen abzudecken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"process\">Beispielhafter Einreichungsprozess mit Google Search Console<\/h3>\n\n\n\n<p>Google ist die weltweit am h\u00e4ufigsten genutzte Suchmaschine, daher ist das erfolgreiche Eintragen der Website in die Google Search Console (das Webmaster-Tool von Google) ein besonders wichtiger Schritt. Hier eine kurze Schritt-f\u00fcr-Schritt-Anleitung:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 1: Anmeldung bei der Google Search Console<\/h4>\n\n\n\n<p class=\"translation-block\">Besuche <a target=\"_self\">https:\/\/search.google.com\/search-console<\/a> und melde dich mit deinem <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/website-base\/gmail-register\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/website-base\/gmail-register\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google-Konto<\/a><\/strong> an.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 2: Property hinzuf\u00fcgen<\/h4>\n\n\n\n<p>Klicke oben links auf \u201eProperty hinzuf\u00fcgen\u201c und gib die vollst\u00e4ndige URL deiner Website ein (einschlie\u00dflich https:\/\/). W\u00e4hle anschlie\u00dfend den Typ:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201eDomain\u201c: umfassendere \u00dcberpr\u00fcfung, empfohlen f\u00fcr neue Websites<\/li>\n\n\n\n<li>\u201eURL-Pr\u00e4fix\u201c: geeignet, wenn du nur einen spezifischen Pfad oder ein Unterverzeichnis verwalten m\u00f6chtest.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 3: Inhaberschaft der Website verifizieren<\/h4>\n\n\n\n<p>Folge den Anweisungen zur Verifizierung. H\u00e4ufig genutzte Methoden sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hochladen einer HTML-Datei ins Stammverzeichnis der Website<\/li>\n\n\n\n<li class=\"translation-block\">Hinzuf\u00fcgen eines TXT-Eintrags in die <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/website-base\/domain-name\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/website-base\/domain-name\/\" target=\"_blank\" rel=\"noreferrer noopener\">DNS-Domain<\/a><\/strong>-Konfiguration<\/li>\n\n\n\n<li class=\"translation-block\">Einf\u00fcgen eines HTML-Meta-Tags in den \u2018head\u2019 Bereich<\/li>\n\n\n\n<li>Verifizierung \u00fcber Google Analytics oder den Tag Manager<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 4: Sitemap einreichen<\/h4>\n\n\n\n<p>Nach dem erfolgreichen Login klickst du im linken Men\u00fc auf \u201eSitemaps\u201c und gibst die Adresse deiner Sitemap ein (normalerweise: https:\/\/yourdomain.com\/sitemap.xml). Stelle sicher, dass deine Website eine g\u00fcltige Sitemap generiert hat und alle wichtigen Seiten enth\u00e4lt, die von Google indexiert werden sollen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 5: Indexierungsstatus und Leistungsdaten \u00fcberwachen<\/h4>\n\n\n\n<p>Nach der Einreichung kannst du in der Search Console den Crawling-Status, den Indexierungsfortschritt, Berichte zur Seitenerfahrung sowie Leistungsdaten zu Suchanfragen einsehen. Diese Daten sind eine wertvolle Grundlage f\u00fcr zuk\u00fcnftige SEO-Optimierungen und Content-Strategien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subm\">Kurze Erl\u00e4uterung der Einreichungsmethoden bei Bing und Yandex<\/h3>\n\n\n\n<p>Auch wenn Google der wichtigste Kanal ist, empfiehlt es sich zur Erweiterung der internationalen Reichweite, die Website auch bei anderen Suchmaschinen einzureichen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bing Webmaster Tools(https:\/\/www.bing.com\/webmasters ): Funktionsweise \u00e4hnlich wie die Google Search Console, inklusive Sitemap-Einreichung und Index\u00fcberwachung.<\/li>\n\n\n\n<li>Yandex Webmaster(https:\/\/webmaster.yandex.com): Besonders geeignet f\u00fcr den russischen Markt oder russischsprachige Websites. Anmeldung und Verifizierung \u00fcber ein Yandex-Mailkonto m\u00f6glich.<\/li>\n<\/ul>\n\n\n\n<p>Der Start einer Website ist nur der Anfang. Das Einreichen bei Suchmaschinen und die Anbindung an Webmaster-Plattformen sind der erste Schritt, um echten Traffic zu generieren und langfristig zu betreiben. Eine sinnvolle Konfiguration der Sitemap, die Best\u00e4tigung des Eigentums und das \u00dcberwachen des Indexierungsstatus bilden eine solide Grundlage f\u00fcr alle weiteren SEO-Optimierungen. Es wird empfohlen, dass alle Websites am Tag der Ver\u00f6ffentlichung bei allen wichtigen Suchmaschinen eingereicht werden, um die Zeit bis zur Sichtbarkeit zu verk\u00fcrzen und m\u00f6glichst fr\u00fch mit der Datensammlung und Conversion-Optimierung zu beginnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zusammenfassung<\/h2>\n\n\n\n<p>Durch die Analyse des Ablaufs in diesem Artikel haben wir jeden wichtigen Schritt vom Konzept \u00fcber das Design und die Entwicklung bis hin zum Live-Betrieb der Website systematisch aufbereitet. Egal, ob du zum ersten Mal mit Website-Erstellung in Ber\u00fchrung kommst oder bereits eine gesch\u00e4ftsorientierte Website aufbauen m\u00f6chtest \u2013 du solltest nun ein klareres und umsetzbares Verst\u00e4ndnis des gesamten Prozesses haben. Eine Website ist niemals ein Schnellschuss, sondern das Ergebnis einer vielschichtigen Abstimmung aus Markenstrategie, Inhaltsstruktur, visueller Gestaltung und technischer Umsetzung. Je gr\u00fcndlicher die Planung im Vorfeld und je sorgf\u00e4ltiger jede Phase umgesetzt wird, desto stabiler wird der Traffic und desto nachhaltiger der Wert nach dem Launch.<\/p>\n\n\n\n<p>Wir hoffen, dieser Artikel baut f\u00fcr dich eine praktische Br\u00fccke vom \u201eIch will eine Website machen\u201c bis zum \u201eerfolgreich online\u201c. Nutze ihn gern als Checkliste, die du w\u00e4hrend des tats\u00e4chlichen Aufbaus schrittweise umsetzt. Eine gute Website ist immer eine Investition in langfristige Entwicklung. Wenn du auf der Suche nach einem professionellen und verl\u00e4sslichen Partner f\u00fcr dein Website-Projekt bist, kontaktiere gerne LogicThink Digital. Mit einem systematischen Methodenkonzept und kreativem Anspruch helfen wir dir, ein wirklich wertvolles digitales Asset effizient zu realisieren. Starte jetzt dein Website-Projekt und bringe deine Gesch\u00e4ftsidee schnell auf den Markt!<\/p>\n\n\n\n<p><strong>Dieser Artikel ist urheberrechtlich gesch\u00fctzt von Logic Digital Technology (SZLOGIC). Die pers\u00f6nliche Weitergabe zu Lernzwecken ist willkommen. Jegliche kommerzielle Nutzung oder Vervielf\u00e4ltigung ohne Genehmigung ist strengstens untersagt.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>\u7f51\u7ad9\u642d\u5efa\u5168\u653b\u7565\uff1a\u4ece\u89c4\u5212\u5230\u4e0a\u7ebf\u7684\u5b8c\u6574\u6d41\u7a0b\u89e3\u6790 \u5728\u6784\u5efa\u4e00\u4e2a\u6210\u529f\u7684\u7f51\u7ad9\u4e4b\u524d\uff0c\u5168\u9762\u800c\u6e05\u6670\u7684\u89c4\u5212\u662f\u5173\u952e\u6240\u5728\u3002\u300a\u7f51\u7ad9\u642d\u5efa\u5168 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":24136,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[188],"tags":[],"class_list":["post-24132","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-devel"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/24132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/comments?post=24132"}],"version-history":[{"count":10,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/24132\/revisions"}],"predecessor-version":[{"id":24165,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/24132\/revisions\/24165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/media\/24136"}],"wp:attachment":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/media?parent=24132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/categories?post=24132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/tags?post=24132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}