{"id":63174,"date":"2020-08-16T18:00:21","date_gmt":"2020-08-16T18:00:21","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/erstellen-sie-ihren-website-plan-in-4-einfachen-schritten\/"},"modified":"2020-08-16T18:00:21","modified_gmt":"2020-08-16T18:00:21","slug":"erstellen-sie-ihren-website-plan-in-4-einfachen-schritten","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/erstellen-sie-ihren-website-plan-in-4-einfachen-schritten\/","title":{"rendered":"Erstellen Sie Ihren Website-Plan in 4 einfachen Schritten"},"content":{"rendered":"<p>Durch meine jahrelange Erstellung von Kundenwebsites habe ich festgestellt, dass der n\u00fctzlichste Schritt bei der Erstellung einer Website die Erstellung eines Lageplans ist.  Viele Selbstst\u00e4ndige scheinen diesen Schritt zu \u00fcberspringen, was ein gro\u00dfer Fehler ist.  Nichts kann Ihre Site-Erstellung mehr beschleunigen als ein gut durchdachter Site-Plan.<\/p>\n<p>Um einen Website-Plan zu erstellen, m\u00fcssen Sie 4 grundlegende Schritte ausf\u00fchren.<\/p>\n<ul>\n<li>\n<strong>Schritt 1:<\/strong> Brainstorming-Ideen f\u00fcr Ihre Website.<\/li>\n<li>\n<strong>Schritt 2:<\/strong> Gruppieren Sie Ihre Ideen in Themen.<\/li>\n<li>\n<strong>Schritt 3:<\/strong> Erstellen Sie eine einfache Gliederung Ihrer Seiten.<\/li>\n<li>\n<strong>Stufe 4:<\/strong> K\u00f6rper das Dokument.<\/li>\n<\/ul>\n<h2>Was ist ein Lageplan?<\/h2>\n<p>In der Architektur ist ein Lageplan eine Vogelperspektive darauf, wie ein neues Bauprojekt ein leeres Gel\u00e4nde verwandelt.  Es ist eine detaillierte grafische Darstellung aller neuen B\u00fcrgersteige, Parkpl\u00e4tze und Geb\u00e4ude, die dem Grundst\u00fcck hinzugef\u00fcgt werden.  Dieser Plan ist f\u00fcr das Bauteam unverzichtbar, wenn es mit der Arbeit beginnt, da es bedeutet, dass es keine Entscheidungen vor Ort treffen muss.  Alles wurde bereits in der Planungsphase entschieden.<\/p>\n<p>Das gleiche Site-Plan-Konzept eignet sich auch hervorragend f\u00fcr Websites.  Finden und dokumentieren Sie genau, was Sie wollen, und wenn Sie bereit sind, Ihre Website zu erstellen, liegen alle schwierigen Entscheidungen bereits hinter Ihnen.  Der grundlegendste Lageplan w\u00e4re nichts weiter als eine einfache Gliederung.  Notizen, vollst\u00e4ndig geschriebener Text, Bilder und mehr k\u00f6nnen hinzugef\u00fcgt werden, um die Robustheit zu erh\u00f6hen.  Ich empfehle generell, dem Dokument so viele Informationen wie m\u00f6glich hinzuzuf\u00fcgen, was dazu f\u00fchren kann, dass Ihr Site-Plan als Offline-Version Ihrer Website angezeigt wird.<\/p>\n<p>Das endg\u00fcltige Dokument ist von unsch\u00e4tzbarem Wert, unabh\u00e4ngig davon, ob Sie die Website selbst erstellen oder von einer anderen Person f\u00fcr Sie erstellen lassen.  Wenn Sie jemanden f\u00fcr die Erstellung Ihrer Website bezahlen, arbeitet dieser h\u00e4ufig st\u00fcndlich. Wenn Sie also einen vollst\u00e4ndigen Standortplan haben, k\u00f6nnen Sie viel Geld sparen und das Projekt erheblich beschleunigen.<\/p>\n<p>Es gibt einige Flexibilit\u00e4t bei der Erstellung Ihres Site-Plans, aber ich werde die Schritte, die ich bei der Arbeit mit Kunden unternehme, teilen.  Der Prozess beginnt mit dem Brainstorming aller verschiedenen Inhalte, die Sie auf Ihrer Website platzieren m\u00f6chten.  Anschlie\u00dfend identifizieren Sie Muster und Gruppierungen, die w\u00e4hrend des Brainstormings identifiziert wurden.  Sie k\u00f6nnen diese Gruppen dann in zuk\u00fcnftige Seiten Ihrer Site konvertieren und basierend auf diesen Seiten eine Gliederung erstellen.  Schlie\u00dflich f\u00fcgen Sie der Gliederung mehr Substanz hinzu, indem Sie genau dokumentieren, was auf jeder Seite Ihrer Website erscheinen soll.<\/p>\n<h3>Schritt 1: Brainstorming<\/h3>\n<p>Da Sie Ihre Zielgruppe und Ihre Nachricht bereits identifiziert haben, sollten Sie eine gute Vorstellung von der Reichweite Ihrer Website auf hoher Ebene haben.  In diesem Abschnitt werden Sie sich mit den Details befassen, genau welche Art von Inhalten Ihre Website enthalten sollte.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-4989 aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/site-plan-inside02.png\" alt=\"Idee, Blasen zu verbinden\" width=\"2332\" height=\"1611\"><\/p>\n<p>Schauen Sie sich zun\u00e4chst die Websites Ihrer Hauptkonkurrenten an und sehen Sie, welche spezifischen Seiten und welche Arten von Inhalten sie verwenden.  K\u00f6nnen Sie den Zweck jeder Website herausfinden, die Sie besuchen?  K\u00f6nnen Sie sehen, wie von einem Besucher erwartet wird, dass er von einer Seite zur anderen wechselt?  F\u00fchlen Sie sich gezwungen, dem Aufruf der Website zum Handeln zu folgen?<\/p>\n<p>Jetzt ist die Zeit f\u00fcr ein Brainstorming.<\/p>\n<p>Dies geschieht am besten mit einer kleinen Gruppe von Personen, die an Ihrer Website beteiligt sind.  Teilen Sie zun\u00e4chst Ihre Notizen zu Ihrer Zielgruppe, Ihrer Nachricht und allem, was Sie aus der Analyse der anderen Websites gelernt haben.  Besprechen Sie dann verschiedene Ideen dar\u00fcber, was jeder auf der Website m\u00f6chte.  Dies k\u00f6nnen gro\u00dfe oder kleine Ideen sein &#8211; werfen Sie alles auf den Stapel, egal ob es einfach oder schwer zu realisieren ist.<\/p>\n<p>Schreiben Sie jede Idee auf eine Karteikarte oder eine Notiz und verteilen Sie sie auf dem Boden oder der Wand, damit Sie sie alle gleichzeitig sehen k\u00f6nnen.  Wir werden die Ideen im n\u00e4chsten Schritt organisieren.<\/p>\n<h3>Schritt 2: Gruppieren Sie in Themen<\/h3>\n<p>Wenn alle Ihre Notizen vor Ihnen verteilt sind, beginnen Sie, die Konzepte und Ideen in verschiedene Gruppen zu gruppieren.  Sobald ein Muster angezeigt wird, k\u00f6nnen die Gruppen in Ihre Websiteseiten konvertiert werden.<\/p>\n<p>Beispielsweise k\u00f6nnen Produktbeschreibungen, Produktfotos, Kundenreferenzen und ein YouTube-Video des Produkts in Aktion zu einer Produktseite zusammengefasst werden.  Ihr Hauptaufruf zum Handeln, Ihre neuesten Nachrichten und ein einfaches Kontaktformular k\u00f6nnen auf der Homepage Ihrer Website zusammengefasst werden.<\/p>\n<p>Sie k\u00f6nnen sogar sehen, dass einige Seiten zusammen gruppiert werden m\u00fcssen, und Sie k\u00f6nnen sie in Unterseiten eines gr\u00f6\u00dferen Themas umwandeln.  Dies kann der Fall sein, wenn Sie mehrere Produkte oder Dienstleistungen anbieten oder wenn es Variationen zu einem bestimmten Thema gibt, z. B. eine Fotogalerie und eine Karte.<\/p>\n<p>Einige Ideen stimmen m\u00f6glicherweise nicht mit anderen \u00fcberein.  Sind sie wirklich notwendig?  Haben sie eine separate Seite auf Ihrer Website verdient?  Legen Sie sie beiseite und besuchen Sie sie im n\u00e4chsten Schritt erneut, wenn wir Ihre Website-Navigation zusammenfassen.<\/p>\n<h3>Schritt 3: Erstellen Sie einen Seitenumriss<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-536\" class=\"img-screenshot wp-image-536 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/outline.png\" alt=\"schematisches Beispiel\" width=\"217\" height=\"262\"><\/p>\n<p id=\"caption-attachment-536\" class=\"wp-caption-text\">Ein einfacher Entwurf f\u00fcr eine Website f\u00fcr kleine Unternehmen.<\/p>\n<p>Da Ihre Ideen f\u00fcr gruppierte Inhalte zu Seiten auf Ihrer Website werden, ist es an der Zeit, eine Methode zu finden, um diese Informationen in einem einfach zu lesenden Format anzuzeigen.  Pers\u00f6nlich tendiere ich dazu, mich auf Umrisse oder Listen mit Aufz\u00e4hlungszeichen zu konzentrieren, da ich finde, dass diese Formate schnell und einfach zu referenzieren sind.<\/p>\n<p>Beschr\u00e4nken Sie sich beim Organisieren Ihrer Seiten auf f\u00fcnf bis sieben Vorwahlen f\u00fcr Ihre Site.  Dies ist die optimale Anzahl, die Menschen gleichzeitig leicht verdauen k\u00f6nnen.  Wenn Sie mehr Seiten ben\u00f6tigen, gruppieren Sie einige Seiten in Unterseiten der Hauptseiten.<\/p>\n<p>Als Faustregel gilt, dass Ihre Besucher alles finden k\u00f6nnen, wonach sie suchen, ohne auf mehr als drei Links klicken zu m\u00fcssen.  Jeder weitere Klick kann dazu f\u00fchren, dass der Benutzer seine Suche abbricht und fortf\u00e4hrt.  Es ist auch m\u00f6glich, dass ein Besucher auf einer anderen Website als Ihrer Homepage landet. Sie sollten also sicherstellen, dass er sich immer noch leicht zurechtfindet, unabh\u00e4ngig davon, wo er beginnt.<\/p>\n<h3>Schritt 4: Entwickeln Sie das Dokument<\/h3>\n<p>F\u00fcgen Sie diesem Site-Plan weitere Notizen hinzu, indem Sie unter jeder Seite Notizen machen, um Sie an die bestimmten Assets oder Informationen zu erinnern, die Sie dort platzieren m\u00f6chten.  Dies kann in Form von Text, Bildern, Links oder sogar Videos erfolgen.<\/p>\n<p>Ich empfehle, f\u00fcr jede Seite drei verschiedene Versionen des Titels aufzuschreiben.  Das erste ist das k\u00fcrzestm\u00f6gliche Tag f\u00fcr die Seite, das Sie im Site-Navigationsmen\u00fc verwenden k\u00f6nnen, mit dem Besucher von einer Seite Ihrer Site zu einer anderen wechseln.<\/p>\n<p>\u00dcberschriften sind sehr wichtig, um die Hierarchie innerhalb einer Website zu demonstrieren. Jede Seite Ihrer Website sollte mit einem h1-Tag beginnen, damit die Besucher genau wissen, wo sie sich auf Ihrer Website befinden.  Hier verwenden Sie den zweiten Titel, den Sie erstellen.<\/p>\n<p>Die dritte Version des Titels ist l\u00e4nger und sollte etwas aussagekr\u00e4ftiger sein. Sie wird verwendet, um die Platzierung Ihrer Website in Suchmaschinen wie Google zu verbessern.  Der eigentliche Titel wird nicht im sichtbaren Bereich Ihrer Website angezeigt, sondern im Titel-Tag jeder Seite verwendet.  Das Titel-Tag ist eines der grundlegendsten HTML-Tags und wird auch in Ihrem Browser-Tab angezeigt, wenn Sie sich auf einer bestimmten Seite einer Website befinden.  Es mag etwas kompliziert klingen, aber die meisten Website-Erstellungssysteme bieten eine einfache M\u00f6glichkeit, diesen Text einzugeben, ohne Code verwenden zu m\u00fcssen.<\/p>\n<p>Am Ende dieses Schritts sollte jede Seite in Ihrer Site-Gliederung folgenderma\u00dfen aussehen:<\/p>\n<p>IV.  Die Info-Seite:<\/p>\n<ul>\n<li>\n<strong>\u00dcber<\/strong> (Navigations-Tag)<\/li>\n<li>\n<strong>\u00dcber ACME-Produkte<\/strong> (Titel, der auf der Seite erscheint)<\/li>\n<li>\n<strong>\u00dcber ACME-Produkte: Der Marktf\u00fchrer f\u00fcr Gadgets und Widgets im Gro\u00dfraum Milwaukee, Wisconsin<\/strong> (beschreibender Titel)<\/p>\n<ul>\n<li>Firmen Geschichte<\/li>\n<li>Fotos des Eigentums<\/li>\n<li>Firmenlogo<\/li>\n<li>Formular zur Kontaktaufnahme mit den Eigent\u00fcmern<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Fazit<\/h2>\n<p>Der endg\u00fcltige Site-Plan, der aus diesem Schritt hervorgeht, ist Ihre Roadmap und Ihr Plan f\u00fcr Ihre gesamte Website.  Schauen Sie \u00f6fters vorbei, da dies die Erstellung der Website erheblich beschleunigt und vereinfacht.<\/p>\n<p>Mit Ihrem vollst\u00e4ndigen Site-Plan, Ihren Recherchen zu Ihrer Zielgruppe und einem klar umrissenen Zweck und einer Botschaft f\u00fcr Ihre Website haben Sie fast alles, was Sie ben\u00f6tigen, um Ihr Projekt an eine andere Person zu \u00fcbergeben, um die Site selbst zu erstellen oder zu erstellen.  Alle wichtigen Fragen werden bereits beantwortet, was letztendlich zu einem Projekt f\u00fchrt, das viel schneller und zu m\u00f6glicherweise viel geringeren Kosten abgeschlossen wird.  Bereit anzufangen?<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Durch meine jahrelange Erstellung von Kundenwebsites habe ich festgestellt, dass der n\u00fctzlichste Schritt bei der Erstellung einer Website die Erstellung eines Lageplans ist. Viele Selbstst\u00e4ndige scheinen diesen Schritt zu \u00fcberspringen, was ein gro\u00dfer Fehler ist. Nichts kann Ihre Site-Erstellung mehr beschleunigen als ein gut durchdachter Site-Plan. Um einen Website-Plan zu erstellen, m\u00fcssen Sie 4 grundlegende [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Cree-su-plan-de-sitio-web-en-4-sencillos-pasos.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63174"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=63174"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63174\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/63175"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=63174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=63174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=63174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}