{"id":64007,"date":"2019-09-10T14:47:05","date_gmt":"2019-09-10T12:47:05","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=64007"},"modified":"2022-10-17T10:05:05","modified_gmt":"2022-10-17T08:05:05","slug":"erfolgreiche-website-homepage-baukasten","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/","title":{"rendered":"Erfolgreiche Website im Homepage-Baukasten Teil 1: Die Website konzipieren"},"content":{"rendered":"\n

Mit dem STRATO Homepage-Baukasten erstellst Du Deine Website ohne Programmierkenntnisse. Bevor Du mit dem Bau der Homepage anf\u00e4ngst, solltest Du sie allerdings konzipieren, um von vornherein zu wissen, welche Inhalte sie haben soll.<\/p>\n\n\n\n\n\n\n\n

Die meisten Websites dienen einem Zweck, so wahrscheinlich auch Deine. Deshalb solltest Du Dir vorab Gedanken dar\u00fcber machen, was Du eigentlich auf der Internetseite zeigen m\u00f6chtest. \u00dcberlege Dir: Wie soll Deine Internetseite \u00fcberhaupt aussehen und welche Inhalte soll sie haben? Im Folgenden zeigen wir Dir anhand einer Website <\/a>f\u00fcr die Konditorei Sucr\u00e9, wie Du eine professionelle Seite mit dem Homepage-Baukasten gestalten kannst.<\/p>\n\n\n\n

1. \u00dcber Inhalte nachdenken<\/strong><\/h2>\n\n\n\n

Bevor Du mit der Erstellung Deiner\u00a0Internetseite im Homepage-Baukasten beginnst, solltest Du Dir nat\u00fcrlich \u00fcberlegen, was \u00fcberhaupt auf der\u00a0Seite erscheinen soll. Vielleicht soll sie ja sogar ein Blog enthalten<\/a>.<\/p>\n\n\n\n

Sollen es eher Bilder, Videos oder Artikel sein? Im Fall einer Konditorei-Seite ist diese Festlegung einfach. Die Seite sollte m\u00f6glichst viele Kunden ansprechen und Dein Unternehmen vorstellen. Du solltest deshalb vor allem Deinen Laden und Deine Produkte ansprechend pr\u00e4sentieren. Wahrscheinlich will der Kunde anschlie\u00dfend auch Dein Team kennenlernen, sich \u00fcber Preise informieren und wissen, wie er zu Dir kommt. Wenn Du Produkte pr\u00e4sentierst, sollten appetitanregende Bilder im Vordergrund stehen. <\/p>\n\n\n\n

Es ist sinnvoll, vorab Material zu sammeln, etwa Fotos und Videos zu machen oder schon den ein oder anderen Text zu schreiben. Der Homepage-Baukasten bietet Dir aber auch eine ganze Reihe attraktiver Gratis-Fotos plus Zugriff auf die kostenlose Fotob\u00f6rse Unsplash<\/a>.<\/p>\n\n\n\n

\"\"
Im Fall unserer Konditorei-Seite sind vor allem Bilder wichtig, die Lust auf mehr machen.<\/figcaption><\/figure>\n\n\n\n

2. Zielgruppe definieren<\/strong><\/h2>\n\n\n\n

Zus\u00e4tzlich ist es sinnvoll, dar\u00fcber nachzudenken, welchen Kundenkreis die Website ansprechen soll. Dadurch kannst Du sp\u00e4ter zielsicher eines der sch\u00f6nen vorgefertigten Homepage-Baukasten-Layouts als Basis f\u00fcr Deine Internetseite ausw\u00e4hlen. Wer sind Deine \u00fcblichen Kunden?\u00a0Hiervon h\u00e4ngen sowohl das Design, als auch das Bildmaterial ab: hell oder dunkel, schrill oder seri\u00f6s. Und nat\u00fcrlich, ob Du Deine Kunden sp\u00e4ter Duzen oder Siezen willst. Ist Deine Konditorei Sucr\u00e9 eher alternativ und hip \u2013 oder willst Du eher Senioren ansprechen? <\/p>\n\n\n\n

\"\"
Ansprache, Layout und Design h\u00e4ngen von der Zielgruppe ab. Hier solltest Du Produkte pr\u00e4sentieren, die Deine Kunden ansprechen \u2013 und ihre Sprache sprechen.<\/figcaption><\/figure>\n\n\n\n

3. \u00c4hnliche Websites anschauen<\/strong><\/h2>\n\n\n\n

Schaue Dir nun in Ruhe die Internetseiten Deiner Mitbewerber, auch in anderen St\u00e4dten, an. Die findest Du mit Hilfe einer Suchmaschine wie Google oder kennst sie wahrscheinlich sogar bereits. Hier kannst Du Insporation sammeln: Schaue Dir hier vor allem die Art der Pr\u00e4sentation der Produkte und die Struktur an sich an. Welche Produkte werden angeboten, welche Unterseiten gibt es und wie pr\u00e4sentiert sich Dein Mitbewerber im Netz? Du solltest die Seite nat\u00fcrlich nicht kopieren, sie kann aber ein wichtiger Anhaltspunkt bei der Konzeptionierung Deiner eigenen Seite sein. Au\u00dferdem bekommst Du dadurch ein Gef\u00fchl daf\u00fcr, welche Art von Design Deine Kundschaft typischerweise sehen m\u00f6chte und welche Inhalte auf der Seite auftauchen sollten.<\/p>\n\n\n\n

\"\"
Mitbewerber findest Du ganz einfach per Google.<\/figcaption><\/figure>\n\n\n\n

4. Seitenstruktur anlegen<\/strong><\/h2>\n\n\n\n

Abh\u00e4ngig von den \u00dcberlegungen der ersten vier Schritte kannst Du Dich jetzt an die Erstellung der Seitenstruktur machen. Eine Website besteht \u00fcblicherweise aus mehreren Unterseiten. Klicke daf\u00fcr im Homepage-Baukasten auf Webseiten-Struktur <\/strong>und lege die gew\u00fcnschten Unterseiten an oder l\u00f6sche solche, die Du nicht brauchst. Keine Sorge: Du kannst sp\u00e4ter weitere Seiten einpflegen oder Seiten wieder l\u00f6schen. <\/p>\n\n\n\n

Neben der Startseite, die sozusagen Dein \u201eCover\u201c ist und den Leser ansprechen soll, kannst Du Unterseiten anlegen, die zum Beispiel Preise, Anfahrt und weitere Informationen zu Deiner Konditorei enthalten. Plane auf jeden Fall auch Seiten f\u00fcr das Impressum und die Datenschutzerkl\u00e4rung ein, diese sind gesetzliche Pflicht! Du kannst die Seiten mit den Pfeiltasten im Men\u00fc neu ordnen und sogar verschachteln und nat\u00fcrlich nachtr\u00e4glich \u00e4ndern. <\/p>\n\n\n\n

Der STRATO Homepage-Baukasten h\u00e4ngt diese automatisch an der gew\u00fcnschten Stelle ein. Anfangs solltest Du nur die wichtigsten Seiten anlegen, um Deine Seite schnell online stellen zu k\u00f6nnen. Untergeordnete Seiten \u2013 etwa eine Bildergalerie Deiner Konditorei oder eine detaillierte Team-Seite \u2013 kannst Du sp\u00e4ter einpflegen.<\/p>\n\n\n\n

\"\"
Lege zun\u00e4chst die wichtigsten Seiten an. Unterseiten kannst Du sp\u00e4ter einpflegen.<\/figcaption><\/figure>\n\n\n\n

5. Das ideale Design ausw\u00e4hlen<\/strong><\/h2>\n\n\n\n

Das war es auch schon: Du kannst jetzt anhand der in den f\u00fcnf vorherigen Schritten angestellten \u00dcberlegungen und Ma\u00dfnahmen zielsicher das Design ausw\u00e4hlen. Beim ersten Start des Homepage-Baukastens hast Du vielleicht sogar schon ein passendes ausgew\u00e4hlt, andernfalls kannst Du es leicht \u00e4ndern: Klicke oben links im Men\u00fc auf\u00a0Designvorlagen <\/strong>und w\u00e4hle eine zu Deiner Konditorei passende Optik. In diesem Fall empfiehlt sich ein helles, freundliches Farbschema. <\/p>\n\n\n\n

Die Designvorlagen sind bereits teilweise mit Bildmaterial und bestimmten Elementen ausgef\u00fcllt, die Du sp\u00e4ter \u00e4ndern kannst. Daher kannst Du auch jede Vorlage nehmen, auch wenn sie zun\u00e4chst nicht direkt eine Konditorei-Website wiedergibt. Auch die Schriftarten und Inhalte kannst Du sp\u00e4ter nat\u00fcrlich anpassen. <\/p>\n\n\n\n

Wichtig bei der Auswahl des Layouts ist vor allem, ob Dir die Struktur des Designs gef\u00e4llt, also wie zum Beispiel das Men\u00fc, das Titelbild und einzelne Elemente angeordnet sind. Klicke die Seite an und schaue, ob Dir die Anordnung von Men\u00fc und Inhalten gef\u00e4llt. Wenn ja, kannst Du das Design mit \u201eAnwenden\u201c best\u00e4tigen. \u00dcbrigens: Alle Homepage-Baukasten-Designs sind responsive, sehen also auch auf Smartphones und Tablets gut aus.<\/p>\n\n\n\n

\"\"
Das Design kannst Du im Homepage-Baukasten jederzeit \u00e4ndern. Du kannst das Design auch thematisch anpassen, weshalb Du Dich vor allem auf das Layout konzentrieren solltest. <\/figcaption><\/figure>\n\n\n\n

Im zweiten Teil dieser Beitragsreihe<\/a> lernst Du, wie Du passende Inhalte f\u00fcr Deine Website findest und diese optimal pr\u00e4sentierst.<\/p>\n\n\n\n

Hast Du Lust bekommen, eine eigene Website mit dem Homepage-Baukasten zu erstellen?<\/h4>\n\n\n\nZum STRATO Homepage-Baukasten<\/a>\n","protected":false},"excerpt":{"rendered":"

Mit dem STRATO Homepage-Baukasten erstellst Du Deine Website ohne Programmierkenntnisse. Bevor Du mit dem Bau der Homepage anf\u00e4ngst, solltest Du sie allerdings konzipieren, um von vornherein zu wissen, welche Inhalte sie haben soll.<\/p>\n","protected":false},"author":138,"featured_media":67152,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[480,4],"tags":[363,200,149],"acf":[],"yoast_head":"\nWebsite konzipieren im Homepage-Baukasten<\/title>\n<meta name=\"description\" content=\"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website konzipieren im Homepage-Baukasten\" \/>\n<meta property=\"og:description\" content=\"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-10T12:47:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T08:05:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2019\/09\/STRATO_Beitragsbild_Professionelle-Website_728x410.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/\",\"name\":\"Website konzipieren im Homepage-Baukasten\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2019-09-10T12:47:05+00:00\",\"dateModified\":\"2022-10-17T08:05:05+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc\"},\"description\":\"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Erfolgreiche Website im Homepage-Baukasten Teil 1: Die Website konzipieren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"description\":\"Hallo, ich bin Christian Rentrop. Ich bin freier IT-Journalist und schreibe f\u00fcr einige bekannte deutsche Computer- und Foto-Magazine. Zudem blogge ich IT-Workshops. Hier im STRATO Blog k\u00fcmmere ich mich um Software-Themen.\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website konzipieren im Homepage-Baukasten","description":"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Website konzipieren im Homepage-Baukasten","og_description":"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2019-09-10T12:47:05+00:00","article_modified_time":"2022-10-17T08:05:05+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2019\/09\/STRATO_Beitragsbild_Professionelle-Website_728x410.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/","name":"Website konzipieren im Homepage-Baukasten","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2019-09-10T12:47:05+00:00","dateModified":"2022-10-17T08:05:05+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc"},"description":"Bevor Du mit dem Bau Deiner Homepage anf\u00e4ngst, sollte Dein Konzept klar sein. So wei\u00dft Du von vornherein, welche Inhalte sie haben soll.\ufeff","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/erfolgreiche-website-homepage-baukasten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Erfolgreiche Website im Homepage-Baukasten Teil 1: Die Website konzipieren"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g","caption":"xxxxxxxx"},"description":"Hallo, ich bin Christian Rentrop. Ich bin freier IT-Journalist und schreibe f\u00fcr einige bekannte deutsche Computer- und Foto-Magazine. Zudem blogge ich IT-Workshops. Hier im STRATO Blog k\u00fcmmere ich mich um Software-Themen.","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/64007"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=64007"}],"version-history":[{"count":34,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/64007\/revisions"}],"predecessor-version":[{"id":99914,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/64007\/revisions\/99914"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/67152"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=64007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=64007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=64007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}