Früher war die Gestaltung von Websites die ausschließliche Domäne professioneller IT-Experten. Dies ist nicht mehr der Fall. Die Technologie hat sich von Jahr zu Jahr verbessert und gelegentlichen Internetnutzern nach und nach den Zugang zum World Wide Web eröffnet.
Dennoch, auch mit modernen Digitale Webdesign-Tools, müssen Sie ein paar Dinge wissen, bevor Sie eine individuelle Website für sich selbst oder Ihr Unternehmen erstellen können. Zumindest müssen Sie wissen, wie Sie die neun einfachen Schritte befolgen, die wir in diesem Tutorial vorstellen.
So gestalten Sie eine Website in 9 einfachen Schritten
- Schritt #1: Definieren Sie den Zweck der Website und Ihre Ziele
- Schritt #2: Überlegen Sie sich die Struktur und den Plan für Ihre Website
- Schritt #3: Wählen Sie die Plattform zum Erstellen Ihrer Website
- Schritt #4: Wählen Sie ein Thema oder eine Vorlage für Ihre Website
- Schritt #5: Entwerfen Sie Ihr Logo und etablieren Sie Ihren Markenstil
- Schritt #6: Für Mobilgeräte optimieren und auf allen Geräten prüfen
- Schritt #7: Seiteninhalte und grafische Elemente
- Schritt #8: SEO vorbereiten und optimieren
- Schritt #9: Starten Sie Ihre Website
Auch wenn Sie ein absoluter Anfänger sind, machen Sie sich keine Sorgen. Diese neun Schritte sind nicht schwer zu befolgen, und selbst wenn Sie sich dazu entschließen, jeden Schritt genauer zu untersuchen (wozu ich Sie ermutige), sollten Sie in der Lage sein, die Erstellung Ihrer ersten einfachen Website in wenigen Stunden abzuschließen.
Schritt #1: Definieren Sie den Zweck der Website und Ihre Ziele
Nicht alle Websites sind gleich erstellt. Obwohl sie technisch gesehen alle ähnlich funktionieren und auf der gleichen Technologie basieren, ist es sehr wichtig, dass Sie verstehen, was Sie bauen möchten. Eine Website kann vielen Zwecken dienen.
Hier sind einige Optionen:
- Einseitige Website oder Lebenslauf;
- Einfache Broschüren- oder Portfolio-Site;
- Website für kleine Unternehmen;
- Eine Website mit einem Blogging-Bereich; oder
- E-Commerce- oder Online-Shop-Website.
Das Erstellen einer einfachen Broschüren-Website kann ganz anders sein einen Blog starten mit Dutzenden von Kategorien. Und diese Optionen können völlig anders sein als der Bau selbst der unkompliziertesten E-Commerce-Website wo Sie digitale oder physische Waren verkaufen.
Aufgrund dieser Unterschiede ist es wichtig, Ihre Ziele festzulegen und eine Vision für Ihre Website zu haben.
Schritt #2: Überlegen Sie sich die Struktur und den Plan für Ihre Website
Sobald Sie Ihr Ziel festgelegt und verstanden haben, welche Art von Website Sie sich wünschen, ist es an der Zeit, daran zu arbeiten. Wenn es sich um eine einfache Website oder ein Blog handelt, müssen Sie es nicht einmal zu Papier bringen. Stellen Sie es sich einfach vor und erstellen Sie eine Struktur in Ihrem Kopf.
Hier sind einige Fragen, die Sie sich vielleicht stellen sollten, um den richtigen Weg einzuschlagen:
- Möchten Sie, dass Ihre Website ein One-Pager mit nur wenigen Abschnitten oder eine normale Website mit separaten Seiten ist?
- Möchten Sie einen Blog nur als weiteren Abschnitt auf Ihrer Website haben oder möchten Sie nur einen Blog mit einigen Kategorien?
- Planen Sie, etwas über Ihre Website zu verkaufen?
- Haben Sie ein Budget und wie viel sind Sie bereit, für Ihre neue Website auszugeben?
Wenn Sie jedoch vorhaben, etwas Komplizierteres zu erstellen, empfehle ich Ihnen dringend, alles auf Papier (oder einen digitalen Entwurf) niederzuschreiben. Schreiben Sie auf, was Sie von Ihrer Website erwarten, und zeichnen Sie sogar das Layout, das Sie sich vorstellen oder auf einer anderen vorhandenen Website gesehen haben.
Ideen können jederzeit auftauchen, daher lohnt es sich, auf die Qualität zu achten Notizen-App um Ihnen zu helfen, Ihre Ideen später zu bewahren. Diese Fragen und Hinweise helfen Ihnen, Ihre Bedürfnisse und Wünsche zu verstehen und bereiten Sie auf die Wahl der Plattform für den Betrieb Ihrer Website vor.
Schritt #3: Wählen Sie die Plattform zum Erstellen Ihrer Website
Nachdem Sie nun eine Vorstellung von Ihrer Website haben und einen einfachen Plan erstellt haben, ist es an der Zeit, sich für die Plattform zu entscheiden, die Sie beim Aufbau und der Pflege Ihrer Website unterstützt.
Da Sie ein Anfänger sind, würde ich Ihnen empfehlen, sich für eines der beliebten Content-Management-Systeme zu entscheiden. Das Erstellen einer benutzerdefinierten Website kann Spaß machen und zu beeindruckenden Ergebnissen führen, aber es dauert Jahre, bis Sie tatsächlich ein versierter Webdesigner sind. Andererseits können mehr als zehn beliebte Website-Builder so ziemlich alles, was ein Anfänger braucht.
Wenn Sie sich entscheiden zu Erstellen Sie eine selbst gehostete Website, da kann man nichts falsch machen. Seien Sie jedoch auf eine steilere Lernkurve und mehr Optionen vorbereitet, die mehr Zeit erfordern, um sie herauszufinden.
Es gibt auch einfachere Lösungen wie Wix, Weebly, Squarespaceund andere, die wir bereits auf Firstsiteguide.com überprüft und verglichen haben. Nehmen Sie sich also Zeit, relativieren Sie Ihre Struktur und Ihren Plan und lassen Sie sich zur richtigen Plattform für Ihre neue Website führen.
Wenn Sie keine Zeit für eine ausführliche Untersuchung haben, helfe ich Ihnen gerne:
- Möchten Sie eine einfache Website für kleine Unternehmen starten – versuchen Sie es Wix or Squarespace.
- Benötigen Sie mehr anpassbare Optionen und die Einbindung eines Blogs – entscheiden Sie sich für Wordpress-Website.
- Verkaufen Sie ein paar Produkte und benötigen Online-Shop - Kasse Shopify.
Schritt #4: Wählen Sie ein Thema oder eine Vorlage für Ihre Website
Endlich ist es Zeit für die lustigen und kreativen Teile. Nachdem Sie sich für eine der Plattformen entschieden haben, ist es an der Zeit, ein Thema oder eine Vorlage auszuwählen, die das Layout und Aussehen Ihrer neuen Website definiert.
Die meisten der beliebte Website-Builder verfügen über ähnliche Optionen – es stehen kostenlose oder Premium-Vorlagen (kostenpflichtig) zur Auswahl, mit denen Ihre Website sofort ins Leben gerufen wird. Bei den meisten von ihnen können Sie sogar Demoinhalte importieren, sodass Sie eine Website mit vorhandenen Inhalten starten können, anstatt bei Null anzufangen.
Besonders interessant ist hier, dass die meisten gängigen Plattformen über Drag-and-Drop-Editoren verfügen. Das bedeutet, dass Sie einfach ein Element auswählen, es mit dem Cursor anfassen und an einer Stelle im Layout platzieren können. Einer der besten Drag-and-Drop-Editoren ist der Editor von Wix, mit dem Sie alles erstellen können, was Sie möchten. Es gibt auch einige lohnende Editoren von Drittanbietern für WordPress, z Divi.
Kostenlose Optionen sind in der Regel funktionsfähig, aber wenn Sie ein eleganteres Design mit einfacheren Modifikationen wählen möchten, a Das Premium-Theme ist eine Überlegung wert. Premium-Themes und -Vorlagen sehen nicht nur besser aus, sondern verfügen auch über einige zusätzliche Funktionen, mit denen Sie eine noch bessere Website erstellen können.
Beispiele für schöne Vorlagenauswahlen mit verschiedenen Website-Buildern:
1. Wix-Vorlage – J.Alissa
2. Squarespace-Vorlage – Clarkson
3. WordPress-Theme – Divi
Schritt #5: Entwerfen Sie Ihr Logo und etablieren Sie Ihren Markenstil
Erstellen Ihres Logos kann eine lustige und unterhaltsame Erfahrung sein. Es besteht keine Notwendigkeit, einen professionellen Designer zu engagieren. Wählen Sie einfach eines der kostenlosen aus Logo-Ersteller online, beantworten Sie ein paar Fragen, wählen Sie Ihre bevorzugten Farben und Schlüsselwörter aus und ein Tool generiert einige Ideen. Anschließend können Sie Ihre Ideen ganz einfach ändern, bis Sie ein perfektes Logo für Ihre Website und Marke erstellt haben.
Um Ihnen den Einstieg zu erleichtern, finden Sie hier einige der beliebtesten Dienste, mit denen Sie Ihr erstes kostenloses Logo erstellen können:
Konzentrieren wir uns nun auf einige der feineren Details Ihrer Website. Entdecken Sie Ihre Themen-/Vorlagenoptionen und beginnen Sie, sie nach Ihrem Geschmack zu ändern. Wählen Sie die Schriftarten aus, die Ihnen gefallen, stellen Sie die gewünschten Farben ein und platzieren Sie Ihr neu erstelltes Logo ganz oben in der Kopfzeile. Dies ist die Zeit und der Ort, um kreativ zu sein, also überstürzen Sie es nicht. Erkunden Sie die neue Plattform und Ihr Thema/Ihre Vorlage und scheuen Sie sich nicht, ein oder zwei Einstellungen zu ändern, um die Ergebnisse zu sehen.
Hier sind einige interessante Dienste, die Ihnen bei der Auswahl von Farben und Schriftarten helfen können:
Schritt #6: Für Mobilgeräte optimieren und auf allen Geräten prüfen
Eine Website zu haben, die auf Smartphones nicht funktioniert, ist im Jahr 2023 keine Option. Die Menschen sind mehr denn je mit ihren Telefonen verbunden und Online-Besucher laden Ihre Website hauptsächlich von ihren Mobilgeräten aus.
Ihre mobilen Einstellungen variieren je nach der von Ihnen gewählten Plattform. Die gute Nachricht ist jedoch, dass es bei allen Einstellungen einige Überlegungen für mobile Zuschauer gibt. Betrachten Sie die Standardoptimierung für Mobilgeräte jedoch nicht als selbstverständlich. Überprüfen Sie Ihre Website unbedingt auf mehreren Mobilgeräten, da jedes Smartphone und Tablet anders ist und Ihre Website anders anzeigen kann. Probieren Sie verschiedene Plugins und Add-ons aus, bis Sie die perfekten mobilen Ergebnisse erzielen.
Wir haben bereits darüber geschrieben So gestalten Sie Ihre Website mobilfreundlichLesen Sie also unbedingt mehr darüber.
Wenn Sie bereits eine Website haben und möchten, dass Google prüft, ob sie für Mobilgeräte geeignet ist, ganz einfach Öffnen Sie diese Website und geben Sie die URL Ihrer Website ein. Google wird es schnell überprüfen und Ihnen die Details mitteilen. Dieses kostenlose Tool zeigt Ihnen sogar, wie Ihre Website auf Mobilgeräten aussieht, und schlägt bei Bedarf Änderungen vor.
Hier sind einige weitere ähnliche Tools, die Ihnen beim Testen der mobilen Version Ihrer Website helfen:
- Bing-Mobile-Freundlichkeitstest
- Mobi Ready-Checker für Mobilgeräte
- RankWatch
- Browserstack Responsive
- W3C Mobile Checker
Schritt #7: Seiteninhalte und grafische Elemente
Inzwischen sollte Ihr Site-Layout fertig sein. Ihr Logo wird vollständig sein, Ihre Farben werden ausgewählt und Ihre Schriftarten werden ausgewählt, indem ein Dummy-Text oder der Inhalt der Demo-Site verwendet wird. Jetzt ist es endlich an der Zeit, Ihre Inhalte zu erstellen.
Jede Website benötigt eine Kopie. Nehmen Sie sich also Zeit und schreiben Sie die Informationen auf, die Sie Ihren Benutzern präsentieren möchten. Dies ist das Erste, was die Leute auf Ihrer Website lesen. Stellen Sie daher sicher, dass sie gut geschrieben ist und keine Grammatik- oder Rechtschreibfehler enthält. Sie können kostenlose Tools wie verwenden Grammarly or ProWritingAid um Ihnen zu helfen.
Wenn Sie planen einen Blog schreiben, können Sie mit Ihrem ersten Beitrag beginnen. Probieren Sie verschiedene Optionen aus, die auf der Plattform Ihrer Wahl verfügbar sind, und experimentieren Sie herum. Dies ist Ihr erster Beitrag, daher erwartet niemand, dass er perfekt ist. Achten Sie jedoch auf Ihren Schreibstil, Ihre Grammatik und Rechtschreibung.
Fotos, Bilder und Videos sind ein wesentlicher Bestandteil jeder Website. Wenn Sie etwas Individuelles haben, ist das großartig! Wenn nicht, seien Sie vorsichtig, welche grafischen Elemente Sie online veröffentlichen. Die meisten über Google verfügbaren Bilder finden Sie unten Urheberrecht, was bedeutet, dass Sie es nicht ohne Erlaubnis auf Ihrer Website veröffentlichen dürfen. Dennoch gibt es viele Websites wie Unsplash die lizenzfreie Bilder anbieten, die Sie frei für Ihre Website verwenden können.
Neben Unsplash, das definitiv das beliebteste ist, gibt es hier noch einige andere Websites, die kostenlose Stockfotos anbieten, die Sie verwenden können:
Schritt #8: SEO vorbereiten und optimieren
Wissen Sie, was ein Durchschnittsmensch tut, wenn er online nach Informationen sucht? Ja, Sie haben Recht – sie googeln es. Um sicherzustellen, dass Ihre Website für ein breiteres Publikum erreichbar ist, müssen Sie sie Google-freundlich gestalten.
Dieser Prozess wird als SEO (Suchmaschinenoptimierung) bezeichnet und soll sicherstellen, dass Ihre Inhalte den Richtlinien von Google und anderen Suchmaschinen entsprechen. Ehrlich gesagt kann dieser Prozess ziemlich herausfordernd und langwierig sein, wenn Sie mit Profis konkurrieren. Zum Glück können Sie das Beginnen Sie mit SEO auch als Anfänger. Nur befolgen Sie unsere Richtlinienund Sie kommen einer besseren Position bei Google einen Schritt näher.
Hier sind einige bekannte SEO-Dienste, die Ihnen beim Start Ihrer neuen Website helfen könnten:
Schritt #9: Starten Sie Ihre Website
Das ist es. Bisher haben Sie eine Website im Schatten Ihrer Plattform erstellt. Die Änderungen wurden gespeichert, aber Ihre Website ist immer noch nicht für die Öffentlichkeit verfügbar. Bevor Sie auf die Schaltfläche „Veröffentlichen“ klicken, sollten Sie es gründlich testen.
Öffnen Sie Ihre Website in verschiedenen Browsern und zeigen Sie sie auf anderen Geräten an. Senden Sie einen Link an einen Freund und bitten Sie ihn, einen Blick darauf zu werfen. Beheben Sie alle gemeldeten Fehler und veröffentlichen Sie Ihre Website.
Herzlichen Glückwunsch!
Website-Design-Trends im Jahr 2023
Ähnlich wie in der Mode ändern sich die Trends im Website-Design von Jahr zu Jahr. Wenn eine bestimmte Farbe letztes Jahr beliebt war, heißt das nicht, dass sie auch weiterhin beliebt sein wird. Hier ist eine kurze Zusammenfassung der Website-Design-Trends im Jahr 2023:
- Multimediales Erlebnis – Die Internetgeschwindigkeit ist gestiegen, daher ist es in Ordnung, Ihre Website mit hochwertigen Bildern und Videos zu laden.
- Retro-Schriftarten – Wenn Sie eine Schriftart finden, die Sie an die 50er Jahre erinnert, dann ist das die Richtige.
- emoji – Sie sind in den sozialen Medien beliebt, daher sollten Sie sie auch auf Ihrer Website verwenden.
- Helle Farben – Die Hit-Farbkombination ist Gelb und Grau.
- Kreative Produktfotos – Es reicht nicht aus, nur ein Bild hochzuladen. Es wäre hilfreich, wenn Sie einen kreativen Weg finden würden, Ihr Produkt zu präsentieren.
- Parallaxeeffekt - Parallaxen-Animationen weiterhin im Trend liegen und auf Ihrer Website erwartet werden.
- Neomorphismus – das bedeutet eine „minimale Gestaltungsweise mit einem weichen, extrudierten Kunststoff-Look“. (Quelle: Uxdesign)
- Scrollen Sie Animationen – Machen Sie etwas mit Ihrer Website, wenn Leute scrollen. Jeder liebt es.
- Neue Fragebögen – Es reicht nicht aus, die Leute etwas zu fragen. Es muss gut aussehen und unterhaltsam sein.
Häufig gestellte Fragen (FAQs)
Wenn Sie lediglich eine einfache Website oder einen Blog wünschen, können Sie Ihre erste Website völlig kostenlos erstellen. Es gibt mehrere beliebte kostenlose Website-Builder, die Ihnen dabei helfen können. Wenn Sie hingegen etwas Komplexeres benötigen oder sicherstellen möchten, dass Ihre Website vollständig von Ihnen kontrolliert wird, müssen Sie sich für Premium-Optionen entscheiden. In diesem Fall kann eine Website zwischen ein paar Dollar und einigen hundert Dollar pro Monat kosten.
Sofern Sie keine komplexe Unternehmenswebsite erstellen, die professioneller Betreuung bedarf, können Sie sich auf sich selbst verlassen und Ihre eigene Website erstellen. Es gibt online mehr als ein Dutzend großartiger Website-Builder, mit denen Sie Ihre eigene Website beherrschen können. Sie müssen lediglich genügend Zeit und den Willen haben, die Einstellungen zu erlernen und damit herumzuspielen.
Wenn Sie Ihre erste Website erstellen möchten, empfehle ich die Verwendung eines kostenlosen Website-Builders wie Wix, Weebly, WordPress.com oder Squarespace. Wenn Sie Erfahrung haben und mehr von Ihrer Website erwarten, sollten Sie mit selbst gehostetem WordPress beginnen, um mehr Optionen und Freiheiten bei der Erstellung und Pflege Ihrer Website zu haben.
WordPress ist das meiste beliebtes Content-Management-System in der Welt. Es betreibt mehr als ein Drittel aller Websites weltweit. Wenn Sie Zeit haben, Ihre eigene Website zu erlernen und zu pflegen, oder etwas Komplexeres benötigen, empfehle ich dringend WordPress, mit dem Sie bessere Website-Projekte erstellen können als mit den kostenlosen Website-Buildern. Wenn Sie hingegen keine Zeit für die technischen Details haben oder einfache Websites benötigen, sind Website-Builder möglicherweise komfortabler und daher die bessere Lösung für Sie.
Schlussfolgerung
Die moderne hektische Online-Welt hat ihre Nachteile. Doch beim Thema Webdesign gibt es nur positive Entwicklungen. Anfänger können jetzt in wenigen Stunden ihre eigenen benutzerdefinierten Websites entwerfen und aus Dutzenden kostenlosen und Premium-Website-Buildern wählen.
Wenn Sie diesem Tutorial folgen und es genauer untersuchen, wird es Ihnen dabei helfen, gleichzeitig Ihre Website zu entwerfen, ohne ein Vermögen auszugeben.
