Lade dir unser kostenloses Handbuch herunter, das dir bei der Gestaltung deiner Website helfen wird.
Die eingegebene E-Mail-Adresse ist ungültig.
Vielen Dank für deine Anmeldung.
Mit der Angabe deiner E-Mail bestätigst du, dass du unsere Datenschutzerklärung gelesen und verstanden hast und einverstanden bist, Marketing-E-Mails von Squarespace zu erhalten.
Deine Website ist dein Online-Stützpunkt: Du hast vielleicht unzählige Social-Media-Profile, Portfolio-Seiten und mehr als ein Konto auf verschiedenen Online-Marktplätzen. Deine Website jedoch ist der Ort, an dem alles zusammenläuft, der deiner Arbeit Kontext verleiht und an dem du direkte, authentische Verbindungen zu deinen Zielgruppen aufbauen kannst.
Die Komplett-Plattform von Squarespace zum Erstellen von Websites bietet dir alles, was du brauchst, um eine überzeugende, effektive Online-Präsenz zu erstellen. Du kannst deine Website mit einer einzelnen Landing-Page beginnen oder eine komplexe, vielschichtige Präsenz mit Medien und E-Commerce aufbauen – und alles andere geht natürlich auch.
1. Stelle Nachforschungen an
Bevor du überhaupt anfängst, über das Design deiner Website nachzudenken, setz dich hin und sammle ein paar Ideen. Schau dir andere Websites von deiner Branche an und denke dann über den Zweck deiner Website nach.
Schreib ein paar Ideen über folgende Themen auf:
Ziele für deine Website
Visuelle Gestaltung der Marke und Stimme
Zielgruppe und wie du sie erreichen wirst
Wenn du diese Konzepte verstehst, kannst du entscheiden, welche Seiten du hinzufügst, welche Texte du schreibst und wie du sie gestaltest. Wenn du zum Beispiel weißt, was die Leute tun sollen, wenn sie auf deiner Website landen, kannst du leichter herausfinden, wie du deine Inhalte organisieren sollst.
2. Template auswählen
Website-Templates sind vorgefertigte Layouts, mit denen du schnell eine professionelle, einfache Website erstellen kannst. Du kannst Elemente wie Text-Blöcke, Bilder, Fotogalerien, Logos und mehr in das Template ziehen, um es nach deinen Vorstellungen zu gestalten.
Bei der Auswahl eines Templates für deine Website ist es wichtig, dass du die notwendigen Hauptfunktionen kennst. Dabei kannst du dich an deinen Website-Zielen orientieren. Erstellst du ein Portfolio, einen Blog, einen Lebenslauf oder eine E-Commerce-Website? Oder etwas ganz Neues, das sich nur schwer einordnen lässt?
Du benötigst keine Erfahrung in der Programmierung oder Webentwicklung, um ein Website-Template an die Bedürfnisse deiner Marke anzupassen. Wenn du jedoch etwas Programmiererfahrung hast, kannst du benutzerdefinierten CSS-Code hinzufügen, um dein Webdesign um zusätzliche Funktionen zu ergänzen.
Ein effektives Design legt den Grundstein für eine starke Website, die deine idealen Kund:innen anzieht, deine Professionalität unter Beweis stellt und deine Persönlichkeit zeigt. Squarespace bietet eine Reihe von Templates, die du mit markenspezifischen Farben, Schriftarten und Bildern anpassen kannst. Du kannst auch das Squarespace Design Kit (mit KI) verwenden, um eine ganz individuelle KI-gestützte Website von Grund auf neu zu erstellen.
Und auf Wunsch kannst du gegen eine Gebühr die Hilfe eines Squarespace Expert in Anspruch nehmen, der dir bei der Verwirklichung des Konzepts deiner Website helfen kann.
3. Deine Website-Seiten gestalten
Du kannst mit nur einer Startseite für deine Marke oder dein Unternehmen beginnen, aber je nachdem, was du aufbauen möchtest, benötigst du wahrscheinlich zusätzliche Webseiten. Für die meisten Leute empfiehlt sich eine „Über mich“- oder Kontakt-Seite, damit Website-Besucher:innen deine Kontaktinformationen finden können. Überlege, welche anderen Seiten du vielleicht benötigst, wie eine Blog-Seite oder eine Seite für häufig gestellte Fragen.
Keine Zeit? Sieh dir Tipps zum Erstellen einer einseitigen Website an.
Grundlegende Website-Navigation
Das Navigationsdesign ist die Summe aller Elemente, die zur Navigation auf einer Website genutzt werden. Dazu gehört alles, vom Navigationsmenü deiner Website über Buttons und Textinhalte bis hin zu Hyperlinks und dem Design des Seitenlayouts.
Ein gutes Navigationsdesign hilft Besucher:innen, sich auf deiner Website zu bewegen und das zu finden, was sie brauchen. Je benutzerfreundlicher deine Website-Navigation ist, desto mehr Leute werden auf der Seite bleiben wollen. Ein schlechtes Design führt dazu, dass die Leute von deiner Website wegklicken, bevor sie zu deinen Inhalten oder Produkten gelangen.
Eine gute Navigations-UX (User Experience bzw. Benutzererfahrung) ist intuitiv. Im Idealfall finden die Besucher:innen ganz leicht, wonach sie suchen, ohne sich über das Navigations-Design deiner Website Gedanken zu machen.
Sieh dir unseren vollständigen Leitfaden zur Gestaltung deiner Navigation an
Seiten-Layouts gestalten
Nimm dir beim Gestalten deiner Seiten-Layouts die Zeit, deine Customer Journey zu berücksichtigen. Wie kommt jemand von der Landing-Page deiner Website zu dem Schritt, dich zu kontaktieren oder einen Kauf bei dir zu tätigen?
Sobald du eine Seite zusammengestellt hast, stell dir selbst die folgenden Fragen:
Ist deinen Besucher:innen klar, was sie als Nächstes tun sollen, wenn sie auf deiner Startseite landen?
Ist deine Navigation leicht verständlich?
Leitest du sie reibungslos dorthin, wo du sie haben möchtest, z. B. auf deiner Produkt-Seite?
Wenn du einer Squarespace-Website neue Seiten hinzufügst, kannst du zwischen leeren Seiten und Seiten mit vorgefertigten Layouts wählen, die für bestimmte Zwecke konzipiert wurden. Squarespace verfügt über einen Kreativen Editor, bei dem es sich um einen code-freien Drag-and-Drop-Raster-Editor handelt, mit dem du genau anpassen kannst, wo und wie die Inhalte auf deiner Website angezeigt werden.
Du kannst einer leeren Seite Inhalts-Blöcke hinzufügen, um ein neues Layout zu erstellen oder die Blöcke innerhalb einer Layout-Template-Seite bearbeiten, um Zeilen, Spalten oder sogar überlappende Inhalte zu erstellen. Mit dem Raster des Kreativen Editors als Orientierungshilfe kannst du diese Seitenelemente ganz einfach in der Größe verändern und neu ausrichten, wie es deinen persönlichen Vorstellungen entspricht. Squarespace-Websites verfügen über ein integriertes responsives Design, mit dem du deine Website für jede Bildschirmgröße optimieren kannst.
Deine Seiten-Layouts und ob sie auf Mobilgeräten responsiv sind:
Wie viel Zeit die Leute auf deiner Website verbringen
Wie wahrscheinlich es ist, dass jemand bei dir kauft
Ziel ist es, deine Marke von ihrer besten Seite zu zeigen und deinen Besucher:innen auf deiner Website ein positives Erlebnis zu bieten, das Vertrauen schafft, Interesse weckt und die Interaktionen mit deiner Website fördert.
Sieh dir unsere 10 grundlegenden Prinzipien des Webdesigns an
4. Füge Inhalte zu deiner Website hinzu
Sobald du deine Layouts festgelegt hast, ist der nächste Schritt, um die Besucher:innen durch deine Website zu führen, die Auswahl der richtigen Texte und visuellen Elemente.
Verfassen von Website-Inhalten
Das Verfassen von informativen und ansprechenden Website-Texten ist ein entscheidender Teil deines Aktionsplans. Website-Texte sollten ganz oben auf deiner To-do-Liste stehen. Noch bevor du mit dem Text anfängst, solltest du dir Gedanken machen, was du schreiben und wo du es platzieren willst.
Beginne bei deiner Startseite und definiere dein Angebot oder den Zweck deiner Website.
Identifiziere wichtige Details und alle anderen Seiten, die du in deinen Header aufnehmen willst, z. B. eine Info-Seite, Seiten über deine Produkte oder Dienstleistungen oder eine Seite mit einem Kontaktformular.
Halte den Text kurz und überschaubar.
Überlege dir die relevanten Keywords für dein Unternehmen und wie du sie in die Text- und Website-Navigation integrieren kannst.
Du bist dir nicht sicher, wo du anfangen sollst? Sieh dir unseren Leitfaden zum Verfassen von Website-Inhalten an oder lass Squarespace AI den Entwurf für dich erledigen.
Fotos zu deiner Website hinzufügen
Der erste Schritt bei der Auswahl von Bildern für deine Website besteht darin, herauszufinden, welche Arten von Bildern zu deiner Marke passen. Sobald du herausgefunden hast, welche Ästhetik deiner Marke entspricht, kannst du Fotos und Bilder beschaffen, um deinen ästhetischen Ansatz umzusetzen.
Agenturbilder sind ein guter Ausgangspunkt, vor allem wenn du dein Unternehmen gerade startest und noch nicht viele eigene Fotos hast. Squarespace bietet Integrationen mit Agenturbild-Anbietern, um hochwertige kostenlose oder erschwingliche Bilder zu finden, die du auf deiner Website nutzen kannst.
Alternativ kannst du selbst Bilder aufnehmen oder einen Fotografen engagieren, sofern dies dein Budget zulässt. Fotos, die deine Marke direkt repräsentieren – z. B. Fotos von dir selbst, deinem Studio oder Ladengeschäft, deinen Verkaufsartikeln oder deinem Team in Aktion– – stärken deine Glaubwürdigkeit und bauen Vertrauen bei deinem Publikum auf.
Damit Fotos und Bilder schnell und einwandfrei auf deine Website geladen werden, solltest du unbedingt auf Format, Auflösung und Größe der Bilder achten. All diese Faktoren können sich darauf auswirken, wie deine Bilder aussehen und wie schnell deine Seiten geladen werden.
Stelle sicher, dass du mit JPEG- oder PNG-Formaten arbeitest.
Halte dich an eine Breite von 1500 bis 2500 Pixeln.
Die Gesamtgröße der Mediendateien auf einer Webseite sollte für eine optimale Ladezeit unter 2 MB sein.
Sobald du deine Fotos auf deine Website hochgeladen hast, kannst du sie von einem zentralen Ort aus verwalten.
5. Eine Domain kaufen
Wähle einen Domainnamen, wenn du fast soweit bist, mit deiner Website live zu gehen. Ein Domainname, wie squarespace.com, ist einer der ersten Eindrücke, die du online hinterlässt. Er wirkt sich auf alles aus, von der Suchmaschinenoptimierung bis hin zur Einprägsamkeit deiner Website, damit man dich gut (wieder)findet. Es dauert nicht lange, eine Domain zu kaufen, aber du solltest Zeit investieren, Ideen für Domainnamen zu sammeln, um einen zu finden, der zu deiner Marke passt.
Im Idealfall sind dein Domainname und der Name deines Unternehmens identisch oder ähnlich. Wenn du zum Beispiel einen E-Commerce-Shop für ein bestehendes Unternehmen startest, suche zunächst nach einem benutzerdefinierten Domainnamen, der dem Namen deines Unternehmens entspricht. Auf diese Weise können bestehende Kund:innen deine Website leicht finden. Wenn dein Domainname nicht als „.com“ verfügbar ist, kannst du andere Domain-Erweiterungen in Betracht ziehen, z. B. „.co“ oder „.store“.
Alle Squarespace-Websites mit jährlichem Tarif beinhalten eine benutzerdefinierte kostenlose Domain. Du besitzt bereits eine Domain? Dann kannst du sie auf Squarespace übertragen. Wenn du ein neues Unternehmen bist und immer noch Namen für deine Marke brainstormst, kannst du auch unseren KI-Business-Namensgenerator verwenden, um Hilfe bei der Ideenfindung zu erhalten.
Weitere Informationen über Web-Hosting-Dienste und warum du einen benötigst
Dieser Beitrag wurde am 1. Juni 2023 aktualisiert.